.pwa-toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:10px 16px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:12px;font-size:14px;z-index:100}.pwa-toast-refresh button{border:0;background:var(--primary);color:#fff;padding:6px 14px;border-radius:var(--radius-pill);font-weight:600;font-size:13px}.pwa-toast-offline{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.bird-canvas{width:100%;height:100%;display:block}.bird-canvas canvas{display:block;width:100%;height:100%}.task-list{display:flex;flex-direction:column;gap:var(--space-3)}.task-card{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:left;transition:transform .08s ease,background .15s ease}.task-card:hover:not(:disabled){background:var(--card-hover)}.task-card:active:not(:disabled){transform:scale(.98)}.task-card.is-done{opacity:.6;cursor:default;background:var(--bg-soft);border-color:var(--border-soft);box-shadow:none}.task-card.is-done .task-title{text-decoration:line-through;text-decoration-color:var(--text-muted)}.task-card.is-done .task-desc{color:var(--text-muted)}.task-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);border-radius:50%;flex-shrink:0;transition:background .2s ease}.task-card.is-done .task-icon{background:var(--success-soft)}.task-meta{flex:1}.task-title{font-weight:600;font-size:15px}.task-desc{font-size:12px;color:var(--text-soft);margin-top:2px}.task-status{font-weight:600}.task-done{color:var(--success);font-size:20px}.task-reward{color:var(--primary-hover);font-size:13px}.essence-counter{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 12px;background:linear-gradient(135deg,#fef3c7,#fed7aa);border-radius:var(--radius-pill);font-weight:700;color:var(--primary-hover);box-shadow:0 2px 8px #fbbf2433,inset 0 1px #ffffff80;font-size:14px}.essence-icon{display:inline-block;font-size:16px;filter:drop-shadow(0 0 4px var(--essence-glow))}.essence-value{font-variant-numeric:tabular-nums;display:inline-block}.progress{display:flex;flex-direction:column;gap:6px}.progress-label{font-size:12px;color:var(--text-soft)}.progress-track{position:relative;height:8px;background:var(--primary-soft);border-radius:var(--radius-pill);overflow:hidden;box-shadow:inset 0 1px 2px #b4823c1f}.progress-fill{position:relative;height:100%;background:linear-gradient(90deg,#fde68a,#fbbf24,#f59e0b);border-radius:inherit;transition:width .5s var(--ease-out);box-shadow:0 0 8px #fbbf2473}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);animation:shine 3s linear infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn{position:relative;border:0;border-radius:var(--radius-pill);padding:13px 24px;font-size:15px;font-weight:600;letter-spacing:.01em;transition:transform .12s var(--ease-out),background .18s ease,box-shadow .18s ease,color .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;isolation:isolate}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 50%);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:-1}.btn:hover:not(:disabled):after{opacity:1}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 16px #f59e0b59,inset 0 1px #fff6}.btn-primary:hover:not(:disabled){box-shadow:0 6px 22px #f59e0b80,inset 0 1px #fff6}.btn-soft{background:var(--primary-soft);color:var(--primary-hover);box-shadow:0 2px 8px #f59e0b1f}.btn-soft:hover:not(:disabled){background:#fde68a}.btn-ghost{background:transparent;color:var(--text-soft)}.btn-ghost:hover:not(:disabled){background:var(--card-hover)}.home{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) 0;overflow:hidden}.home-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:0}.home-name-btn{display:flex;align-items:baseline;gap:6px;background:transparent;border:0;padding:0;color:inherit;cursor:pointer;transition:opacity .15s ease}.home-name-btn:active{opacity:.7}.home-name{font-size:22px;font-weight:700;letter-spacing:-.01em}.home-name-chevron{font-size:10px;color:var(--text-muted)}.home-header-right{display:flex;gap:8px;align-items:center}.home-gear{background:var(--card);border:1px solid var(--border);width:36px;height:36px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-soft);transition:box-shadow .15s ease,transform .15s ease}@media(hover:hover){.home-gear:hover{box-shadow:var(--shadow-sm);transform:rotate(30deg)}}.home-gear:active{transform:scale(.94)}.home-bird{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;padding:var(--space-3) var(--space-3) 0;background:radial-gradient(140% 90% at 50% 28%,#fff4dc 0%,rgba(255,244,220,.3) 60%,transparent 85%);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.home-bird-stage{flex:1 1 0;width:100%;min-height:150px}.bird-name-tag{flex:0 0 auto;width:70%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 var(--space-4)}.bird-level{font-size:12px;color:var(--primary-hover);font-weight:600}.bird-progress{width:100%}.home-cta{flex:0 0 auto}.home-cta .btn{width:100%}.home-tasks{flex:1 1 0;min-height:100px;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.section-title{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--text-soft);margin:0 0 var(--space-2);padding-left:4px;letter-spacing:.02em;text-transform:uppercase}.home-tasks-scroll{flex:1 1 0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 2px var(--space-2) 0;mask-image:linear-gradient(180deg,transparent 0%,#000 12px,#000 calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12px,#000 calc(100% - 28px),transparent 100%)}.onboarding{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-6) var(--space-4)}.onboarding-step{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-5)}.onboarding-hero{display:flex;justify-content:center}.name-input{width:100%;padding:14px 18px;font-size:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text);outline:none;transition:border-color .15s ease}.name-input:focus{border-color:var(--primary)}.color-preview{display:flex;justify-content:center}.color-swatches{display:flex;gap:var(--space-3);justify-content:center}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .1s ease,border-color .15s ease}.swatch:active{transform:scale(.92)}.swatch.is-active{border-color:var(--primary)}.swatch-yellow{background:var(--bird-yellow)}.swatch-blue{background:var(--bird-blue)}.swatch-pink{background:var(--bird-pink)}.swatch-mint{background:var(--bird-mint)}.swatch-lavender{background:var(--bird-lavender)}.breathing-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-4);text-align:center}.breathing-intro-icon{font-size:56px;filter:drop-shadow(0 4px 8px rgba(180,130,60,.15))}.breathing{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding-top:var(--space-6)}.breathing-circle-stage{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.breathing-circle{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fef3c7,var(--primary));box-shadow:0 0 60px #fbbf2466,0 0 120px #fbbf2426}.breathing-label{position:absolute;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18);pointer-events:none}.breathing-dots{display:flex;gap:10px;justify-content:center}.breathing-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .3s ease,transform .2s var(--ease-spring)}.breathing-dot.is-done{background:var(--success);box-shadow:0 0 6px #84cc164d}.breathing-dot.is-current{background:var(--primary);transform:scale(1.4);box-shadow:0 0 8px var(--primary-glow)}.breathing-meta{font-size:13px}.card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow);transition:transform .18s var(--ease-out),box-shadow .18s ease}@media(hover:hover){.card:hover{box-shadow:var(--shadow-lg)}}.mood-options{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.mood-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:var(--radius);background:var(--card);border:2px solid transparent;box-shadow:var(--shadow-xs);cursor:pointer;transition:transform .12s var(--ease-spring),border-color .2s ease,background .2s ease,box-shadow .2s ease}.mood-opt:active{transform:scale(.92)}.mood-opt.is-active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 16px #fbbf2433;transform:scale(1.05)}.mood-emoji{font-size:28px;line-height:1;transition:transform .2s var(--ease-spring)}.mood-opt.is-active .mood-emoji{transform:scale(1.2)}.mood-label{font-size:11px;color:var(--text-soft);font-weight:500}.mood-opt.is-active .mood-label{color:var(--primary-hover);font-weight:600}.task-page{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.task-page-header{display:flex;align-items:center;gap:var(--space-3)}.task-page-title{display:flex;align-items:center;gap:var(--space-2)}.task-page-icon{font-size:22px}.task-page-body{flex:1;display:flex;flex-direction:column;gap:var(--space-4);position:relative}.celebrate{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff7dcf2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);border-radius:var(--radius)}.celebrate-spark{font-size:72px;filter:drop-shadow(0 0 20px var(--essence-glow))}.adventure-view{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.adventure-header{display:flex;align-items:center;gap:var(--space-3)}.adventure-stage{display:flex;flex-direction:column;gap:var(--space-4)}.adventure-illustration{position:relative;display:flex;justify-content:center;align-items:center;height:180px;background:linear-gradient(180deg,#e0f2fe,#fef7ed 55%,#ecfccb);border-radius:var(--radius);margin-bottom:var(--space-4);overflow:hidden}.adventure-illustration .sun{position:absolute;top:14px;right:24px;font-size:30px;filter:drop-shadow(0 0 12px rgba(251,191,36,.4));animation:sunPulse 3s ease-in-out infinite alternate}@keyframes sunPulse{to{transform:scale(1.1);filter:drop-shadow(0 0 16px rgba(251,191,36,.55))}}.adventure-illustration .cloud{position:absolute;font-size:20px;opacity:.7}.cloud-1{top:18px;left:16px;animation:cloudDrift 12s ease-in-out infinite}.cloud-2{top:38px;left:60px;font-size:14px;animation:cloudDrift 16s ease-in-out infinite 4s}@keyframes cloudDrift{0%,to{transform:translate(0)}50%{transform:translate(12px)}}.adventure-illustration-moving{overflow:hidden}.adventure-illustration-canvas{height:200px;padding:0;overflow:hidden}.adventure-idle-card{text-align:center}.adventure-idle-text{padding:0 var(--space-2)}.adventure-idle-text h3{margin-bottom:6px}.adventure-idle-text p{font-size:14px}.adventure-stage .progress{margin-top:var(--space-3)}.reward-card{position:relative;text-align:center;padding:var(--space-6) var(--space-4);background:linear-gradient(180deg,#fff8e1,#fffbf3)}.reward-spark{position:absolute;top:12px;right:12px;font-size:28px;opacity:.5}.reward-icon{font-size:84px;margin:var(--space-3) 0;filter:drop-shadow(0 6px 14px rgba(180,130,60,.18))}.reward-item-name{font-size:18px;font-weight:600;margin-bottom:6px}.reward-story{font-size:14px}.inventory-view{display:flex;flex-direction:column;gap:var(--space-4)}.inventory-header{display:flex;align-items:center;gap:var(--space-3)}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.inv-cell{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-xs);transition:transform .12s ease,box-shadow .15s ease}.inv-cell:active{transform:scale(.96)}.inv-cell.rarity-rare{background:linear-gradient(180deg,#fffdf3,#fef3c7);border-color:#fde68a;box-shadow:0 2px 10px #fbbf241f}.inv-cell.rarity-rare:active{box-shadow:0 3px 14px #fbbf2433}.inv-icon{font-size:36px}.inv-name{font-size:12px;color:var(--text-soft);margin-top:4px;text-align:center}.inv-count{position:absolute;top:4px;right:6px;font-size:11px;background:var(--primary);color:#fff;padding:1px 6px;border-radius:var(--radius-pill);font-weight:600}.insights-view{display:flex;flex-direction:column;gap:var(--space-4)}.insights-header{display:flex;align-items:center;gap:var(--space-3)}.insights-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.insights-stat{text-align:center;padding:var(--space-5) var(--space-3);background:linear-gradient(180deg,#fffbf3,#fff);transition:transform .15s ease}.insights-stat-value{font-size:32px;font-weight:700;color:var(--primary-hover);line-height:1;letter-spacing:-.02em}.insights-stat-label{font-size:12px;color:var(--text-soft);margin-top:6px;font-weight:500}.insights-section{font-size:14px;font-weight:600;color:var(--text-soft);margin-bottom:var(--space-3)}.insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.insights-list li{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding-bottom:8px;border-bottom:1px dashed var(--border)}.insights-list li:last-child{border-bottom:0;padding-bottom:0}.insights-list-text{flex:1;font-size:14px;line-height:1.5}.insights-list-date{font-size:11px;color:var(--text-muted);white-space:nowrap}.decorate-view{display:flex;flex-direction:column;gap:var(--space-4)}.decorate-header{display:flex;align-items:center;gap:var(--space-3)}.decorate-preview{height:240px;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(140% 90% at 50% 25%,#fff4dc,#fff4dc4d 55%,#fef0d01a);box-shadow:var(--shadow-xs);border:1px solid var(--border-soft)}.decorate-slot-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.decorate-clear{border:0;background:transparent;color:var(--text-soft);font-size:12px;cursor:pointer}.decorate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.decorate-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border:2px solid transparent;border-radius:var(--radius);background:var(--bg-soft);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.decorate-cell:active:not(.is-locked){transform:scale(.95)}.decorate-cell.is-active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 12px #fbbf2426}.decorate-cell.is-locked{opacity:.5;cursor:not-allowed}.decorate-icon{font-size:24px}.decorate-name{font-size:11px;color:var(--text-soft)}.decorate-lock{position:absolute;top:4px;right:4px;font-size:10px}.ach-view{display:flex;flex-direction:column;gap:var(--space-4)}.ach-header{display:flex;align-items:center;gap:var(--space-3)}.ach-counter{margin-left:auto;font-size:13px;font-weight:600;color:var(--primary-hover);background:linear-gradient(135deg,#fef3c7,#fde68a);padding:4px 12px;border-radius:var(--radius-pill);box-shadow:0 1px 4px #f59e0b26}.ach-list{display:flex;flex-direction:column;gap:var(--space-3)}.ach-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);transition:transform .15s ease,box-shadow .15s ease}.ach-card.is-unlocked{background:linear-gradient(135deg,#fffbf3,#fff8e1);border-color:#fde68a;box-shadow:var(--shadow-sm)}.ach-card.is-locked{opacity:.45;filter:grayscale(30%)}.ach-icon{font-size:28px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.ach-card.is-unlocked .ach-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 8px #fbbf2433}.ach-card.is-locked .ach-icon{background:var(--bg);border:1px dashed var(--border)}.ach-meta{flex:1;min-width:0}.ach-title{font-weight:600;font-size:15px}.ach-card.is-locked .ach-title{color:var(--text-muted)}.ach-desc{font-size:12px;color:var(--text-soft);margin-top:2px}.roster-view{display:flex;flex-direction:column;gap:var(--space-4)}.roster-header{display:flex;align-items:center;gap:var(--space-3)}.roster-active{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#fffbf3,#fff8e1);border-color:#fde68a}.roster-active-icon{display:flex;flex-shrink:0}.roster-badge{font-size:11px;color:var(--primary-hover);background:linear-gradient(135deg,#fef3c7,#fde68a);display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);margin-bottom:4px;font-weight:600}.roster-name{font-size:20px;font-weight:700}.roster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.roster-other{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,border-color .15s ease}.roster-other:hover{border-color:var(--primary-soft)}.roster-other:active{transform:scale(.96)}.roster-other-name{font-size:14px;font-weight:600}.roster-other-meta{font-size:11px}.roster-color-row{display:flex;gap:8px;margin-bottom:12px;justify-content:center}.roster-swatch{width:38px;height:38px;border-radius:50%;border:2px solid transparent;cursor:pointer}.roster-swatch.is-active{border-color:var(--primary)}.roster-swatch.swatch-yellow{background:var(--bird-yellow)}.roster-swatch.swatch-blue{background:var(--bird-blue)}.roster-swatch.swatch-pink{background:var(--bird-pink)}.roster-swatch.swatch-mint{background:var(--bird-mint)}.roster-swatch.swatch-lavender{background:var(--bird-lavender)}.roster-add-actions{display:flex;gap:8px;justify-content:flex-end}.roster-add-actions .btn{padding:8px 16px;font-size:14px}.settings-view{display:flex;flex-direction:column;gap:var(--space-4)}.settings-header{display:flex;align-items:center;gap:var(--space-3)}.settings-section{font-size:14px;color:var(--text-soft);margin-bottom:var(--space-3)}.settings-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.settings-actions .btn{padding:8px 16px;font-size:14px}.settings-warn{font-size:13px;color:var(--danger);margin-bottom:12px}a{color:var(--primary-hover)}.ach-toast{position:fixed;top:calc(20px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:101;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff8e1,#fef3c7);border:1px solid #fbbf24;border-radius:var(--radius-pill);padding:10px 18px 10px 12px;box-shadow:0 8px 28px #f59e0b4d;cursor:pointer;max-width:calc(100% - 32px)}.ach-toast-icon{font-size:28px;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.ach-toast-body{text-align:left}.ach-toast-label{font-size:11px;color:var(--text-soft);letter-spacing:.4px}.ach-toast-title{font-size:15px;font-weight:600;color:var(--primary-hover)}.bottom-nav{flex:0 0 auto;display:grid;grid-template-columns:repeat(5,1fr);background:var(--card-translucent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-top:1px solid var(--border-soft);padding-bottom:env(safe-area-inset-bottom);z-index:10;box-shadow:0 -6px 20px #b4823c14}.bn-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 0 8px;font-size:11px;color:var(--text-soft);text-decoration:none;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.bn-tab.is-active{color:var(--primary-hover)}.bn-tab.is-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:3px;background:var(--primary);border-radius:0 0 4px 4px;box-shadow:0 1px 6px var(--primary-glow);animation:tabIndicator .3s var(--ease-spring)}@keyframes tabIndicator{0%{transform:translate(-50%) scaleX(0)}to{transform:translate(-50%) scaleX(1)}}.bn-icon{font-size:22px;line-height:1;filter:grayscale(30%);transform:scale(1);transition:filter .25s ease,transform .2s var(--ease-spring)}.bn-tab.is-active .bn-icon{filter:grayscale(0%) drop-shadow(0 2px 6px var(--primary-glow));transform:scale(1.15) translateY(-2px)}.bn-label{font-weight:500;letter-spacing:.01em}:root{--bg: #fef7ed;--bg-soft: #fffbf3;--bg-gradient: linear-gradient(180deg, #fef7ed 0%, #fff4dc 45%, #fef0d0 100%);--card: #ffffff;--card-translucent: rgba(255, 255, 255, .78);--card-hover: #fffaf0;--border: #f1e3c8;--border-soft: #f9efdb;--shadow-xs: 0 1px 2px rgba(180, 130, 60, .06);--shadow-sm: 0 2px 6px rgba(180, 130, 60, .08);--shadow: 0 4px 14px rgba(180, 130, 60, .1);--shadow-lg: 0 12px 32px rgba(180, 130, 60, .18);--shadow-glow: 0 0 40px rgba(251, 191, 36, .2);--shadow-press: 0 1px 2px rgba(180, 130, 60, .08);--text: #3a3531;--text-soft: #7a716a;--text-muted: #b5ab9d;--primary: #f59e0b;--primary-hover: #d97706;--primary-soft: #fef3c7;--primary-glow: rgba(251, 191, 36, .35);--accent-rose: #fb7185;--accent-sky: #60a5fa;--accent-violet: #a78bfa;--essence: #fbbf24;--essence-glow: rgba(251, 191, 36, .45);--success: #84cc16;--success-soft: #ecfccb;--danger: #ef4444;--danger-soft: #fee2e2;--bird-yellow: #fcd34d;--bird-blue: #93c5fd;--bird-pink: #fbcfe8;--bird-mint: #a7f3d0;--bird-lavender: #ddd6fe;--radius-sm: 10px;--radius: 18px;--radius-lg: 26px;--radius-xl: 36px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans", "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-sans)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea{font-family:inherit;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}#root{display:flex;justify-content:center;background:var(--bg-gradient);height:100dvh;overflow:hidden;position:relative}#root:before,#root:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;z-index:0}#root:before{width:320px;height:320px;top:-100px;left:-80px;background:radial-gradient(circle,#ffe4a8,transparent 70%);animation:drift1 18s ease-in-out infinite alternate}#root:after{width:360px;height:360px;bottom:-120px;right:-100px;background:radial-gradient(circle,#ffd6c4,transparent 70%);animation:drift2 22s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate(40px,40px)}}@keyframes drift2{to{transform:translate(-30px,-50px)}}.app-shell{width:100%;max-width:480px;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}.app-route{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) 0}.app-route.scrollable{overflow-y:auto;padding-bottom:var(--space-5);-webkit-overflow-scrolling:touch}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:24px;letter-spacing:-.02em}h2{font-size:19px}h3{font-size:16px}p{margin:0;line-height:1.55}.muted{color:var(--text-soft)}.center{text-align:center}.back-btn{border:0;background:var(--card);width:40px;height:40px;border-radius:50%;font-size:20px;box-shadow:var(--shadow-xs);color:var(--text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .12s ease,box-shadow .15s ease}.back-btn:active{transform:scale(.94);box-shadow:var(--shadow-press)}.row{display:flex;gap:var(--space-3);align-items:center}.col{display:flex;flex-direction:column;gap:var(--space-3)}.grow{flex:1}.stack-4>*+*{margin-top:var(--space-4)}.stack-5>*+*{margin-top:var(--space-5)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .45s var(--ease-out) both}.rise-d1{animation-delay:.05s}.rise-d2{animation-delay:.1s}.rise-d3{animation-delay:.15s}.rise-d4{animation-delay:.2s}.scrollable::-webkit-scrollbar,.home-tasks-scroll::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-thumb,.home-tasks-scroll::-webkit-scrollbar-thumb{background:#785a322e;border-radius:999px}.scrollable::-webkit-scrollbar-track,.home-tasks-scroll::-webkit-scrollbar-track{background:transparent}