:root{color:#18130f;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f4eee2;--panel:#fff8ea;--panel-solid:#f5efe3;--panel-soft:#ede5d4;--line:#18130f1c;--text:#18130f;--muted:#8a8278;--coral:#ff5f6f;--coral-soft:#ff8a95;--ink:#18130f;--cream:#fff8ea;--wheat:#e5d8c2;--mint:#7affd2;--mint-soft:#b5ffe8;--danger:#e84a5a;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--shadow:0 28px 90px #00000014;background:#f4eee2;font-family:Inter,SF Pro Display,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#e8e0d1;position:fixed;inset:0;overflow:hidden}body,#root{min-width:0;margin:0;position:fixed;inset:0;overflow:hidden}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.app-frame{overscroll-behavior:none;background:radial-gradient(circle at 86% 8%,#ff5f6f1a,#0000 34%),radial-gradient(circle at 12% 78%,#7affd217,#0000 30%),linear-gradient(165deg,#f2ece0 0%,#f7f1e5 50%,#f4eee2 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.ambient{z-index:0;filter:blur(110px);opacity:.22;pointer-events:none;border-radius:50%;position:fixed}.ambient--purple{background:var(--mint-soft);width:330px;height:330px;top:-130px;right:-110px}.ambient--pink{background:var(--coral);opacity:.1;width:320px;height:320px;bottom:10%;left:-180px}.ambient--orange{background:var(--coral-soft);opacity:.08;width:300px;height:300px;top:44%;right:-210px}.app-content{z-index:1;width:min(100%,620px);padding:env(safe-area-inset-top) 18px calc(56px + env(safe-area-inset-bottom));flex:1;margin:0 auto;position:relative;overflow:clip}.page{height:100%;animation:.34s cubic-bezier(.22,1,.36,1) page-enter;overflow:hidden}.page--scroll{overscroll-behavior:contain;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:38px 4px 22px;display:flex}.page-header--compact{padding-bottom:34px}.hero-page,.orbit-page{flex-direction:column;flex:1;min-height:0;display:flex}.orbit-page{overflow:visible}.hero-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:38px 4px 22px;display:flex}.hero-header h1{letter-spacing:-.06em;margin:0;font-size:clamp(46px,14vw,66px);line-height:.92}.hero-header__add{border:2px solid var(--ink);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:16px;place-items:center;font-size:26px;font-weight:300;transition:background .16s,transform .16s;display:grid}.hero-header__add:active{background:var(--ink);color:var(--cream);transform:scale(.94)}.hero-empty{text-align:center;flex:1;place-content:center;place-items:center;display:grid}.hero-empty__orb{border:2px solid var(--ink);border-radius:26px;place-items:center;width:74px;height:74px;font-size:30px;display:grid;transform:rotate(-3deg)}.hero-empty h2{letter-spacing:-.03em;margin:24px 0 8px;font-size:22px}.hero-empty p{color:var(--muted);margin:0;font-size:13px}.hero-empty__create{border:2px solid var(--ink);color:var(--cream);background:var(--ink);border-radius:16px;margin-top:22px;padding:12px 22px;font-size:13px;font-weight:800;transition:transform .16s,box-shadow .16s}.hero-empty__create:active{transform:scale(.96)}.hero-stage{place-items:center;gap:18px;padding:8px 0 6px;animation:.38s cubic-bezier(.22,1,.36,1) hero-enter;display:grid}.hero-progress{justify-content:center;gap:6px;display:flex}.hero-progress__dot{background:#d5cec2;border-radius:50%;width:6px;height:6px;transition:background .22s}.hero-progress__dot.is-active{background:var(--ink);box-shadow:0 0 0 3px #18130f1a}.hero-progress__dot.is-done{background:var(--muted)}.card-stack{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:4px 0 10px;animation:.38s cubic-bezier(.22,1,.36,1) hero-enter;display:flex;overflow:hidden}.stack-progress{justify-content:center;gap:5px;display:flex}.stack-progress__dot{background:#d5cec2;border-radius:50%;width:5px;height:5px;transition:background .22s}.stack-progress__dot.is-active{background:var(--ink);border-radius:99px;width:16px}.stack-stage{perspective:1200px;flex:1;place-items:center;width:min(92%,440px);display:grid;position:relative;overflow:hidden}.stack-card{border:2px solid var(--ink);background:var(--cream);width:100%;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s,box-shadow .2s,border-radius .24s;position:absolute}.stack-card--under{min-height:min(44vh,340px);box-shadow:none;opacity:calc(.72 - var(--stack-depth) * .28);transform:translateY(calc(var(--stack-depth) * 14px - var(--deck-lift,0px))) scale(calc(1 - var(--stack-depth) * .04));pointer-events:none;border-radius:28px}.stack-card--under.is-starred{color:#f0e8d5;background:#1c1814;border-color:#e9a84f}.stack-card--under.is-starred .stack-card__labels span{color:#c4b896}.stack-card--under.is-starred .stack-card__inner--peek strong{color:#f0e8d5}.stack-card--top{z-index:10;min-height:min(50vh,400px);box-shadow:8px 8px 0 var(--coral);opacity:1;touch-action:none;transform:translate3d(var(--drag-x,0), var(--drag-y,0), 0) rotate(var(--drag-rotate,0deg));will-change:transform;border-radius:30px;animation:.22s cubic-bezier(.22,1,.36,1) both card-rise}.stack-card--top.is-dragging{transition:none;animation:none}.stack-card--top.is-star-flash{border-color:#e9a84f!important;box-shadow:0 0 0 4px #e9a84f,0 0 40px #e9a84f80,8px 8px #e9a84f!important}.is-starred.stack-card--top.is-star-flash{box-shadow:0 0 0 4px #f5c842,0 0 50px #e9a84f99,8px 8px #e9a84f!important}.stack-card--top.is-dragging[style*=--drag-x]{border-right-color:var(--mint);border-left-color:var(--coral)}.stack-card--top.is-stamping{transition:all .2s cubic-bezier(.22,1,.36,1);box-shadow:12px 12px 0 var(--mint)!important;border-color:var(--mint)!important;transform:translate(0,0)rotate(0)scale(1.02)!important}.stack-card--top.is-exiting{opacity:0;pointer-events:none;animation:none}.stack-card--top.exit-right{transition:transform .3s cubic-bezier(.32,0,.67,0),opacity .24s}.stack-card--top.exit-left{transition:transform .28s cubic-bezier(.4,0,.67,0),opacity .22s}.stack-card__stamp{z-index:20;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.stack-card__stamp span{border:3px solid var(--mint);width:72px;height:72px;color:var(--mint);background:#7affd226;border-radius:50%;place-items:center;font-size:36px;font-weight:900;animation:.38s cubic-bezier(.22,1,.36,1) both stamp-hit;display:grid}.is-starred .stack-card__stamp span{color:#e9a84f;background:#e9a84f26;border-color:#e9a84f}@keyframes stamp-hit{0%{opacity:0;transform:scale(.3)rotate(-12deg)}40%{opacity:1;transform:scale(1.15)rotate(2deg)}70%{opacity:1;transform:scale(.95)rotate(0)}to{opacity:.7;transform:scale(1)rotate(0)}}.stack-card--top.is-starred{color:#f0e8d5;background:#1c1814;border-color:#e9a84f;box-shadow:8px 8px #e9a84f}.stack-card--top.is-starred .stack-card__labels span{color:#c4b896}.stack-card--top.is-starred .stack-card__inner h2{color:#f0e8d5}.stack-card--top.is-starred .stack-card__inner p{color:#b0a58c}.stack-card--top.is-starred .stack-card__footer{border-top-color:#e9a84f33}.stack-card--top.is-starred .stack-card__footer span{color:#c4b896}.stack-card--top.is-starred .star-badge{color:#f5c842}.stack-card--top.is-overdue{border-color:var(--coral);box-shadow:8px 8px 0 var(--coral)}.stack-card__inner{width:100%;min-height:inherit;text-align:left;background:0 0;align-content:space-between;padding:24px;display:grid}.stack-card__inner--peek{min-height:auto;padding:16px 20px}.stack-card__inner--peek strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin-top:16px;font-size:17px;line-height:1.22;display:block;overflow:hidden}.stack-card__labels{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack-card__labels span{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:850;display:inline-flex}.star-badge{color:#e9a84f;font-size:13px;font-weight:900;line-height:1;display:inline-block}.stack-card__inner h2{letter-spacing:-.045em;margin:28px 0 0;font-size:clamp(28px,7vw,38px);line-height:1.06}.stack-card__inner p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.stack-card__footer{border-top:1px solid #18130f1a;margin-top:28px;padding-top:14px}.stack-card__footer span{color:var(--muted);font-size:11px;font-weight:800}.stack-card__confirm{align-content:center;gap:16px;min-height:min(50vh,400px);padding:24px;display:grid}.stack-card__confirm strong{color:var(--coral);letter-spacing:-.02em;font-size:18px}.is-starred .stack-card__confirm strong{color:#f5c842}.is-starred .stack-card__confirm button{color:#f0e8d5;border-color:#e9a84f}.is-starred .stack-card__confirm button:last-child{color:#1c1814;background:#e9a84f;border-color:#e9a84f}.stack-card__confirm div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stack-card__confirm button{border:2px solid var(--ink);min-height:44px;color:var(--ink);background:0 0;border-radius:14px;font-size:12px;font-weight:850}.stack-card__confirm button:last-child{color:var(--cream);background:var(--coral);border-color:var(--coral)}.hero-nav{justify-content:center;gap:8px;width:min(92%,440px);display:flex}.hero-nav button{color:var(--ink);background:var(--wheat);border-radius:18px;flex:1;padding:15px 10px;font-size:12px;font-weight:900;transition:background .16s,transform .16s}.hero-nav button:active{background:#d5c8b2;transform:scale(.97)}.hero-nav button:disabled{opacity:.4}.hero-nav--single button{max-width:160px}.hero-nav__pill{border:2px solid var(--ink);color:var(--ink);background:0 0;border-radius:14px;padding:9px 14px;font-size:11px;font-weight:800}.hero-confirm{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18130f61;place-items:center;padding:22px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.hero-confirm>div{border:2px solid var(--coral);background:var(--cream);border-radius:24px;gap:12px;width:min(100%,360px);padding:20px;display:grid;box-shadow:0 30px 80px #0000001a}.hero-confirm span{color:var(--coral);font-size:11px;font-weight:900}.hero-confirm strong{font-size:20px}.hero-confirm p{color:var(--muted);margin:0;font-size:12px}.hero-confirm div div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.hero-confirm button{border:2px solid var(--ink);min-height:42px;color:var(--ink);background:0 0;border-radius:14px;font-size:12px;font-weight:900}.hero-confirm button:last-child{color:var(--cream);background:var(--coral);border-color:var(--coral)}.orbit-page{min-height:calc(100vh - 112px - env(safe-area-inset-bottom))}.orbit-stage{touch-action:pan-x;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;place-items:center;display:grid;position:relative}.orbit-stage:active{cursor:grabbing}.orbit-center{pointer-events:none;place-items:center;gap:4px;display:grid;position:absolute}.orbit-center span{letter-spacing:-.05em;font-size:42px;font-weight:900;line-height:1;animation:3s ease-in-out infinite center-pulse}@keyframes center-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.orbit-center small{max-width:140px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.orbit-card{z-index:var(--oz,0);border:2px solid var(--ink);background:var(--cream);text-align:left;opacity:1;width:128px;min-height:100px;transform:translate(-50%, -50%) translate3d(var(--ox), var(--oy), 0) rotate(var(--or)) scale(var(--os,1));will-change:transform;animation:.48s cubic-bezier(.22,1,.36,1) both orbit-fade-in;animation-delay:calc(var(--item-index,0) * 24ms);border-radius:18px;gap:5px;padding:12px;transition:border-color .16s,box-shadow .2s,transform .4s cubic-bezier(.22,1,.36,1),opacity .2s;display:grid;position:absolute;top:50%;left:50%}.orbit-card.is-starred{border-color:#e9a84f;box-shadow:3px 3px #e9a84f}.orbit-card.is-overdue{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral), 0 0 20px rgb(255 95 111/calc(var(--os,1) * .3 - .2))}.orbit-card.is-starred{color:#f0e8d5;box-shadow:3px 3px 0 #e9a84f, 0 0 18px rgb(233 168 79/calc(var(--os,1) * .25 - .15));background:#1c1814;border-color:#e9a84f}.orbit-card.is-starred .orbit-card__label{color:#c4b896}.orbit-card.is-starred strong{color:#f0e8d5}.orbit-card.is-starred small{color:#b0a58c}.orbit-card:active{border-color:var(--ink);box-shadow:5px 5px 0 var(--coral)}.orbit-card__label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:850}.orbit-card strong{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.orbit-card small{color:var(--muted);font-size:10px;font-weight:800}.orbit-hint{color:var(--muted);text-align:center;margin:10px 0 0;font-size:11px}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:950}.page-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(44px,13vw,64px);line-height:.96}.page-intro{color:var(--muted);margin:14px 0 0;font-size:13px;font-weight:850;line-height:1.6}.install-guide{border:2px solid var(--ink);background:var(--cream);box-shadow:4px 4px 0 var(--coral);border-radius:19px;grid-template-columns:42px 1fr 32px;align-items:center;gap:12px;margin:16px 0 0;padding:13px;display:grid;position:relative}.install-guide__icon{width:40px;height:40px;color:var(--cream);background:var(--coral);border-radius:13px;place-items:center;font-size:21px;font-weight:800;display:grid}.install-guide__copy{gap:4px;display:grid}.install-guide__copy strong{font-size:13px}.install-guide__copy span{color:var(--muted);font-size:10px;line-height:1.45}.install-guide>button{width:30px;height:30px;color:var(--muted);background:var(--wheat);border-radius:10px;font-size:18px}.task-list,.completed-list,.settings-stack{gap:12px;display:grid}.task-list--grouped{gap:18px}.task-group{gap:9px;animation:.3s cubic-bezier(.22,1,.36,1) both group-enter;display:grid}.task-group__header{z-index:4;top:calc(env(safe-area-inset-top) + 6px);border:2px solid var(--ink);color:var(--ink);background:var(--cream);border-radius:14px;justify-content:space-between;align-items:center;margin:0 2px;padding:8px 11px;display:flex;position:sticky}.task-group__header span{letter-spacing:.08em;font-size:11px;font-weight:850}.task-group__header strong{min-width:24px;height:24px;color:var(--cream);background:var(--coral);border-radius:9px;place-items:center;font-size:10px;display:grid}.task-group__list{gap:8px;display:grid}.task-card{--card-accent:var(--mint);border:2px solid var(--ink);background:var(--cream);min-height:136px;box-shadow:3px 3px 0 var(--mint-soft);animation:.36s cubic-bezier(.22,1,.36,1) both card-enter;animation-delay:calc(var(--item-index) * 24ms);border-radius:20px;transition:transform .22s,opacity .22s,border-color .22s;display:block;position:relative;overflow:hidden}.task-card:hover{border-color:var(--ink)}.task-card:active{transform:scale(.992)}.task-card.is-starred{--card-accent:#e9a84f;border-color:#e9a84f;box-shadow:3px 3px #e9a84f}.task-card:before{background:var(--card-accent);content:"";opacity:.8;pointer-events:none;border-radius:0 19px 19px 0;width:4px;height:100%;position:absolute;top:0;right:0}.task-card.is-overdue{--card-accent:var(--coral);border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.task-card.is-overdue.is-starred{--card-accent:var(--coral);box-shadow:inset 3px 0 #e9a84f, 3px 3px 0 var(--coral)}.task-card.is-completing{opacity:0;transform:translate(34px)scale(.94)}.swipe-complete-bg{color:var(--cream);background:var(--mint);opacity:var(--swipe-progress);align-items:center;gap:10px;padding-left:24px;display:flex;position:absolute;inset:0}.swipe-complete-bg span{background:#ffffff80;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.swipe-complete-bg strong{font-size:13px}.task-card__surface{z-index:1;min-height:inherit;background:inherit;transform:translate3d(var(--swipe-offset), 0, 0);touch-action:pan-y;will-change:transform;transition:transform .22s cubic-bezier(.22,1,.36,1);position:relative}.task-card:active .task-card__surface{transition:none}.star-button{z-index:3;border:2px solid var(--ink);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:12px;place-items:center;font-size:21px;display:grid;position:absolute;top:14px;right:15px}.is-starred .star-button{color:#e9a84f;background:#e9a84f14;border-color:#e9a84f}.task-card__body{z-index:1;width:100%;min-width:0;min-height:inherit;text-align:left;background:0 0;padding:20px 64px 18px 19px;display:block;position:relative}.task-card__topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.overdue-label,.due-label,.calm-label,.reminder-time,.due-date{color:var(--muted);font-size:11px;font-weight:700}.overdue-label{color:var(--coral)}.due-label{color:#e9a84f}.calm-label{color:var(--muted)}.starred-label{color:#e9a84f;font-size:11px;font-weight:800}.task-card--compact{border-radius:17px;min-height:88px}.task-card--compact .task-card__body{padding:14px 57px 13px 15px}.task-card--compact .task-card__topline{margin-bottom:10px}.task-card--compact h2{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.task-card--compact .due-date{margin-top:10px}.important-confirm{z-index:5;background:var(--cream);border:2px solid #e9a84f;border-radius:20px;align-content:center;gap:14px;padding:18px;animation:.18s cubic-bezier(.22,1,.36,1) toast-enter;display:grid;position:absolute;inset:10px;box-shadow:0 24px 60px #00000014}.important-confirm strong{color:var(--ink);font-size:16px}.important-confirm div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.important-confirm button{border:2px solid var(--ink);background:0 0;border-radius:13px;min-height:40px;font-size:12px;font-weight:850}.important-confirm button:last-child{color:var(--cream);background:#e9a84f;border-color:#e9a84f}.task-card h2,.completed-card h2{letter-spacing:-.025em;margin:0;font-size:21px;line-height:1.25}.task-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.due-date{margin-top:18px;display:inline-block}.floating-add{z-index:10;right:max(24px,50vw - 286px);bottom:calc(91px + env(safe-area-inset-bottom));border:2px solid var(--ink);width:62px;height:62px;color:var(--cream);background:var(--ink);box-shadow:3px 3px 0 var(--coral);border-radius:20px;transition:transform .18s,box-shadow .18s;position:fixed}.floating-add:active{box-shadow:1px 1px 0 var(--coral);transform:scale(.94)}.floating-add span{background:var(--cream);border-radius:99px;width:22px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-add span:last-child{transform:translate(-50%,-50%)rotate(90deg)}.bottom-nav{z-index:20;right:14px;bottom:env(safe-area-inset-bottom);border:2px solid var(--ink);background:var(--cream);border-radius:24px;grid-template-columns:repeat(4,1fr);width:min(100% - 28px,590px);margin:0 auto;padding:4px;transition:opacity .18s,transform .18s;display:grid;position:fixed;left:14px;box-shadow:0 18px 50px #0000000f}.calendar-header{justify-content:space-between;align-items:flex-end;gap:18px;padding:34px 4px 24px;display:flex}.calendar-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,10vw,48px)}.month-actions{gap:8px;display:flex}.month-actions button{border:2px solid var(--ink);width:42px;height:42px;color:var(--ink);background:0 0;border-radius:13px;place-items:center;font-size:27px;display:grid}.undated-section{background:#e9a84f0f;border:2px solid #e9a84f;border-radius:18px;margin-bottom:14px}.undated-section>button{width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px 16px;display:grid}.undated-section strong{min-width:26px;height:26px;color:var(--cream);background:#e9a84f;border-radius:9px;place-items:center;font-size:11px;display:grid}.undated-section i{color:#e9a84f;font-size:20px;font-style:normal}.month-card{border:2px solid var(--ink);background:var(--cream);border-radius:23px;padding:15px 10px 12px;box-shadow:3px 3px #18130f0a}.weekday-row,.month-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekday-row span{color:var(--muted);text-align:center;padding:7px 0 12px;font-size:10px;font-weight:800}.month-grid button{min-width:0;min-height:50px;color:var(--ink);background:0 0;border-radius:14px;place-content:center;gap:4px;transition:color .16s,background .16s,transform .16s;display:grid;position:relative}.month-grid button.is-outside{color:#c0b9ae}.month-grid button.is-today:after{border:2px solid var(--coral);content:"";border-radius:12px;position:absolute;inset:5px}.month-grid button.is-selected{color:var(--cream);background:var(--ink);transform:translateY(-1px)}.month-grid button>span{font-size:12px;font-weight:750}.date-markers{justify-content:center;gap:3px;min-height:5px;display:flex}.marker{border-radius:50%;width:4px;height:4px}.marker--normal{background:var(--mint)}.marker--starred{background:#e9a84f}.marker--overdue{background:var(--coral)}.selected-date-section{padding:24px 2px 4px}.selected-date-section>p{color:var(--muted);margin:0 0 5px;font-size:11px}.selected-date-section>h2{margin:0 0 14px;font-size:21px}.calendar-task-list{gap:10px;padding:0 10px 12px;display:grid}.selected-date-section .calendar-task-list{padding:0}.calendar-empty{color:var(--muted);text-align:center;margin:0;padding:20px 12px;font-size:12px}.app-frame:has(.sheet-backdrop) .bottom-nav{opacity:0;pointer-events:none;transform:translateY(24px)}.nav-item{min-height:48px;color:var(--muted);background:0 0;border-radius:16px;place-items:center;gap:2px;transition:color .18s,background .18s,transform .18s;display:grid}.nav-item svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.nav-item span{font-size:10px;font-weight:700}.nav-item.is-active{color:var(--cream);background:var(--ink);transform:translateY(-1px)}.nav-item:active{transform:translateY(1px)scale(.98)}.empty-state,.loading-state{min-height:360px;color:var(--muted);text-align:center;place-content:center;place-items:center;padding:44px 26px;display:grid}.empty-state h2{color:var(--text);margin:22px 0 8px;font-size:23px}.empty-state p,.loading-state p{margin:0;line-height:1.6}.empty-orbit,.loading-orb{border:2px solid var(--ink);width:78px;height:78px;color:var(--ink);box-shadow:3px 3px 0 var(--coral);background:0 0;border-radius:28px;place-items:center;font-size:30px;display:grid;transform:rotate(-4deg)}.loading-orb{color:var(--cream);background:var(--coral);box-shadow:none;border-radius:50%;animation:1.5s ease-in-out infinite pulse-orb}.completed-card{border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--cream);grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:16px;display:grid}.completed-check{width:38px;height:38px;color:var(--cream);background:var(--ink);border-radius:13px;place-items:center;font-weight:900;display:grid}.completed-card__content{min-width:0}.completed-card__content h2{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:16px;text-decoration:line-through;overflow:hidden}.completed-card__content p{color:var(--muted);margin:6px 0 0;font-size:11px}.completed-actions{gap:7px;display:flex}.completed-actions button,.backup-actions button{border:2px solid var(--ink);color:var(--ink);background:0 0;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:700}.completed-actions .danger-action{color:var(--coral);border-color:var(--coral)}.settings-card{border:2px solid var(--ink);background:var(--cream);border-radius:18px;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;min-height:84px;padding:15px;display:grid;position:relative}.settings-card--accent{box-shadow:3px 3px 0 var(--coral)}.settings-icon{width:43px;height:43px;color:var(--coral);background:#ff5f6f14;border-radius:14px;place-items:center;font-size:20px;display:grid}.settings-copy{gap:5px;display:grid}.settings-copy strong{font-size:14px}.settings-copy span{color:var(--muted);font-size:11px;line-height:1.4}.time-control{border:2px solid var(--ink);width:86px;color:var(--ink);background:0 0;border-radius:13px;padding:9px}.switch-row{cursor:pointer}.switch-row input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.switch-row i{background:#d5cec2;border-radius:99px;width:48px;height:28px;transition:background .18s;position:relative}.switch-row i:after{background:var(--cream);content:"";border-radius:50%;width:20px;height:20px;transition:transform .18s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #00000024}.switch-row input:checked+i{background:var(--coral)}.switch-row input:checked+i:after{transform:translate(20px)}.sync-chip{border-radius:99px;padding:7px 9px;font-size:10px;font-weight:800}.sync-chip--synced{color:#1a5c3a;background:#7affd22e}.sync-chip--pending{color:#8a6010;background:#e9a84f24}.sync-chip--attention{color:var(--coral);background:#ff5f6f1a}.compact-action{border:2px solid var(--ink);color:var(--ink);background:0 0;border-radius:12px;padding:9px 12px;font-size:11px;font-weight:800}.compact-action:disabled{cursor:wait;opacity:.45}.notification-message{border:2px solid var(--coral);color:var(--coral);background:#ff5f6f0f;border-radius:14px;margin:-4px 4px 4px;padding:11px 13px;font-size:11px;line-height:1.55}.status-toast{z-index:80;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));border:2px solid var(--ink);width:min(100% - 36px,584px);color:var(--ink);background:var(--cream);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:0 auto;padding:14px 15px;font-size:12px;line-height:1.5;animation:.26s cubic-bezier(.22,1,.36,1) toast-enter;display:flex;position:fixed;left:18px;box-shadow:0 16px 50px #00000014}.undo-toast{z-index:90;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));border:2px solid var(--mint);background:var(--cream);border-radius:18px;grid-template-columns:1fr auto;gap:14px;width:min(100% - 36px,584px);margin:0 auto;padding:14px 15px 16px;animation:.26s cubic-bezier(.22,1,.36,1) toast-enter;display:grid;position:fixed;left:18px;overflow:hidden;box-shadow:0 16px 50px #00000014}.undo-toast>div{gap:4px;display:grid}.undo-toast strong{font-size:12px}.undo-toast span{color:var(--muted);font-size:10px}.undo-toast button{color:var(--cream);background:var(--ink);border-radius:11px;padding:8px 13px;font-size:11px;font-weight:850}.undo-toast i{background:var(--mint);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0}.status-toast button{color:var(--cream);background:var(--coral);border-radius:10px;flex:none;padding:8px 10px;font-size:11px;font-weight:850}.settings-group{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--cream);margin-top:10px;padding:20px}.settings-group__title h2{margin:0;font-size:17px}.settings-group__title p,.settings-footnote,.inline-message{color:var(--muted);font-size:11px;line-height:1.55}.backup-actions{gap:9px;margin-top:16px;display:flex}.backup-actions button{flex:1;padding:12px}.inline-message{color:var(--coral);margin:14px 0 0}.settings-footnote{text-align:center;margin:18px 8px}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;background:#18130f6b;justify-content:center;align-items:flex-end;padding-top:30px;animation:.18s fade-in;display:flex;position:fixed;inset:0;transform:translateZ(0)}.app-frame:has(.sheet-backdrop){touch-action:none;overflow:hidden}.sheet-backdrop:has(.editor-sheet.is-dragging){-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.editor-sheet{width:min(100%,620px);max-height:calc(100vh - 30px);padding:12px 20px calc(24px + env(safe-area-inset-bottom));border:2px solid var(--ink);background:var(--cream);will-change:transform;transform:translate3d(0, var(--sheet-drag,0), 0);border-bottom:0;border-radius:32px 32px 0 0;transition:transform .26s cubic-bezier(.22,1,.36,1);animation:.36s cubic-bezier(.22,1,.36,1) sheet-enter;overflow-y:auto;box-shadow:0 -28px 80px #00000014}.editor-sheet.is-dragging{transition:none}.editor-sheet.is-closing{transition:transform .28s cubic-bezier(.4,0,.6,1)}.sheet-handle{touch-action:none;background:0 0;width:72px;height:24px;margin:0 auto 14px;display:block;position:relative}.sheet-handle:before{content:"";background:#c0b9ae;border-radius:99px;width:42px;height:5px;transition:background .16s,transform .16s;position:absolute;top:9px;left:15px}.sheet-handle:active:before{background:var(--muted);transform:scaleX(1.18)}.sheet-header{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.sheet-header h2{letter-spacing:-.04em;margin:0;font-size:27px}.icon-button{border:2px solid var(--ink);width:40px;height:40px;color:var(--ink);background:0 0;border-radius:14px;font-size:25px;transition:background .16s,transform .16s}.icon-button:active{background:var(--ink);color:var(--cream);transform:scale(.94)}.field{gap:9px;margin-bottom:15px;display:grid}.field>span{color:var(--muted);font-size:11px;font-weight:700}.field input,.field textarea{border:2px solid var(--ink);width:100%;color:var(--ink);background:0 0;border-radius:16px}.field input{height:52px;padding:0 14px}.field textarea{resize:vertical;min-height:105px;padding:14px;line-height:1.55}.field input:disabled{color:var(--muted);opacity:.5}.field--hero input{border-color:var(--coral);height:66px;font-size:19px;font-weight:650}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.editor-sheet .switch-row{border:2px solid var(--ink);background:0 0;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:15px;padding:14px;display:grid;position:relative}.editor-sheet .switch-row>div{gap:5px;display:grid}.editor-sheet .switch-row strong{font-size:13px}.editor-sheet .switch-row span{color:var(--muted);font-size:10px}.text-button{color:var(--coral);background:0 0;padding:10px 0 20px;font-size:12px;font-weight:750}.primary-button{border:2px solid var(--ink);width:100%;min-height:56px;color:var(--cream);background:var(--ink);border-radius:18px;margin-top:6px;font-weight:850;transition:background .16s,transform .16s}.primary-button:active{transform:translateY(1px)scale(.99)}.primary-button:disabled{cursor:not-allowed;opacity:.4}.form-error{color:var(--coral);text-align:center;margin:12px 0 0;font-size:12px}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}}@keyframes hero-enter{0%{opacity:0;transform:translateY(14px)}}@keyframes card-rise{0%{transform:translateY(10px)scale(.98)}to{transform:translate(0,0)scale(1)}}@keyframes orbit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes group-enter{0%{opacity:0;transform:translateY(10px)}}@keyframes sheet-enter{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes pulse-orb{0%,to{transform:scale(.96);box-shadow:0 0 #ff5f6f33}50%{transform:scale(1.04);box-shadow:0 0 0 14px #ff5f6f00}}@keyframes toast-enter{0%{opacity:0;transform:translateY(18px)scale(.97)}}@media (width<=420px){.page-header h1{font-size:46px}.hero-header h1{font-size:44px}.stack-card--top{width:94%;min-height:44vh}.stack-card__inner{min-height:44vh;padding:20px}.stack-card__inner h2{font-size:28px}.stack-stage{width:94%;min-height:46vh}.stack-card--under{min-height:42vh}.field-grid{grid-template-columns:1fr}.completed-card{grid-template-columns:38px 1fr}.completed-actions{grid-column:2}.settings-card{grid-template-columns:42px 1fr auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.task-card.is-completing,.stack-card--top.is-completing{transform:none}}