@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-muted:#94a3b8;--accent:#ef4444;--accent-hover:#dc2626;--card-bg:#1e293b;--border-color:#334155;--glow-color:#ef444426;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.glass-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);transition:var(--transition-smooth);background:#1e293b99;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}.glass-panel:hover{box-shadow:0 12px 40px 0 #0006, 0 0 15px var(--glow-color);border-color:#ffffff1a}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.auth-wrapper{justify-content:center;align-items:center;min-height:90vh;display:flex}.auth-card{text-align:center;width:100%;max-width:450px;padding:2.5rem}.auth-header{margin-bottom:2rem}.auth-logo{color:var(--accent);text-shadow:0 0 10px var(--glow-color);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.form-group{text-align:left;margin-bottom:1.25rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);background:#0f172acc;padding:.75rem 1rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 8px var(--glow-color);outline:none}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-family:var(--font-body);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--glow-color)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 6px 16px var(--glow-color);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#ffffff0d}.btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.dashboard-grid{grid-template-columns:1fr;gap:2rem;margin-top:2rem;display:grid}@media (min-width:900px){.dashboard-grid{grid-template-columns:1.2fr .8fr}}.timer-container{flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative}.timer-circle-wrap{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.timer-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible;transform:rotate(-90deg)}.timer-track{fill:none;stroke:#ffffff0a;stroke-width:8px}.timer-progress-glow{pointer-events:none}.timer-progress{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--accent));transition:stroke-dashoffset .5s linear}.timer-text-content{text-align:center;z-index:10}.timer-digits{font-size:3.5rem;font-weight:800;font-family:var(--font-heading);letter-spacing:-.03em;text-shadow:0 0 15px var(--glow-color)}.timer-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem;font-size:.875rem}.timer-modes{background:#0003;border-radius:30px;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:100%;margin-bottom:2rem;padding:.35rem;display:flex}.mode-btn{cursor:pointer;min-width:0;transition:var(--transition-smooth);color:var(--text-muted);background:0 0;border:none;border-radius:20px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600}.mode-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 10px var(--glow-color)}.timer-controls{gap:1rem;margin-top:2rem;display:flex}.garden-card{flex-direction:column;align-items:center;min-width:0;padding:2rem;display:flex;overflow:clip}.garden-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.garden-grid{aspect-ratio:1;background:var(--canvas-bg,#0006);border-radius:var(--border-radius-lg);border:1px solid var(--canvas-border,var(--border-color));perspective:800px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:12px;width:100%;max-width:380px;padding:16px;display:grid;box-shadow:inset 0 4px 20px #00000080,0 10px 30px #0009}.grid-cell{background:linear-gradient(135deg, #ffffff12 0%, var(--cell-bg,#ffffff05) 100%);border-radius:var(--border-radius-md);cursor:pointer;aspect-ratio:1;border-top:1px solid #ffffff26;border-bottom:5px solid #00000080;border-left:1px solid #ffffff14;border-right:2px solid #0000004d;justify-content:center;align-items:center;min-width:48px;min-height:48px;font-size:2.2rem;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 6px 12px #00000073,inset 0 1px #ffffff1a}.grid-cell:hover{background:linear-gradient(135deg, #ffffff1f 0%, var(--cell-hover,#ffffff0f) 100%);box-shadow:0 14px 24px #00000080, 0 0 12px var(--glow-color);border-color:#ffffff40 #0003 #000000a6 #ffffff26;border-bottom-style:solid;border-bottom-width:9px;transform:translateY(-6px)}.grid-cell:active{border-bottom:2px solid #0006;transform:translateY(2px);box-shadow:0 2px 4px #0009}.grid-cell.active-placement{background:linear-gradient(135deg, #ffffff1f 0%, var(--cell-bg,#ffffff0d) 100%);box-shadow:0 6px 12px #00000080, inset 0 0 10px var(--glow-color);border-top:1px solid #ffffff40;border-bottom:5px solid #0009;border-left:1px solid #ffffff1f;border-right:1px solid #ffffff26}.grid-cell.drag-over{background:linear-gradient(135deg, #ffffff26 0%, var(--cell-hover,#ffffff14) 100%);box-shadow:0 0 20px var(--accent), inset 0 0 12px var(--glow-color);border-top-color:#ffffff4d;border-bottom:2px solid #0000004d;border-left-color:#fff3;transform:translateY(2px)scale(.98)}.draggable-inventory-item{transition:transform .2s,box-shadow .2s}.draggable-inventory-item:hover{box-shadow:0 4px 12px var(--glow-color);transform:scale(1.05)}.placed-element-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.placed-element-shadow{filter:blur(2px);z-index:1;pointer-events:none;background:#00000073;border-radius:50%;width:24px;height:6px;animation:3s ease-in-out infinite alternate float-shadow;position:absolute;bottom:2px}.placed-emoji{z-index:2;-webkit-user-select:none;user-select:none;animation:3s ease-in-out infinite alternate float-emoji}.grid-cell:active .placed-emoji{animation:.5s ease-in-out wobble-emoji}.grid-cell:hover .placed-emoji{animation:.6s ease-in-out infinite alternate hover-wobble-emoji}@keyframes float-emoji{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-4px)rotate(2deg)}}@keyframes float-shadow{0%{opacity:.8;transform:scale(1)}to{opacity:.35;transform:scale(.7)}}@keyframes wobble-emoji{0%{transform:scale(1)}30%{transform:scale(1.25)rotate(-10deg)}60%{transform:scale(.9)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes hover-wobble-emoji{0%{transform:translateY(-4px)rotate(-3deg)scale(1.05)}to{transform:translateY(-8px)rotate(3deg)scale(1.12)}}.profile-bar{flex-direction:column;gap:.5rem;width:100%;margin-bottom:1.5rem;display:flex}.progress-header{justify-content:space-between;font-size:.875rem;font-weight:600;display:flex}.progress-track{background:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;box-shadow:0 0 8px var(--glow-color);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.navbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.logo{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.75rem;font-weight:800;text-decoration:none;display:flex}.logo span{color:var(--accent)}.nav-links{align-items:center;gap:1rem;display:flex}.mobile-menu-toggle{border:1px solid var(--border-color);min-height:44px;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.9rem;font-weight:700;display:none}.mobile-menu-toggle:hover{border-color:var(--accent);background:#ffffff1a}@media (max-width:720px){.container{padding:1rem}.navbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid;position:relative}.logo{font-size:1.5rem}.mobile-menu-toggle{display:inline-flex}.nav-links{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;box-shadow:0 18px 40px #00000059, 0 0 18px var(--glow-color);-webkit-backdrop-filter:blur(16px);background:#0f172af5;flex-direction:column;grid-column:1/-1;gap:.75rem;padding:.875rem;display:none}.nav-links.open{display:flex}.nav-links .btn,.nav-links .tab-trigger{justify-content:center;width:100%;min-height:48px;padding:.75rem 1rem;font-size:.95rem;border-radius:var(--border-radius-sm)!important}.nav-links .tab-trigger{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0a}}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.shop-card{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;min-height:250px;padding:1.5rem;display:flex;position:relative}.shop-card-emoji{filter:drop-shadow(0 4px 10px #0000004d);margin-bottom:1rem;font-size:3rem}.shop-card-title{margin-bottom:.5rem;font-size:1.125rem}.shop-card-cost{color:#eab308;align-items:center;gap:.25rem;margin-bottom:1rem;font-weight:700;display:flex}.badge-premium{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;padding:.25rem .5rem;font-size:.65rem;font-weight:800;position:absolute;top:10px;right:10px}.badge-owned{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;border-radius:20px;padding:.25rem .5rem;font-size:.65rem;font-weight:600;position:absolute;top:10px;right:10px}.tabs-header{border-bottom:1px solid var(--border-color);gap:1rem;margin-bottom:1.5rem;display:flex}.shop-toolbar,.shop-tabs{min-width:0}.focus-coins-pill{white-space:nowrap;flex:none}.tab-trigger{cursor:pointer;font:inherit;color:var(--text-muted);transition:var(--transition-smooth);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;min-height:48px;padding:.75rem 1.25rem;font-weight:600;display:flex}.tab-trigger.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-metrics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{text-align:center;padding:1.5rem}.metric-value{color:var(--accent);text-shadow:0 0 10px var(--glow-color);margin-top:.5rem;font-size:2.25rem;font-weight:800}.admin-table-container{margin-top:1rem;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--border-color);padding:1rem}.admin-table th{color:var(--text-muted);font-size:.875rem;font-weight:700}.admin-table tr:hover{background:#ffffff05}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{width:100%;max-width:500px;padding:2.5rem;position:relative}.modal-close{cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth);background:0 0;border:none;font-size:1.5rem;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--text-primary)}.theme-picker-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.theme-picker-item{border-radius:var(--border-radius-md);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:1rem;display:flex}.theme-picker-item:hover{transform:translateY(-2px)}.theme-preview-dots{gap:4px;display:flex}.theme-color-dot{border:1px solid #fff3;border-radius:50%;width:16px;height:16px}.toast-container{z-index:999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--border-radius-md);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--accent);box-shadow:0 4px 16px var(--glow-color);align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s ease-out slide-in-toast;display:flex}@keyframes slide-in-toast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.soundscapes-panel{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:#00000026;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex}.m-hero{text-align:center;flex-direction:column;align-items:center;padding:6rem 0 4rem;display:flex;position:relative}.m-hero-badge{color:var(--accent);background:#ef44441a;border:1px solid #ef444433;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.m-hero-title{text-shadow:0 0 20px #00000080;background:linear-gradient(180deg, var(--text-primary) 0%, #f8fafcb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:800px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.m-hero-title span{background:linear-gradient(135deg, var(--accent) 0%, #f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.m-hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.m-hero-ctas{gap:1rem;margin-bottom:4rem;display:flex}.m-preview-card{aspect-ratio:1.6;border-radius:var(--border-radius-lg);width:100%;max-width:900px;box-shadow:0 20px 50px #0009, 0 0 40px var(--glow-color);border:1px solid #ffffff0d;margin-top:1rem;overflow:hidden}.m-preview-img{object-fit:cover;width:100%;height:100%}.m-section-header{text-align:center;margin-bottom:3rem}.m-section-title{margin-bottom:.75rem;font-size:2.25rem}.m-section-desc{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1rem;line-height:1.5}.m-feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;margin-bottom:6rem;display:grid}.m-feature-card{padding:2.5rem 2rem}.m-feature-icon{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--accent);box-shadow:0 4px 12px var(--glow-color);background:#ffffff08;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.m-feature-title{margin-bottom:.75rem;font-size:1.25rem}.m-feature-desc{color:var(--text-muted);font-size:.9rem;line-height:1.6}.m-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:800px;margin:2rem auto 6rem;display:grid}.m-pricing-card{flex-direction:column;justify-content:space-between;min-height:480px;padding:3rem 2.5rem;display:flex;position:relative}.m-pricing-card.premium{border:1px solid var(--accent);box-shadow:0 10px 30px var(--glow-color)}.m-pricing-bullets{text-align:left;flex-direction:column;gap:1rem;margin:2rem 0;list-style:none;display:flex}.m-pricing-bullets li{align-items:center;gap:.75rem;font-size:.95rem;display:flex}.m-pricing-bullet-check{color:#22c55e;font-weight:700}.m-pwa-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem;margin-bottom:6rem;display:grid}.m-pwa-step-card{text-align:center;padding:2rem}.m-pwa-step-num{color:var(--accent);opacity:.3;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.app-shell{background:radial-gradient(circle at top right, #38bdf81f, transparent 30%), radial-gradient(circle at bottom left, #f43f5e1f, transparent 30%), var(--bg-primary);grid-template-columns:clamp(204px,15.5vw,232px) minmax(0,1fr);min-height:100vh;display:grid}.app-shell.is-collapsed{grid-template-columns:84px minmax(0,1fr)}.app-sidebar{border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#030712b8;flex-direction:column;gap:1rem;height:100vh;padding:1rem;display:flex;position:sticky;top:0}.app-main{width:100%;min-width:0;max-width:1240px;margin:0 auto;padding:1.25rem 1.5rem 0}.app-main>.navbar{display:none}.sidebar-brand,.app-topbar,.topbar-actions,.topbar-progress,.notification-header,.collection-progress-card>div,.volume-heading{align-items:center;display:flex}.sidebar-brand{justify-content:space-between;gap:.5rem}.sidebar-logo,.sidebar-collapse,.sidebar-link,.icon-button,.profile-chip,.text-button,.task-check,.mini-action{color:inherit;cursor:pointer;font:inherit;border:0}.sidebar-logo{background:0 0;align-items:center;gap:.75rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 18px #f59e0b59}.sidebar-collapse,.icon-button{border:1px solid var(--border-color);background:#ffffff0f;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.sidebar-nav{flex-direction:column;gap:.45rem;display:flex}.sidebar-link{width:100%;min-height:42px;color:var(--text-muted);text-align:left;white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:.65rem;padding:0 .8rem;font-size:.9rem;display:flex}.sidebar-link svg{flex:none}.sidebar-link:hover,.sidebar-link.active{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-color);background:#ffffff14}.sidebar-logout{margin-top:auto}.app-shell.is-collapsed .sidebar-link,.app-shell.is-collapsed .sidebar-logo{justify-content:center}.app-topbar{z-index:20;background:color-mix(in srgb, var(--bg-primary) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;gap:1rem;min-width:0;min-height:64px;margin-bottom:1.25rem;padding:.75rem 0;position:sticky;top:0}.app-menu-button{display:none}.topbar-progress{min-width:260px;color:var(--text-muted);gap:.75rem;font-size:.85rem}.topbar-progress-track{background:#ffffff17;border-radius:999px;width:220px;height:6px;overflow:hidden}.topbar-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#fb7185,#38bdf8,#34d399);height:100%}.topbar-actions{gap:.75rem;min-width:0}.notification-wrap{position:relative}.notification-badge{color:#fff;border:2px solid var(--bg-primary);background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.68rem;display:grid;position:absolute;top:-4px;right:-4px}.notification-panel{z-index:50;width:min(360px,100vw - 2rem);padding:1rem;position:absolute;top:calc(100% + .75rem);right:0}.notification-header{justify-content:space-between;margin-bottom:.75rem}.notification-list{flex-direction:column;gap:.5rem;max-height:320px;display:flex;overflow-y:auto}.notification-item{text-align:left;border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#ffffff0a;border-radius:10px;padding:.75rem}.notification-item.unread{border-color:var(--accent);box-shadow:0 0 14px var(--glow-color)}.notification-item small,.empty-small{color:var(--text-muted);margin-top:.25rem;font-size:.8rem;display:block}.text-button{color:var(--accent);background:0 0;padding:0;font-size:.85rem}.profile-chip{border:1px solid var(--border-color);background:#ffffff0f;border-radius:999px;align-items:center;gap:.6rem;min-width:0;min-height:38px;padding:.25rem .75rem .25rem .25rem;display:inline-flex}.profile-chip span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-chip img,.profile-chip>span:first-child{object-fit:cover;background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.dashboard-view,.view-stack{flex-direction:column;gap:1.25rem;display:flex}.dashboard-grid{align-items:start;gap:1rem}.dashboard-left-column{flex-direction:column;gap:1rem;min-width:0;display:flex}.dashboard-status-row{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:1rem;display:grid}.status-card{padding:1.1rem;position:relative;overflow:hidden}.status-label{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.status-value{margin-top:.5rem;font-size:1.3rem;font-weight:800}.status-subtext{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.reward-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.reward-card .status-label,.reward-card .status-value,.reward-progress{grid-column:1}.reward-progress{color:var(--text-muted);gap:.35rem;font-size:.8rem;display:grid}.reward-claim-btn{grid-area:1/2/span 3}.reward-claim-btn:disabled,.reward-claim-btn[disabled]{cursor:not-allowed;opacity:.52;box-shadow:none}.task-card,.task-workspace{padding:1.2rem}.task-card-header,.task-quick-form,.task-full-form,.task-row,.volume-row{align-items:center;display:flex}.task-card-header{justify-content:space-between;margin-bottom:.9rem}.task-card-header span{color:var(--text-muted);font-weight:700}.task-quick-form,.task-full-form{gap:.6rem;margin-bottom:1rem}.task-estimate-input{max-width:76px}.task-list{flex-direction:column;gap:.45rem;display:flex}.task-row{border-bottom:1px solid #ffffff0f;gap:.7rem;min-height:38px;padding:.45rem .25rem}.task-row.done{opacity:.58;text-decoration:line-through}.task-check{border:1px solid var(--border-color);background:#ffffff0a;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:grid}.task-row small{color:var(--text-muted);margin-left:auto}.task-main{flex-direction:column;gap:.15rem;display:flex}.danger{color:#ef4444}.collection-progress-card{border:1px solid var(--border-color);background:#ffffff0f;border-radius:12px;width:min(100%,520px);margin-top:1.5rem;padding:1rem}.collection-progress-card>div:first-child{justify-content:space-between;margin-bottom:.75rem}.stage-badge,.mini-action{border-radius:999px;padding:.15rem .45rem;font-size:.7rem}.stage-badge{color:var(--text-muted);background:#ffffff14}.mini-action{color:#86efac;background:#22c55e29;border:1px solid #22c55e42}.garden-standalone .garden-grid{width:min(70%,420px);max-width:420px}.view-header h2{font-size:clamp(1.8rem,4vw,2.7rem)}.view-header p{color:var(--text-muted);margin-top:.35rem}.analytics-summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.analytics-summary-grid .metric-card{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:74px;display:flex}.analytics-summary-grid .metric-card span,.analytics-summary-grid .metric-card strong{display:block}.analytics-panel{padding:1.5rem}.trend-bars{grid-template-columns:repeat(14,1fr);align-items:end;gap:.5rem;height:220px;margin-top:1rem;display:grid}.trend-bar{text-align:center;min-width:0;height:100%;color:var(--text-muted);flex-direction:column;justify-content:flex-end;gap:.45rem;font-size:.7rem;display:flex}.trend-bar span{background:linear-gradient(#38bdf8,#22c55e);border-radius:8px 8px 2px 2px;width:100%;min-height:6px;box-shadow:0 0 16px #38bdf83d}.heatmap-grid{flex-direction:column;gap:.35rem;margin-top:1rem;display:flex;overflow-x:auto}.heatmap-row{grid-template-columns:44px repeat(24,18px);align-items:center;gap:.28rem;display:grid}.heatmap-row>span{color:var(--text-muted);font-size:.78rem}.heatmap-cell{background:#38bdf8;border-radius:5px;width:18px;height:18px;box-shadow:0 0 8px #38bdf842}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.volume-settings{border:1px solid var(--border-color);background:#00000029;border-radius:14px;padding:1.25rem}.volume-heading{justify-content:space-between;gap:.8rem;margin-bottom:1rem}.volume-heading h3{flex:1;font-size:1rem}.volume-row{gap:1rem;padding:.65rem 0}.volume-row span{width:120px;color:var(--text-muted);font-size:.9rem}.volume-row input{flex:1}.volume-row strong{text-align:right;width:48px}@media (min-width:900px){.dashboard-grid{grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr)}}:is(.dashboard-grid .timer-container,.dashboard-grid .task-card,.dashboard-grid .glass-panel:has(.profile-chip)){padding:1.15rem}.dashboard-grid .timer-container{min-height:auto}.dashboard-grid .timer-circle-wrap{width:min(245px,100%);height:min(245px,100%)}.dashboard-grid .timer-digits{font-size:clamp(2.6rem,4vw,3.2rem)}.dashboard-grid .timer-controls{justify-content:center;gap:.6rem;width:100%}.dashboard-grid .timer-controls .btn{flex:1 1 0;min-height:42px;padding:.55rem .7rem;font-size:.84rem}.dashboard-grid .garden-card{background:radial-gradient(circle at 65% 30%,#22c55e33,#0000 36%),radial-gradient(circle at 42% 56%,#38bdf829,#0000 34%),radial-gradient(circle at 40% 85%,#7c3aed2e,#0000 36%),#0f172ab8;align-items:stretch;min-height:545px;padding:1.1rem 1.25rem 1.25rem;position:relative;overflow:clip}.dashboard-grid .garden-card:before{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(#38bdf829,#0000 62%),radial-gradient(at 70% 48%,#22c55e29,#0000 56%),radial-gradient(at 35% 68%,#a855f729,#0000 62%);height:360px;position:absolute;inset:66px 12% auto}.dashboard-grid .garden-header{z-index:2;margin-bottom:.4rem;position:relative}.garden-grid{transform-style:preserve-3d;transform-origin:50%;isolation:isolate;background:linear-gradient(135deg,#152344d1,#0c142cdb),radial-gradient(circle,#38bdf824,#0000 68%);border-color:#818cf83d;gap:10px;width:min(70%,320px);max-width:320px;margin:1.75rem 0;padding:28px;position:relative;transform:rotateX(58deg)rotate(45deg);box-shadow:inset 0 0 28px #38bdf81f,0 34px 48px #0000006b,0 0 80px #38bdf81c}.dashboard-grid .garden-grid{width:min(82%,410px);max-width:410px;margin:1.2rem auto 1.6rem;transform:rotateX(58deg)rotate(45deg)scale(1.08)}.grid-cell{transform-style:preserve-3d;background:linear-gradient(145deg,#47558470,#222d5275),radial-gradient(circle at 35% 20%,#ffffff29,#0000 38%);border-color:#fff3 #080c1c6b #060914bd #ffffff24;border-radius:7px;min-width:0;min-height:0;box-shadow:0 8px 18px #0206178f,inset 0 1px #ffffff24}.grid-cell.active-placement{background:linear-gradient(145deg,#5fffb838,#1b686f94),radial-gradient(circle at 42% 32%,#ffffff52,#0000 34%);border-color:#d0ffe6cc #14532d94 #0c3022eb #86efac8a;box-shadow:0 10px 20px #0000008c,0 0 20px #22c55e7a,inset 0 0 16px #86efac40}.grid-cell.active-placement:nth-child(3n+1){background:linear-gradient(145deg,#7df9ff3d,#155e7599),radial-gradient(circle at 42% 32%,#ffffff52,#0000 34%);border-top-color:#bae6fddb;box-shadow:0 10px 20px #0000008c,0 0 22px #22d3ee80,inset 0 0 16px #7dd3fc40}.grid-cell.active-placement:nth-child(5n){background:linear-gradient(145deg,#ffcc7647,#743725a3),radial-gradient(circle at 42% 32%,#ffffff4d,#0000 34%);border-top-color:#fef08ae6;box-shadow:0 10px 20px #0000008c,0 0 22px #fbbf247a,inset 0 0 16px #fbbf243b}.placed-element-wrapper{transform:rotate(-45deg)rotateX(-58deg)translateY(-18px)scale(1.14)}.placed-emoji{filter:drop-shadow(0 10px 9px #00000080)drop-shadow(0 0 8px #ffffff1f)}.dashboard-grid .placed-emoji{font-size:clamp(2rem,4.2vw,2.9rem)}@media (max-width:900px){.app-shell,.app-shell.is-collapsed{display:block}.app-sidebar{width:280px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{padding:.75rem}.app-topbar{grid-template-columns:auto minmax(0,1fr) auto;overflow:clip}.app-menu-button{display:inline-flex}.topbar-progress{flex:1;gap:.45rem;min-width:0}.topbar-progress span{line-height:1.15}.topbar-progress-track{width:100%}.profile-chip{max-width:116px}.dashboard-status-row,.settings-grid,.reward-card{grid-template-columns:1fr}.reward-claim-btn{grid-area:auto}.timer-modes{border-radius:18px;align-items:stretch}.mode-btn{white-space:normal;flex:96px;padding:.55rem .7rem;line-height:1.2}.timer-container{min-width:0;padding:1.5rem 1rem}.timer-circle-wrap{width:min(250px,72vw);height:min(250px,72vw)}.timer-digits{font-size:2.8rem}.timer-controls{flex-wrap:wrap;justify-content:center}.shop-toolbar{grid-template-columns:1fr;gap:.75rem;padding-bottom:.75rem;align-items:stretch!important;display:grid!important}.shop-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.5rem!important;display:grid!important}.shop-tabs .tab-trigger{text-align:center;white-space:normal;justify-content:center;padding:.65rem .5rem;line-height:1.2}.focus-coins-pill{justify-self:start;max-width:100%;align-self:start!important;margin-bottom:0!important}.garden-card{padding:1.25rem}.garden-header{flex-direction:column;align-items:flex-start;gap:.45rem}.garden-grid,.dashboard-grid .garden-grid{gap:7px;width:min(100%,320px);max-width:320px;margin:1.25rem 0;padding:14px;transform:none}.grid-cell{min-width:44px;min-height:44px;font-size:1.8rem}.grid-cell:hover{border-bottom-width:7px;transform:translateY(-3px)}.placed-element-wrapper{transform:none}}@media (max-width:520px){.topbar-progress{display:none}.app-topbar{grid-template-columns:auto minmax(0,1fr)}.topbar-actions{justify-content:flex-end}.profile-chip{max-width:152px}}.garden-board{aspect-ratio:1.12;isolation:isolate;width:min(100%,530px);margin:.45rem auto 1.1rem;position:relative}.garden-board .garden-grid{transform-origin:50%;z-index:1;width:min(76%,410px);max-width:410px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(58deg)rotate(45deg)scale(1.08)}.garden-standalone .garden-board{width:min(100%,620px)}.garden-standalone .garden-board .garden-grid{width:min(74%,460px);max-width:460px}.garden-item-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.garden-item-anchor{width:clamp(62px,10vw,94px);height:clamp(72px,12vw,112px);color:inherit;cursor:grab;pointer-events:auto;touch-action:none;background:0 0;border:0;place-items:end center;padding:0;transition:opacity .16s,filter .16s;display:grid;position:absolute;transform:translate(-50%,-74%)}.garden-item-anchor:active{cursor:grabbing}.garden-item-anchor.is-dragging{opacity:.96;filter:saturate(1.08)drop-shadow(0 18px 18px #0000006b);cursor:grabbing}.garden-item-anchor:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:18px}.grid-cell{appearance:none;color:var(--text-muted);font:inherit;border-top:1px solid #fff3;border-bottom:5px solid #060914bd;border-left:1px solid #ffffff24;border-right:2px solid #080c1c6b;padding:0}.grid-cell-plus{color:#ffffff47;pointer-events:none;font-size:.85rem;transform:rotate(-45deg)rotateX(-58deg)}.grid-cell.active-placement .grid-cell-plus{opacity:0}.garden-item-visual{width:clamp(40px,7vw,74px);height:clamp(48px,8.3vw,88px);transform:translateY(calc((var(--item-stage,1) - 1) * -1.5px)) scale(calc(.9 + (var(--item-stage,1) * .035)));transform-origin:bottom;-webkit-user-select:none;user-select:none;pointer-events:none;place-items:center;animation:3.2s ease-in-out infinite alternate float-upright-item;display:inline-grid;position:relative}.garden-item-sprite{object-fit:contain;filter:drop-shadow(0 12px 12px #02061794)drop-shadow(0 0 9px #7dd3fc1f);width:100%;height:100%;display:block}.garden-item-emoji{filter:drop-shadow(0 12px 12px #02061794)drop-shadow(0 0 9px #ffffff29);font-size:clamp(2rem,5vw,3.5rem);line-height:1}.placed-garden-item{width:clamp(58px,9vw,94px);height:clamp(68px,11vw,114px)}.placed-element-shadow{filter:blur(4px);z-index:-1;pointer-events:none;background:#0000006b;border-radius:50%;width:clamp(34px,6vw,58px);height:clamp(8px,1.4vw,14px);animation:3.2s ease-in-out infinite alternate float-shadow;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.shop-card-art{width:86px;height:96px;margin-bottom:.85rem}.inventory-item-art,.picker-item-art{flex:none;width:34px;height:40px}.modal-item-art{flex:none;width:82px;height:92px}@keyframes float-upright-item{0%{transform:translateY(calc((var(--item-stage,1) - 1) * -1.5px)) scale(calc(.9 + (var(--item-stage,1) * .035)))}to{transform:translateY(calc(-5px + ((var(--item-stage,1) - 1) * -1.5px))) scale(calc(.92 + (var(--item-stage,1) * .035)))}}@media (max-width:900px){.garden-board,.garden-standalone .garden-board{aspect-ratio:1.08;width:min(100%,390px)}.garden-board .garden-grid,.garden-standalone .garden-board .garden-grid{width:min(78%,330px);max-width:330px;transform:translate(-50%,-50%)rotateX(58deg)rotate(45deg)scale(.98)}.garden-item-anchor{width:64px;height:78px}.placed-garden-item{width:58px;height:70px}}
:root{--bg-primary:#f6f5f1;--bg-secondary:#eeede7;--card-bg:#fffefa;--text-primary:#272e2b;--text-muted:#666d67;--border-color:#dedfd7;--accent:#5556a6;--accent-hover:#44458c;--glow-color:transparent;--garden-surface:#eef0e8;--garden-ground:#dce2d1;--garden-tile:#e8ecde;--garden-ink:#3f614d;--accent-soft:#eeedf7;--reward-ink:#88642b;--font-heading:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-appearance=dark]{--bg-primary:#1c2321;--bg-secondary:#252e2a;--card-bg:#252e2a;--text-primary:#eef0e9;--text-muted:#b4beb6;--border-color:#414b44;--accent:#b3b4f3;--accent-hover:#c6c7ff;--accent-soft:#35364c;--garden-surface:#29362e;--garden-ground:#3a4b3b;--garden-tile:#455943;--garden-ink:#bdcfb4;--reward-ink:#e6c38d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-primary);transition:background-color .18s,color .18s}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.glass-panel,.glass-panel:hover{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 3px 15px #17251b04}.btn,.btn:hover{min-height:44px;box-shadow:none;text-shadow:none;border-radius:10px;transition:background-color .15s,border-color .15s;transform:none}.btn-primary{background:var(--accent);color:#fff;border:1px solid #0000}.btn-primary:hover{background:var(--accent-hover)}:root[data-appearance=dark] .btn-primary{color:#202137}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.form-input{background:var(--card-bg);color:var(--text-primary);border-color:var(--border-color);min-height:44px;box-shadow:none;border-radius:9px}.form-input::placeholder{color:var(--text-muted);opacity:1}.form-input:focus{box-shadow:none;border-color:var(--accent)}.text-button{color:var(--accent);justify-content:center;align-items:center;gap:6px;min-height:44px;padding:4px;font-size:13px;font-weight:600;display:inline-flex}.icon-button{border-color:var(--border-color);min-width:44px;min-height:44px;color:var(--text-primary);background:0 0;border-radius:10px}.empty-small{color:var(--text-muted);font-size:13px;line-height:1.6}.app-shell{background:var(--bg-primary);grid-template-columns:216px minmax(0,1fr)}.app-shell.is-collapsed{grid-template-columns:80px minmax(0,1fr)}.app-sidebar{background:var(--card-bg);border-right:1px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none;padding:28px 16px}.sidebar-brand{margin-bottom:36px}.sidebar-logo{color:var(--text-primary);letter-spacing:-.5px;font-size:17px}.brand-mark{background:var(--garden-ink);color:var(--card-bg);box-shadow:none;border-radius:12px 12px 12px 3px;width:32px;height:32px;font-size:19px}.sidebar-collapse{color:var(--text-muted);background:0 0;border:0;min-width:28px;min-height:44px}.sidebar-nav{gap:8px}.sidebar-link{color:var(--text-muted);border:1px solid #0000;min-height:46px;padding:12px;font-size:13px}.sidebar-link.active,.sidebar-link:hover{background:var(--accent-soft);color:var(--accent);box-shadow:none;border-color:#0000}.sidebar-link.secondary-nav{font-size:12px}.sidebar-link.secondary-nav:nth-child(6){margin-top:44px}.app-main{max-width:1440px;padding:0 44px 48px}.app-topbar{-webkit-backdrop-filter:none;border-bottom:1px solid var(--border-color);background:0 0;gap:24px;min-height:84px;margin-bottom:38px;padding:22px 0;display:flex;position:relative;overflow:visible}.topbar-label{color:var(--text-muted);margin-right:auto;font-size:12px}.topbar-progress{width:auto;max-width:290px;color:var(--text-muted);gap:10px;font-size:11px}.topbar-progress-track{background:var(--border-color);flex:none;width:80px;height:4px}.topbar-progress-fill,.progress-fill{background:var(--garden-ink);box-shadow:none}.topbar-coins{color:var(--reward-ink);font-variant-numeric:tabular-nums;font-size:13px}.topbar-coins small{font-size:11px}.profile-chip{color:var(--text-primary);background:0 0;border:0;gap:8px}.profile-chip>span:first-child{background:var(--garden-surface)}.notification-badge{background:var(--garden-ink);color:var(--card-bg)}.notification-panel{z-index:70;width:min(340px,100vw - 40px);right:0}.notification-item{color:var(--text-primary)}.notification-item small{color:var(--text-muted)}.drawer-close,.drawer-scrim{display:none}.studio-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.studio-heading h1{letter-spacing:-1.3px;margin-top:10px;font-size:clamp(28px,2.8vw,38px);font-weight:500}.studio-heading p:not(.eyebrow){color:var(--text-muted);margin-top:10px;font-size:14px}.studio-date{color:var(--text-muted);font-family:Georgia,serif;font-size:16px;font-style:italic}.studio-composition{grid-template-columns:minmax(340px,.9fr) minmax(390px,1.1fr);gap:24px;display:grid}.focus-canvas{border:1px solid var(--border-color);background:var(--card-bg);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:454px;padding:32px 30px 24px;display:flex}.studio-modes{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.studio-modes button{color:var(--text-muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;min-height:40px;padding:10px 13px;font-size:12px}.studio-modes button[aria-pressed=true]{color:var(--accent);background:var(--card-bg);box-shadow:0 1px 4px #18261d0a}.studio-task-picker{text-align:center;width:100%;margin-top:28px}.studio-task-picker>span{color:var(--text-muted);margin-bottom:5px;font-size:11px;display:block}.studio-task-picker select{text-overflow:ellipsis;max-width:100%;color:var(--text-primary);box-sizing:border-box;background:0 0;border:0;height:40px;padding:6px 24px 6px 8px;font-size:14px}.studio-clock{text-align:center;padding:12px 0 18px}.studio-time{font-variant-numeric:tabular-nums;letter-spacing:-5px;color:var(--text-primary);font-size:clamp(72px,7.7vw,108px);font-weight:350;line-height:1.12;display:block}.studio-cycle{color:var(--text-muted);letter-spacing:.4px;margin-top:10px;font-size:12px;display:block}.studio-timer-track{background:var(--bg-secondary);border-radius:3px;width:168px;height:3px;margin:0 0 28px;overflow:hidden}.studio-timer-track span{background:var(--accent);height:100%;display:block}.is-break .studio-timer-track span{background:var(--garden-ink)}.studio-timer-actions{align-items:center;gap:12px;display:flex}.studio-timer-actions>.btn-secondary{color:var(--text-muted);border:0;width:44px;padding:0}.studio-start,.studio-start:hover{width:156px;height:50px;min-height:50px;font-size:15px}.studio-caption{color:var(--text-muted);text-align:center;margin-top:22px;font-size:11px;line-height:1.6}.garden-horizon{background:var(--garden-surface);border-radius:18px;flex-direction:column;justify-content:space-between;min-width:0;padding:26px 26px 24px;display:flex}.horizon-heading,.horizon-bottom{justify-content:space-between;align-items:center;gap:14px;display:flex}.horizon-heading .eyebrow{color:var(--garden-ink);letter-spacing:1px;font-size:10px}.quiet-badge{border:1px solid var(--border-color);color:var(--text-muted);white-space:nowrap;border-radius:20px;padding:7px 10px;font-size:11px}.horizon-bottom{flex-wrap:wrap}.horizon-bottom h2{letter-spacing:-.5px;font-size:20px;font-weight:500}.horizon-bottom p{color:var(--text-muted);margin-top:7px;font-size:11px}.horizon-bottom .btn{padding:10px 12px;font-size:12px}.studio-bottom-row{grid-template-columns:1.1fr 1fr;gap:40px;margin-top:34px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{letter-spacing:-.2px;font-size:15px;font-weight:550}.studio-task-form{gap:8px;margin-top:10px;display:flex}.studio-task-form input{background:0 0;flex:1;min-width:0;font-size:13px}.studio-task-form button{padding:10px}.studio-task-list{margin-top:12px}.studio-task-row{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;display:flex}.task-check{border:1px solid var(--border-color);color:#0000;background:0 0;border-radius:50%;min-width:32px;min-height:32px}.task-check:hover,.task-row.done .task-check{color:var(--garden-ink);background:var(--garden-surface)}.task-select{text-align:left;color:var(--text-primary);background:0 0;border:0;flex:1;min-height:44px;padding:12px 0;font-size:13px}.task-select[aria-pressed=true]{color:var(--accent)}.task-select small{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.today-strip{grid-template-columns:.8fr 1.2fr;gap:28px;padding:12px 0;display:grid}.today-strip>div{border-left:1px solid var(--border-color);padding-left:24px}.today-strip strong{margin:14px 0 9px;font-size:28px;font-weight:450;display:block}.today-strip strong small{color:var(--text-muted);font-size:14px}.today-strip .next-reward-name{color:var(--reward-ink);font-size:16px;line-height:1.4}.today-strip p{color:var(--text-muted);font-size:11px;line-height:1.6}.session-result{background:var(--garden-surface);width:100%;color:var(--garden-ink);border-radius:10px;margin-top:20px;padding:15px;font-size:13px;line-height:1.6}.session-result p{margin-top:4px}.is-error{color:#a54135!important}:root[data-appearance=dark] .is-error{color:#ffb6a7!important}.garden-workspace{border:1px solid var(--border-color);background:var(--card-bg);border-radius:18px;grid-template-columns:minmax(0,1fr) 320px;display:grid;overflow:hidden}.garden-world{background:var(--garden-surface);flex-direction:column;justify-content:space-between;min-width:0;padding:28px;display:flex}.garden-feedback{min-height:64px;color:var(--garden-ink);border-top:1px solid var(--border-color);text-align:center;justify-content:center;align-items:center;gap:15px;padding:12px;font-size:13px;line-height:1.6;display:flex}.garden-keyboard-hint{color:var(--text-muted);text-align:center;margin-bottom:4px;font-size:10px;line-height:1.8}.garden-toolbox{border-left:1px solid var(--border-color);min-width:0}.garden-inspector{border-bottom:1px solid var(--border-color);min-height:140px;padding:22px}.garden-inspector p{color:var(--text-muted);margin:12px 0;font-size:12px;line-height:1.7}.garden-inspector .inspector-art{width:96px;height:96px;margin:12px auto;display:block}.inspector-actions{gap:8px;display:flex}.inspector-actions button{flex:1;padding:8px;font-size:12px}.inventory-heading{padding:20px 20px 10px}.inventory-heading h2{margin-bottom:14px;font-size:15px;font-weight:550}.inventory-search{border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.inventory-search input{width:100%;min-height:40px;color:var(--text-primary);background:0 0;border:0;font-size:12px}.inventory-filter{min-height:44px;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.inventory-filter input{width:18px;height:18px;accent-color:var(--accent)}.garden-inventory{max-height:450px;padding:0 20px 16px;overflow-y:auto}.garden-inventory-row{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:12px 0;display:flex}.garden-inventory-row>div{min-width:0}.garden-inventory-row strong{font-size:12px;font-weight:600}.garden-inventory-row small{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.garden-inventory-row .inventory-item-art{flex:0 0 50px;width:50px;height:54px}.inventory-row-actions{align-items:center;gap:20px;display:flex}.inventory-row-actions .text-button{min-height:36px;font-size:11px}.merge-preview{justify-content:center;align-items:center;gap:8px;margin:16px 0;display:flex}.merge-preview .garden-item-visual{width:70px;height:70px}.merge-preview>span:not(.garden-item-visual){color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.zen-board{aspect-ratio:1.5;isolation:isolate;width:100%;max-width:820px;margin:12px auto 24px;position:relative}.zen-ground{background:var(--garden-ground);clip-path:polygon(50% 21%,96% 56%,50% 91%,4% 56%);position:absolute;inset:0}.zen-tile{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--garden-tile);width:18%;height:13.5%;color:var(--garden-ink);border:0;place-items:center;padding:0;transition:background .15s;display:grid;position:absolute;transform:translate(-50%,-50%)}.zen-tile.occupied{background:var(--garden-tile)}.zen-tile:hover,.zen-tile.selected{background:#b9cbb1}.zen-tile:focus-visible{background:var(--accent);color:#fff;outline:none}.zen-tile.invalid{background:#d9aea3}.zen-board .garden-item-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.zen-object{aspect-ratio:1;pointer-events:auto;cursor:grab;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.is-preview .zen-object,.is-placing .zen-object{pointer-events:none}.zen-object .garden-item-visual{width:100%;height:100%;animation:none;display:block;transform:none}.garden-item-visual{animation:none;transform:none}.garden-item-sprite{filter:none}.zen-object .garden-item-sprite{object-fit:contain;filter:drop-shadow(0 2px 1px #26362016);width:100%;height:100%}.zen-object.is-dragging{opacity:.4}.zen-ghost{aspect-ratio:1;opacity:.45;z-index:70;pointer-events:none;width:17%;position:absolute;transform:translate(-50%,-80%)}.zen-ghost .garden-item-visual{width:100%;height:100%}.view-header h2{font-size:32px;font-weight:500}.view-header p{font-size:14px}.task-full-form{margin-top:12px}.task-row{border-color:var(--border-color)}.task-main strong{font-size:14px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.shop-card{background:var(--card-bg);padding:28px 20px 20px}.shop-card:hover{transform:none}.shop-card-art{width:124px;height:124px;margin:0 auto 14px}.shop-card-title{font-size:16px;font-weight:500}.shop-card-cost{color:var(--reward-ink);font-size:12px}.shop-card>.btn{border:1px solid var(--border-color);color:var(--accent);background:0 0}.shop-card>.btn:hover{background:var(--accent-soft)}.badge-owned,.badge-premium{background:var(--bg-secondary);color:var(--text-muted);box-shadow:none;font-size:10px}.family-stages{border-top:1px solid var(--border-color);justify-content:space-between;width:100%;margin:12px 0 16px;padding-top:12px;display:flex}.family-stages>span{text-align:center;width:19%}.family-stages .garden-item-visual{width:100%;height:42px}.family-stages small{color:var(--text-muted);margin-top:3px;font-size:9px;display:block}.tabs-header .tab-trigger.active{color:var(--accent);border-color:var(--accent)}.settings-container{max-width:780px}.volume-settings,.soundscapes-panel,.avatar-upload-section{background:var(--bg-primary)}.volume-row input{accent-color:var(--accent);min-width:0}.volume-row span{width:96px;font-size:12px}.volume-heading h3{font-size:14px}.studio-settings-section{border-top:1px solid var(--border-color);margin:28px 0;padding-top:20px}.studio-settings-section h3{margin-bottom:12px;font-size:15px}.studio-settings-section p{color:var(--text-muted);margin:10px 0;font-size:12px;line-height:1.6}.trend-bar span,.heatmap-cell{background:var(--garden-ink);box-shadow:none}.toast{background:var(--card-bg);color:var(--text-primary);box-shadow:0 8px 32px #18241c12}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c241c55}.modal-content{color:var(--text-primary)}.hero-title{text-shadow:none}.hero-title span{-webkit-text-fill-color:var(--accent);color:var(--accent);background:0 0}@media (min-width:1700px){.app-main{padding:0 64px 56px}.focus-canvas{min-height:510px}}@media (max-width:1180px){.app-main{padding:0 24px 36px}.studio-composition{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.focus-canvas{padding:24px 16px}.garden-horizon{padding:20px}.horizon-heading{flex-wrap:wrap}.studio-modes button{padding:10px}.garden-workspace{grid-template-columns:minmax(0,1fr) 280px}.garden-world{padding:20px}.topbar-label{display:none}.topbar-progress{margin-right:auto}}@media (max-width:1020px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.app-sidebar{padding:24px 10px}.studio-composition{grid-template-columns:1fr}.focus-canvas{min-height:430px}.garden-horizon .zen-board{max-width:510px}.studio-time{font-size:96px}.studio-date{display:none}.studio-bottom-row{grid-template-columns:1fr;gap:20px}.garden-workspace{grid-template-columns:1fr}.garden-toolbox{border-left:0;border-top:1px solid var(--border-color)}.garden-inventory{max-height:360px}.garden-toolbox .inspector-art{width:74px;height:74px}}@media (max-width:760px){.app-shell,.app-shell.is-collapsed{display:block}.app-sidebar{z-index:100;visibility:hidden;width:248px;height:100dvh;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar.open{visibility:visible;transform:translate(0)}.app-shell.is-collapsed .sidebar-link,.app-shell.is-collapsed .sidebar-logo{justify-content:flex-start}.app-main{padding:0 20px 32px}.app-menu-button{min-height:44px;color:var(--text-primary);border-color:var(--border-color);background:0 0;display:inline-flex}.app-menu-button span{display:none}.drawer-close{display:inline-flex;position:absolute;top:12px;right:8px}.sidebar-collapse{display:none}.drawer-scrim{z-index:90;background:#18241a66;border:0;display:block;position:fixed;inset:0}.app-topbar{gap:12px;min-height:74px;margin-bottom:26px;padding:15px 0}.topbar-progress{display:none}.topbar-actions{gap:6px;margin-left:auto}.profile-chip{padding:4px}.profile-chip>span:last-child{display:none}.topbar-coins{margin-right:8px}.studio-heading{align-items:flex-start;margin-bottom:24px}.studio-heading h1{font-size:29px}.eyebrow{letter-spacing:1.2px;font-size:9px}.studio-composition{gap:18px}.focus-canvas{min-height:410px;padding:22px 14px}.studio-time{font-size:88px}.studio-modes{max-width:100%}.studio-modes button{padding:8px 11px;font-size:11px}.studio-task-picker{margin-top:22px}.garden-horizon{padding:22px 18px}.horizon-bottom h2{font-size:19px}.horizon-bottom{gap:18px}.today-strip{gap:16px}.today-strip>div{padding-left:14px}.garden-world{padding:20px 12px}.garden-world .eyebrow{letter-spacing:.6px;font-size:8px}.garden-feedback{flex-wrap:wrap;padding:10px 6px}.garden-keyboard-hint{display:none}.zen-board{margin:32px auto}.garden-studio .studio-heading{flex-direction:column;gap:12px}.task-full-form{grid-template-columns:minmax(0,1fr) 60px;display:grid}.task-full-form button{grid-column:1/-1}.task-row{flex-wrap:wrap}.task-main{min-width:120px}.volume-heading{flex-wrap:wrap}.volume-row{gap:8px}.volume-row span{width:65px}.settings-grid{grid-template-columns:1fr}.notification-panel{max-height:70dvh;position:fixed;top:76px;right:20px;overflow-y:auto}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{padding:24px 12px 14px}.shop-card-title{font-size:13px}.shop-card-art{width:96px;height:96px}.family-stages .garden-item-visual{height:28px}.shop-card>.btn{padding:8px;font-size:11px!important}.shop-tabs{gap:8px!important}.shop-toolbar{flex-wrap:wrap}.toast-container{width:auto;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:760px){.settings-container>.glass-panel,.premium-preview>.glass-panel{padding:24px!important}.preview-bundles{grid-template-columns:1fr!important}.volume-heading{flex-wrap:wrap}.volume-heading h3{flex:1;min-width:120px}.volume-heading .btn{width:100%}.studio-settings-section{margin:12px 0}}.heatmap-grid:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.zen-board{touch-action:pan-y}.zen-board.has-selection{touch-action:none}.zen-object,.zen-tile{touch-action:inherit}.zen-object.is-highlighted .garden-item-sprite{filter:drop-shadow(1px 0 0 var(--accent)) drop-shadow(-1px 0 0 var(--accent)) drop-shadow(0 1px 0 var(--accent)) drop-shadow(0 -1px 0 var(--accent))}.board-selection-label{text-align:center;color:var(--garden-ink);pointer-events:none;font-size:12px;position:absolute;top:0;left:0;right:0}.garden-placed-list{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.garden-placed-list button{border:1px solid var(--border-color);background:var(--card-bg);min-height:44px;color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.garden-placed-list button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.garden-placed-list .garden-item-visual{width:32px;height:32px}.soundscape-panel{border:1px solid var(--border-color);background:var(--card-bg);border-radius:18px;margin-top:24px;padding:24px}.soundscape-panel h2{font-size:18px}.soundscape-panel .empty-small{margin-top:8px}.soundscape-controls{grid-template-columns:1.3fr 1fr;gap:32px;margin:20px 0;display:grid}.soundscape-controls .form-label{margin:12px 0 8px;display:block}.soundscape-controls .form-input{width:100%}.soundscape-volume{align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.soundscape-volume input{min-width:0;accent-color:var(--accent);flex:1}.sound-credits{color:var(--text-muted);margin-top:16px;font-size:12px;line-height:1.8}.sound-credits a{color:var(--accent);text-decoration:underline}.session-picker{width:100%;margin-bottom:22px}.session-picker select{width:100%}.session-custom{align-items:center;gap:8px;margin-top:10px;display:flex}.session-custom input{width:90px}@media (max-width:760px){.soundscape-controls{grid-template-columns:1fr;gap:12px}.soundscape-panel{padding:20px}.soundscape-panel .section-heading{flex-wrap:wrap}}.garden-view-switch{justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;display:flex}.garden-view-switch>span{color:var(--text-muted);font-size:12px}.garden-layout .studio-composition{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);align-items:stretch}.garden-layout .garden-horizon{grid-area:1/1;justify-content:space-between;padding:28px}.garden-layout .focus-canvas{grid-area:1/2;justify-content:flex-start;padding:24px 20px}.garden-layout .studio-time{font-size:64px}.garden-layout .studio-clock{margin:20px 0}.garden-layout .studio-modes button{padding:9px 8px;font-size:11px}.garden-layout .garden-horizon .zen-board{aspect-ratio:1.2;max-width:980px}.garden-view-rest .studio-composition{grid-template-columns:1fr}.garden-view-rest .focus-canvas{display:none}.garden-view-rest .garden-horizon{grid-area:1/1}.garden-view-rest .garden-horizon .zen-board{aspect-ratio:1.8;max-width:820px}.garden-view-rest .studio-bottom-row,.garden-view-arrange .studio-bottom-row{display:none}.compact-sound{border:1px solid var(--border-color);background:var(--card-bg);border-radius:14px;margin-top:22px}.compact-sound>summary{cursor:pointer;padding:18px 24px;font-size:13px}.compact-sound .soundscape-panel{border:0;margin:0;padding-top:0}.nurture-panel{border-top:1px solid var(--border-color);width:100%;margin-top:24px;padding-top:20px;font-size:12px}.nurture-panel>.form-input{width:100%;margin-top:8px}.nurture-progress{align-items:center;gap:12px;margin:14px 0;display:flex}.nurture-progress>.garden-item-visual{flex-shrink:0;width:64px;height:72px}.nurture-progress p{color:var(--text-muted);margin:5px 0;line-height:1.6}.nurture-progress progress{width:100%;height:6px;accent-color:var(--accent)}.plant-journal summary{cursor:pointer;color:var(--accent);padding:8px 0}.plant-journal p,.plant-journal li{color:var(--text-muted);font-size:11px;line-height:1.8}.plant-journal form{gap:10px;margin:10px 0;display:flex}.plant-journal input{width:100%;min-width:0}.plant-journal ul{padding-left:18px}.growth-reveal{justify-content:center;align-items:center;gap:16px;margin:12px 0;display:flex}.growth-reveal .garden-item-visual{width:76px;height:76px}.nursery{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px}.nursery>div{align-items:center;gap:12px;margin-top:12px;display:flex}.nursery .garden-item-visual{width:54px;height:54px}.nursery p{color:var(--text-muted);font-size:11px}.layout-settings{border:0;min-width:0;padding:20px 0}.layout-settings legend{font-size:20px}.layout-settings p{color:var(--text-muted);margin:8px 0 16px;font-size:12px;line-height:1.7}.layout-options{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.layout-option{border:1px solid var(--border-color);cursor:pointer;border-radius:14px;gap:10px;padding:16px;display:grid}.layout-option.is-selected{border-color:var(--accent);background:var(--accent-soft)}.layout-option>span:last-child{color:var(--text-muted);font-size:12px;line-height:1.6}.layout-option input{accent-color:var(--accent);width:16px;height:16px}.layout-diagram{grid-template-columns:1.2fr 1fr;gap:6px;height:76px;display:grid}.layout-diagram i{background:var(--bg-primary);border-radius:7px;place-items:center;font-size:12px;font-style:normal;display:grid}.layout-diagram i:last-child{background:var(--garden-ground);color:var(--garden-ink)}.layout-garden{grid-template-columns:1fr 1.8fr}.layout-settings>.form-input{width:100%;margin:10px 0 18px;display:block}.zen-ground{clip-path:polygon(50% 18%,97% 56%,50% 94%,3% 56%);background:radial-gradient(ellipse at 35% 65%,#90a98155,transparent 48%),var(--garden-ground);border-radius:50%}.is-preview .zen-tile,.is-preview .zen-tile.occupied{background:0 0}.world-sand .zen-ground{background:repeating-radial-gradient(ellipse at 80% 70%,#d4c6a220 0 5px,#93856b24 6px 7px),var(--garden-ground)}.garden-rest{border:1px solid var(--border-color);background:var(--card-bg);border-radius:18px;margin-top:24px;padding:28px}.garden-rest h2{margin:10px 0;font-size:25px}.garden-rest p{color:var(--text-muted);font-size:12px;line-height:1.8}.rest-activities{grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:30px;margin:30px 0;display:grid}.breathing-visit,.rest-bell{text-align:center}.breath-stone{background:var(--accent-soft);border:1px solid var(--accent);border-radius:50%;width:42px;height:42px;margin:12px auto 22px;display:block}.breath-stone.is-breathing{animation:10s ease-in-out infinite gentle-breath}.breathing-visit p{min-height:44px}.raking-sand{background:var(--garden-ground);width:100%;color:var(--garden-ink);touch-action:none;border-radius:40%}.rest-actions{justify-content:center;gap:16px;margin-top:16px;display:flex}.rest-bell p{margin-top:14px}@keyframes gentle-breath{0%,to{transform:scale(.8)}40%{transform:scale(1.4)}}@media (max-width:1100px){.garden-layout .studio-composition{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.garden-layout .garden-horizon{padding:20px}.garden-view-switch>span{display:none}}@media (max-width:760px){.garden-layout .studio-composition{grid-template-columns:1fr}.garden-layout .garden-horizon{grid-area:1/1}.garden-layout .focus-canvas{grid-area:2/1}.garden-layout .garden-horizon .zen-board,.garden-view-rest .garden-horizon .zen-board{aspect-ratio:1.4}.rest-activities{grid-template-columns:1fr}.garden-rest{padding:22px}.layout-options{grid-template-columns:1fr}.garden-view-switch .studio-modes{width:100%}.garden-view-switch button{flex:1}}@media (prefers-reduced-motion:reduce){.breath-stone.is-breathing{animation:none}}.garden-mobile-timer{display:none}.compact-sound-wrap{border:1px solid var(--border-color);background:var(--card-bg);border-radius:14px;margin-top:24px}.compact-sound-wrap .compact-sound{border:0;margin:0}.sound-quick-controls{justify-content:flex-end;align-items:center;gap:24px;padding:14px 24px 0;font-size:12px;display:flex}.sound-quick-controls label{align-items:center;gap:12px;display:flex}.sound-quick-controls input{width:110px;accent-color:var(--accent)}@media (max-width:760px){.garden-mobile-timer{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;display:flex}.garden-mobile-timer strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:400}.garden-mobile-timer span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:11px;display:block;overflow:hidden}.garden-mobile-timer .btn{min-width:110px}.garden-layout .garden-horizon{min-height:0}.garden-layout .horizon-bottom p{display:none}.garden-layout .horizon-bottom h2{font-size:17px}.garden-layout .horizon-bottom{margin-top:0}.garden-layout .zen-board{margin:0 auto 12px}.sound-quick-controls{justify-content:space-between;gap:12px;padding:14px 18px 0}.garden-layout .focus-canvas{padding-top:20px}}.garden-world{justify-content:flex-start;gap:16px}.garden-world .zen-board{flex-shrink:0}.garden-world .garden-feedback{margin-top:auto}.nursery{padding:20px}.nursery h2{font-size:16px}.nursery small{color:var(--text-muted);margin:5px 0;font-size:11px;display:block}.notification-feedback{color:var(--text-muted);min-height:20px;margin-top:8px;font-size:12px;line-height:1.6}.notification-feedback[role=alert]{color:var(--text-primary);font-weight:600}.notification-item:disabled{opacity:1;cursor:default}.notification-item:not(.unread){border-color:var(--border-color);background:var(--bg-secondary)}
:root{--bg-primary:#edf0e8;--bg-secondary:#e7e9df;--card-bg:#fcfbf6;--accent:#365846;--accent-hover:#294a38;--accent-soft:#e3eade;--surface-edge:color-mix(in srgb, var(--border-color) 58%, transparent);--surface-shadow:0 4px 8px #20301e02, 0 18px 55px #20301e05}:root[data-appearance=dark]{--accent:#bad1b5;--accent-hover:#cce0c8;--accent-soft:#35473a;--surface-shadow:0 12px 36px #00000016}.app-shell{background:0 0}.app-sidebar{background:color-mix(in srgb, var(--card-bg) 64%, var(--bg-primary));border-color:var(--surface-edge)}.app-header{border-color:var(--surface-edge);background:color-mix(in srgb, var(--bg-primary) 88%, transparent)}.glass-panel,.glass-panel:hover,.focus-canvas,.garden-horizon,.studio-tasks,.today-strip,.soundscape-panel{border-color:var(--surface-edge);box-shadow:var(--surface-shadow);border-radius:22px}.focus-canvas{background:radial-gradient(ellipse at 15% 4%, #fff5 0, transparent 65%), var(--card-bg);padding:24px}.focus-canvas .studio-task-picker{margin-top:18px}.focus-canvas .studio-clock{padding:4px 0 12px}.focus-canvas .studio-cycle{margin-top:5px}.focus-canvas .studio-timer-track{margin-bottom:20px}.focus-canvas .studio-caption{margin-top:15px}.focus-canvas .nurture-panel{border-color:var(--surface-edge);margin-top:18px;padding-top:16px}.zen-board:before{content:"";clip-path:polygon(50% 18%,97% 56%,50% 94%,3% 56%);pointer-events:none;background:linear-gradient(115deg,#c6b18e,#ae9470 52%,#d2bd98);position:absolute;inset:0;transform:translateY(7px)}.world-moss .zen-ground{background:radial-gradient(ellipse at 24% 35%, #f6f6df40, transparent 55%), radial-gradient(ellipse at 72% 75%, #7c947333, transparent 50%), repeating-linear-gradient(125deg, #ffffff08 0 1px, #596d5205 1px 3px), var(--garden-ground)}.studio-time{letter-spacing:-.055em;font-weight:350}.studio-heading h1{letter-spacing:-.035em;font-weight:550}.studio-modes{background:color-mix(in srgb, var(--bg-secondary) 80%, transparent);border-radius:14px;padding:5px}.studio-modes button{border-radius:10px}.studio-modes button[aria-pressed=true]{background:var(--card-bg);box-shadow:0 2px 5px #20301e08}.btn{border-radius:12px;font-weight:500}.btn-primary{box-shadow:0 3px 8px #244b3114}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 90%, var(--text-primary))}.form-input{border-radius:12px}.garden-horizon{background:linear-gradient(155deg, var(--card-bg), var(--garden-surface))}.garden-view-rest .studio-composition,.garden-view-rest .studio-heading{display:none}.garden-view-rest .garden-view-switch{margin-bottom:24px}.sanctuary.garden-rest{isolation:isolate;color:var(--text-primary);border:1px solid var(--surface-edge);background:radial-gradient(ellipse at 20% 0, #ffffff65, transparent 65%), var(--card-bg);box-shadow:var(--surface-shadow), inset 0 1px 0 #ffffff60;border-radius:28px;margin-top:0;padding:clamp(24px,3.3vw,52px) clamp(24px,3.5vw,56px) 22px;position:relative;overflow:hidden}.sanctuary:before{content:"";z-index:-1;opacity:.32;filter:blur(17px);pointer-events:none;background:radial-gradient(at 30% 35%,#73865c2e 0 12%,#0000 13%),radial-gradient(at 64%,#73865c2e 0 14%,#0000 15%),radial-gradient(at 30% 65%,#73865c24 0 13%,#0000 14%);width:500px;height:430px;position:absolute;top:-185px;right:-215px;transform:rotate(-30deg)}.sanctuary-heading{z-index:1;position:relative}.sanctuary .eyebrow{letter-spacing:.19em;color:var(--accent);font-size:10px;font-weight:600}.sanctuary h2{letter-spacing:-.045em;margin:14px 0 12px;font-size:clamp(25px,2.5vw,37px);font-weight:550;line-height:1.25}.sanctuary-heading>p:last-child{color:var(--text-muted);font-size:13px}.sanctuary-activities{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.9fr);align-items:start;gap:clamp(12px,2.2vw,34px);margin:24px 0 30px;display:grid}.sanctuary-activities>section{text-align:center;min-width:0}.sanctuary h3{letter-spacing:-.035em;margin:4px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:400}.sanctuary .activity-message,.sanctuary .sand-message{max-width:235px;min-height:42px;margin:0 auto 15px;font-size:12px;line-height:1.7}.sanctuary .activity-hint,.sanctuary .sand-instructions{color:var(--text-muted);margin:14px 0 0;font-size:10px;line-height:1.6}.sanctuary .btn-secondary{background:color-mix(in srgb, var(--card-bg) 40%, transparent);border-color:color-mix(in srgb, var(--border-color) 78%, transparent);gap:8px;min-height:43px;padding:0 16px;font-size:12px}.sanctuary .btn-secondary:hover{background:var(--accent-soft);border-color:var(--accent)}.breath-object,.bowl-object,.sand-stage-shell{place-items:center;height:280px;margin-bottom:12px;display:grid;position:relative}.breath-object{--orb-size:clamp(135px, 12.5vw, 166px)}.breath-orb{width:var(--orb-size);height:var(--orb-size);z-index:1;background:radial-gradient(circle at 31% 24%,#ffffffb3 0,#f4f7ed44 15%,#0000 50%),radial-gradient(circle at 62% 72%,#819b7880,#c4d2b3 68%,#ebeedc);border:1px solid #d2deca80;border-radius:50%;position:absolute;box-shadow:inset -8px -12px 20px #526a4926,inset 0 2px 8px #ffffffb0,0 18px 45px #76876712}.orb-halo{width:calc(var(--orb-size) + 44px);height:calc(var(--orb-size) + 44px);border:1px solid #91a58218;border-radius:50%;position:absolute;box-shadow:0 0 0 17px #94a97a04,0 0 0 35px #94a97a03}.orb-shadow{width:calc(var(--orb-size) * .85);filter:blur(9px);height:12px;top:calc(50% + var(--orb-size) / 2 + 23px);background:#7883642b;border-radius:50%;position:absolute}.orb-word{z-index:2;color:#42573c;opacity:.87;font-family:Georgia,Times New Roman,serif;font-size:16px}.is-breathing .breath-orb,.is-breathing .orb-halo{animation:10s ease-in-out infinite sanctuary-breathe}@keyframes sanctuary-breathe{0%,to{transform:scale(.88)}40%{transform:scale(1.12)}}.bowl-object img{filter:drop-shadow(0 15px 12px #5143270b);pointer-events:none;-webkit-user-select:none;user-select:none;width:min(110%,275px);max-width:none;height:auto}.bowl-ripple{aspect-ratio:1;opacity:0;border:1px solid #ab98694d;border-radius:50%;width:65%;position:absolute}.is-ringing .bowl-ripple{animation:2.3s ease-out 3 bowl-resonance}@keyframes bowl-resonance{0%{opacity:.45;transform:scale(.65)}to{opacity:0;transform:scale(1.5)}}.sand-stage-shell{width:100%}.sand-stage{aspect-ratio:1;background:repeating-linear-gradient(4deg,#b68b5726 0 1px,#0000 1px 4px),linear-gradient(145deg,#e6cfa8,#c6a375 30%,#e5caa2 58%,#ba9565 100%);border-radius:10%;width:min(100%,390px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(.69);box-shadow:inset 0 2px 1px #fff5,inset 0 -4px 3px #8c643343,0 9px #b58f61,0 12px #a5825b,0 27px 23px #55462521}.sand-stage:after{content:"";pointer-events:none;border-radius:7.5%;position:absolute;inset:5.1%;box-shadow:inset 1px 4px 5px #73563065,0 1px #f8e3c5}.sanctuary .raking-sand{touch-action:none;cursor:crosshair;background:#e4d7be;border-radius:7%;width:89.4%;height:89.4%;display:block;position:absolute;inset:5.3%}.raking-sand:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.sand-stone{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(2px 8px 4px #40351d24);height:auto;position:absolute;transform:translate(-50%,-50%)}.stone-one{width:25%;top:29.4%;left:66.1%}.stone-two{width:29%;top:66.1%;left:30.3%;transform:translate(-50%,-50%)rotate(160deg)}.sand-expand,.sand-undo{width:42px;height:42px;color:var(--text-muted);background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.sand-expand:hover,.sand-undo:hover{background:var(--accent-soft);color:var(--accent)}.sand-expand{z-index:2;position:absolute;top:0;right:-4px}.sanctuary .rest-actions{gap:7px;margin-top:0}.wooden-rake{pointer-events:none;filter:drop-shadow(2px 5px 3px #42332128);width:42%;height:20%;position:absolute;bottom:-5%;left:-4%;transform:rotate(-24deg)}.wooden-rake i{background:linear-gradient(#d6b382,#9d7547);border-radius:20px;width:85%;height:8%;position:absolute;top:45%;left:0}.wooden-rake b{background:linear-gradient(90deg,#d9b888,#a47c4c);border-radius:4px;width:5%;height:71%;position:absolute;top:13%;right:13%}.wooden-rake em{background:#b6915f;border-radius:3px;width:13%;height:6%;position:absolute;top:17%;right:3%;box-shadow:0 1px #81633c}.wooden-rake em:nth-of-type(2){top:32%}.wooden-rake em:nth-of-type(3){top:47%}.wooden-rake em:nth-of-type(4){top:62%}.wooden-rake em:nth-of-type(5){top:77%}.sand-stage-shell:fullscreen{background:var(--card-bg);width:100%;height:100%;padding:8vh 20vw}.sand-stage-shell:fullscreen .sand-stage{width:min(70vw,82vh)}.sand-stage-shell:fullscreen .sand-expand{top:20px;right:20px}.sanctuary-footer{border-top:1px solid var(--surface-edge);justify-content:space-between;align-items:center;gap:16px;padding-top:17px;display:flex}.sanctuary-footer>.text-button{font-size:12px;font-weight:500}.sanctuary-sound{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sound-now-playing{color:var(--text-primary);text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-height:44px;padding:4px;display:flex}.sound-now-playing>svg{box-sizing:content-box;border:1px solid var(--surface-edge);border-radius:50%;padding:10px}.sound-now-playing span{gap:3px;font-size:12px;display:grid}.sound-now-playing small{color:var(--text-muted);font-size:9px}.sanctuary .sound-quick-controls{gap:15px}.sanctuary .sound-quick-controls label{font-size:10px}.sanctuary .sound-quick-controls input{width:82px}.rest-sound-library{margin:16px 0}.rest-sound-library>summary{width:fit-content;color:var(--text-muted);cursor:pointer;margin-left:auto;padding:12px 0 12px 20px;font-size:12px;display:list-item}.rest-sound-library .soundscape-panel{margin-top:8px}.sanctuary-hidden *,.sanctuary-hidden :after{animation-play-state:paused!important}.sanctuary-preview{max-width:1500px;margin:5vh auto;padding:24px}.sanctuary-preview>a{color:var(--accent);margin:18px 0;font-size:13px;display:block}:root[data-appearance=dark] .sanctuary.garden-rest,:root[data-appearance=dark] .focus-canvas{background:radial-gradient(ellipse at 20% 0, #ffffff04, transparent 70%), var(--card-bg)}:root[data-appearance=dark] .bowl-object img,:root[data-appearance=dark] .sand-stage{filter:brightness(.8)saturate(.85)}:root[data-appearance=dark] .breath-object{opacity:.82}@media (max-width:1200px) and (min-width:901px){.sanctuary.garden-rest{padding-left:25px;padding-right:25px}.sanctuary-activities{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:14px}.sanctuary .btn-secondary{padding:0 12px;font-size:11px}.breath-object{--orb-size:132px}.breath-object,.bowl-object,.sand-stage-shell{height:245px}.sanctuary-sound{gap:10px}}@media (max-width:900px){.sanctuary-activities{grid-template-columns:1fr 1fr;gap:32px 22px;margin-top:10px}.sand-activity{grid-area:1/1/auto/-1;width:100%;max-width:460px;margin:0 auto}.sand-stage-shell{height:325px}.breath-object,.bowl-object{height:215px}.breath-object{--orb-size:140px}.bowl-object img{width:min(100%,250px)}.sanctuary-footer{flex-direction:column-reverse;align-items:flex-start}.sanctuary-sound{justify-content:space-between;width:100%}}@media (max-width:520px){.sanctuary.garden-rest{border-radius:22px;padding:26px 20px 16px}.sanctuary h2{max-width:250px;font-size:29px}.sanctuary-heading>p:last-child{max-width:245px;font-size:12px}.sanctuary-activities{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.sand-activity{grid-column:auto}.sand-stage-shell{height:230px}.breath-object,.bowl-object{height:225px;margin-bottom:0}.breath-object{--orb-size:152px}.bowl-object img{width:265px}.sanctuary h3{font-size:24px}.sanctuary .activity-message,.sanctuary .sand-message{min-height:0;margin-bottom:16px}.sanctuary .btn-secondary{min-height:44px;font-size:12px}.sanctuary .sand-instructions{max-width:230px;margin-left:auto;margin-right:auto}.sanctuary-sound{display:block}.sanctuary .sound-quick-controls{justify-content:flex-start;margin-top:12px}.sanctuary-preview{margin:0;padding:12px}}@media (prefers-reduced-motion:reduce){.is-breathing .breath-orb,.is-breathing .orb-halo,.is-ringing .bowl-ripple{animation:none}}
.zen-board:before,.zen-board .zen-ground{display:none}.garden-environment-art{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 16px #32412a14);width:100%;height:115%;position:absolute;inset:-3% 0 auto}.zen-board .zen-tile,.zen-board .zen-tile.occupied{width:var(--garden-cell-width);height:var(--garden-cell-height);background:0 0}.zen-board .zen-tile:hover{background:#f6f9e835}.zen-board .zen-tile.selected,.zen-board .zen-tile:focus-visible{box-shadow:none;background:#ecf6d781}.zen-board .zen-tile.invalid{background:#d9aea380}.zen-board .zen-object .garden-item-sprite{filter:drop-shadow(3px 7px 3px #2f351b28)}.sanctuary-activities{grid-template-columns:minmax(0,.85fr) minmax(0,1.9fr) minmax(0,.85fr);gap:18px;margin:28px -12px 36px}.sanctuary .eyebrow{letter-spacing:.14em;font-size:12px;font-weight:500}.sanctuary-heading>p:last-child{font-size:16px}.sanctuary h3{letter-spacing:-.025em;color:var(--accent);margin:0 0 13px;font-family:inherit;font-size:23px;font-weight:550}.sanctuary .activity-message,.sanctuary .sand-message{max-width:300px;min-height:44px;font-size:14px}.sanctuary .activity-hint{font-size:11px}.sanctuary .btn-secondary{border-color:color-mix(in srgb, var(--accent) 45%, transparent);min-height:49px;padding:0 22px;font-size:14px}.sanctuary .breathing-visit>.btn,.sanctuary .rest-bell>.btn{min-width:min(100%,205px)}.sanctuary .breath-object,.sanctuary .bowl-object{height:clamp(230px,24vw,355px);margin:20px 0 12px}.sanctuary .breath-object{--orb-size:clamp(130px, 15vw, 225px)}.sanctuary .breath-orb{width:var(--orb-size);height:var(--orb-size);object-fit:contain;box-shadow:none;transform-origin:50% 86%;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 16px 13px #69765d17);background:0 0;border:0;border-radius:0}.sanctuary .orb-halo{width:calc(var(--orb-size) * 1.4);height:calc(var(--orb-size) * .46);top:calc(50% + var(--orb-size) * .25);box-shadow:none;opacity:.72;filter:blur(.6px);background:repeating-radial-gradient(#0000 0 12%,#9aa47a24 13%,#f5f3dc60 14%,#0000 16%);border:0;border-radius:50%}.sanctuary .orb-shadow{top:calc(50% + var(--orb-size) * .34);width:calc(var(--orb-size) * .65);height:18px}.sanctuary .is-breathing .orb-halo{animation:10s ease-in-out infinite sanctuary-ripples}@keyframes sanctuary-ripples{0%,to{opacity:.5;transform:scale(.86)}40%{opacity:.8;transform:scale(1.1)}}.sanctuary .bowl-object img{filter:drop-shadow(6px 15px 9px #3d322522);width:min(112%,285px)}.sanctuary .sand-stage-shell{aspect-ratio:1.5;height:auto;margin:12px 0 0;display:block}.sanctuary .sand-stage{aspect-ratio:1.5;width:100%;box-shadow:none;filter:drop-shadow(0 18px 12px #4b3b2422);background:0 0;border:0;border-radius:0;position:relative;top:auto;left:auto;transform:none}.sanctuary .sand-stage:after{display:none}.sanctuary .raking-sand{aspect-ratio:1.5;cursor:crosshair;background:0 0;border-radius:16px;width:100%;height:auto;position:relative;inset:auto}.sanctuary .sand-expand{top:0;right:0}.sanctuary .sand-loading{place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.sanctuary .rest-actions{gap:16px;position:relative}.sanctuary .rest-actions .btn{min-width:115px}.sanctuary .sand-undo{width:32px;position:absolute;left:calc(50% + 132px)}.sanctuary .sand-instructions{font-size:10px}.sanctuary .sand-stage-shell:fullscreen{aspect-ratio:auto;place-items:center;width:100%;height:100%;margin:0;padding:4vh 5vw;display:grid}.sanctuary .sand-stage-shell:fullscreen .sand-expand{top:20px;right:20px}.sanctuary-footer{margin:0 calc(-1*clamp(24px,3.5vw,56px));padding:20px clamp(24px,3.5vw,56px) 0}.sanctuary-footer>.text-button{font-size:14px}@media (max-width:1200px) and (min-width:901px){.sanctuary-activities{grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr) minmax(0,.8fr);gap:14px}.sanctuary .btn-secondary{padding:0 12px;font-size:12px}.sanctuary .rest-actions{gap:8px}.sanctuary .rest-actions .btn{min-width:82px}.sanctuary .sand-undo{left:calc(50% + 91px)}.sanctuary .breath-object,.sanctuary .bowl-object{height:235px;margin-top:0}}@media (max-width:900px){.sanctuary-activities{grid-template-columns:1fr 1fr;gap:30px 24px;margin:22px 0 30px}.sanctuary .sand-activity{max-width:650px}.sanctuary .breath-object,.sanctuary .bowl-object{height:240px;margin:0 0 12px}.sanctuary .breath-object{--orb-size:175px}.sanctuary .bowl-object img{width:min(100%,245px)}}@media (max-width:520px){.sanctuary-activities{grid-template-columns:1fr;gap:32px}.sanctuary .rest-actions{gap:9px}.sanctuary .rest-actions .btn{min-width:92px;padding:0 13px;font-size:12px}.sanctuary .sand-undo{width:26px;left:calc(50% + 101px)}.sanctuary .activity-message,.sanctuary .sand-message{min-height:0;font-size:13px}.sanctuary .sand-stage-shell{width:calc(100% + 24px);margin-left:-12px}.sanctuary .sand-instructions{font-size:9px}.sanctuary-heading>p:last-child{font-size:13px}.sanctuary-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){.sanctuary .is-breathing .orb-halo,.sanctuary .is-breathing .breath-orb{animation:none}}.sanctuary .breathing-description{color:var(--text-muted);margin:0 0 26px;font-size:14px;line-height:1.6}.sanctuary .breathing-visit .activity-message{min-height:0;color:var(--accent);margin-bottom:12px;font-weight:550}.session-dock{border:1px solid var(--surface-edge);background:var(--card-bg);box-shadow:var(--surface-shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;padding:18px 22px;display:flex}.session-dock-clock{align-items:center;gap:20px;min-width:0;display:flex}.session-dock-clock>strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:400;line-height:1}.session-dock-clock>div{gap:5px;min-width:0;display:grid}.session-dock-clock span{color:var(--accent);font-size:13px}.session-dock-clock small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:11px;overflow:hidden}.session-dock-actions{align-items:center;gap:20px;display:flex}.session-dock .btn{min-height:44px;font-size:12px}.session-dock>.session-dock-actions>.text-button{font-size:12px}.session-dock>p,.timer-storage-notice{color:var(--text-muted);font-size:12px;line-height:1.6}.session-dock>p{flex-basis:100%;margin:0}.timer-storage-notice{border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:12px 18px}@media (max-width:600px){.session-dock{gap:16px;padding:16px}.session-dock-clock small{max-width:170px}.session-dock-actions{justify-content:space-between;width:100%}.session-dock-clock>strong{font-size:30px}}.focus-canvas{justify-content:flex-start}.sanctuary.reference-v3{background:radial-gradient(ellipse at 19% 0, #ffffff60, transparent 63%), var(--card-bg);padding-top:clamp(28px,3vw,46px);container-type:inline-size}.sanctuary.reference-v3:before{opacity:.42;filter:blur(9px);background:radial-gradient(at 45% 16%,#7a826a40 0 6%,#0000 7%),radial-gradient(at 76% 27%,#7a826a40 0 7%,#0000 8%),radial-gradient(at 32% 37%,#7a826a35 0 8%,#0000 9%),radial-gradient(at 63% 49%,#7a826a35 0 8%,#0000 9%),radial-gradient(at 29% 65%,#7a826a2d 0 7%,#0000 8%),radial-gradient(at 66% 78%,#7a826a2d 0 8%,#0000 9%);width:410px;height:390px;top:-74px;right:-38px;transform:rotate(-28deg)}.reference-v3 .sanctuary-activities{grid-template-columns:minmax(0,.95fr) minmax(0,2fr) minmax(0,.95fr);gap:18px;margin:38px -12px 26px}.reference-v3 .breath-object,.reference-v3 .bowl-object{height:clamp(236px,25cqw,345px);margin:0 0 20px}.reference-v3 .breath-object{--orb-size:clamp(155px, 16cqw, 220px)}.reference-v3 .breath-orb{width:var(--orb-size);height:var(--orb-size);clip-path:ellipse(43.5% 43.2% at 49.7% 49%)}.reference-v3 .orb-halo{width:calc(var(--orb-size) * 1.52);height:calc(var(--orb-size) * .53);top:calc(50% + var(--orb-size) * .33);filter:blur(.8px);background:repeating-radial-gradient(#0000 0 12%,#98a07a2e 13%,#ffffee94 14.5%,#0000 17%)}.reference-v3 .orb-shadow{top:calc(50% + var(--orb-size) * .43);width:calc(var(--orb-size) * .68);height:calc(var(--orb-size) * .12);filter:blur(8px);background:#71795043}.reference-v3 .bowl-object img{filter:drop-shadow(4px 13px 8px #51463122);width:min(120%,350px);max-width:none;height:auto}.reference-v3 h3{margin-bottom:14px;font-size:clamp(20px,1.75cqw,24px);font-weight:550}.reference-v3 .activity-message,.reference-v3 .sand-message,.reference-v3 .breathing-description{font-size:clamp(13px,1.2cqw,16px);line-height:1.55}.reference-v3 .breathing-visit .activity-message{margin-bottom:12px}.reference-v3 .breathing-description{min-height:0;margin-bottom:26px}.reference-v3 .rest-bell .activity-message{align-content:start;min-height:calc(3.1em + 12px);margin-top:0;margin-bottom:26px;display:grid}.reference-v3 .btn-secondary{min-height:52px;color:var(--accent);background:0 0;border-radius:12px;padding:0 20px;font-size:clamp(13px,1.25cqw,17px)}.reference-v3 .breathing-visit>.btn,.reference-v3 .rest-bell>.btn{width:min(100%,238px);min-width:0}.sanctuary .sand-stage-shell,.sanctuary .sand-stage,.sanctuary .raking-sand{aspect-ratio:1.5}.reference-v3 .sand-stage-shell{margin:0 0 22px}.reference-v3 .sand-message{min-height:0;margin-bottom:22px}.reference-v3 .rest-actions{gap:18px}.reference-v3 .rest-actions .btn{width:32%;min-width:100px;max-width:200px}.reference-v3 .sand-undo{flex-shrink:0;width:38px;height:44px;position:static}.reference-v3 .sand-expand{opacity:.55;top:-28px;right:0}.reference-v3 .sand-expand:hover,.reference-v3 .sand-expand:focus-visible{opacity:1}.reference-v3 .sand-instructions{margin-top:12px;font-size:10px}.reference-v3 .sanctuary-footer{padding-top:22px}.sanctuary-preview{max-width:1536px;margin:0 auto;padding:24px}@container (max-width:930px){.reference-v3 .sanctuary-activities{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 24px;margin:28px 0}.reference-v3 .sand-activity{grid-area:1/1/auto/-1;width:min(100%,600px);max-width:600px;margin:0 auto}.reference-v3 .breath-object,.reference-v3 .bowl-object{height:265px;margin:0 0 18px}.reference-v3 .breath-object{--orb-size:175px}.reference-v3 .bowl-object img{width:min(100%,290px)}.reference-v3 .btn-secondary{font-size:14px}}@container (max-width:430px){.reference-v3 .sanctuary-activities{grid-template-columns:1fr;gap:36px}.reference-v3 .sand-activity{grid-column:auto}.reference-v3 .sand-stage-shell{margin-bottom:14px}.reference-v3 .sand-stage-shell,.reference-v3 .sand-stage{width:100%;margin-left:0}.reference-v3 .rest-actions{gap:10px}.reference-v3 .rest-actions .btn{min-width:95px;padding:0 10px}.reference-v3 .rest-actions .btn svg{flex-shrink:0}.reference-v3 .rest-bell .activity-message{min-height:0;margin-bottom:22px}.reference-v3 .sand-undo{width:34px}.reference-v3 .breath-object,.reference-v3 .bowl-object{height:270px}.reference-v3 .sand-instructions{font-size:9px}}.sanctuary .sand-stage-shell:fullscreen{aspect-ratio:auto}.sanctuary .sand-stage-shell:fullscreen .sand-stage{width:min(90vw,135vh)}@media (max-width:520px){.sanctuary-preview{padding:12px}}
.sound-layer-title{color:var(--text-secondary);font-size:.75em;font-weight:400}.sound-favorites{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.sound-favorites>span{color:var(--text-muted);margin-right:6px;font-size:12px}.sound-favorites button,.sound-favorite-toggle,.sound-saved-mixes button{color:var(--text-primary);border:1px solid var(--border-color);background:0 0;border-radius:10px;padding:9px 12px}.sound-favorites button[aria-pressed=true]{background:var(--bg-tertiary);border-color:var(--accent)}.sound-favorite-toggle{align-items:center;gap:8px;width:fit-content;display:flex;font-size:12px!important}.sound-mixer{gap:12px;padding-top:20px;display:grid}.sound-mixer>label{font-size:13px;font-weight:500}.sound-mixer select,.sound-saved-mixes input{border:1px solid var(--border-color);background:var(--card-bg);width:100%;min-width:0;color:var(--text-primary);font:inherit;border-radius:10px;padding:11px;font-size:13px}.sound-mixer select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sound-mix-level{grid-template-columns:1fr auto;gap:8px;display:grid}.sound-mix-level span{color:var(--text-muted);font-weight:400}.sound-mix-level input{width:100%;accent-color:var(--accent);grid-column:1/-1}.sound-saved-mixes{padding-top:20px}.sound-saved-mixes summary{cursor:pointer;font-size:13px}.sound-saved-mixes summary span{color:var(--text-muted);margin-left:6px}.sound-saved-mixes p{color:var(--text-muted);margin:12px 0;font-size:12px;line-height:1.6}.sound-saved-mixes form{gap:6px;display:flex}.sound-saved-mixes form button{flex-shrink:0;font-size:12px}.sound-saved-mixes ul{gap:6px;margin-top:12px;padding:0;list-style:none;display:grid}.sound-saved-mixes li{gap:5px;display:flex}.sound-saved-mixes li>button:first-child{text-align:left;flex:1;gap:4px;min-width:0;display:grid}.sound-saved-mixes li strong{overflow-wrap:anywhere;font-size:13px}.sound-saved-mixes li small{color:var(--text-muted);font-size:11px}.sound-saved-mixes .sound-mix-feedback{color:var(--text-secondary)}.soundscape-panel.sound-player{background:var(--card-bg);color:var(--text-primary);padding:28px 30px 18px;overflow:hidden}.sound-player button{font:inherit;cursor:pointer}.sound-player button:disabled{cursor:wait;opacity:.65}.sound-player button:focus-visible,.sound-player summary:focus-visible,.sound-player input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sound-player-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.sound-player-heading .eyebrow{letter-spacing:.14em;color:var(--text-muted);font-size:10px}.sound-player-heading h2{letter-spacing:-.035em;margin-top:7px;font-size:23px;font-weight:550}.sound-player-continuity{color:var(--text-muted);font-size:12px}.sound-player-transport{align-items:center;gap:22px;padding:25px 0 17px;display:flex}.sound-art{isolation:isolate;background:linear-gradient(145deg, var(--art-light), var(--art-dark));color:#fff9e8;border-radius:10px;flex:0 0 50px;place-items:center;width:50px;height:55px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff25}.sound-art:before{content:"";z-index:-1;border:1px solid #fff4;border-radius:50%;width:95%;height:95%;position:absolute;transform:translate(40%,20%);box-shadow:0 0 0 7px #ffffff0e,0 0 0 14px #ffffff0a,0 0 0 21px #ffffff0a}.sound-art-orbit{z-index:-1;background:linear-gradient(145deg,#ffffff40,#ffffff03);border-radius:50%;width:38%;height:38%;position:absolute;top:5%;left:-8%}.art-focus:before{border-radius:44% 56% 67% 33%;transform:rotate(35deg)translate(32%,18%)}.art-nature:before{background:#152f2620;border-radius:50% 45% 0 0;width:150%;height:80%;transform:rotate(-25deg)translate(5%,60%)}.art-mineral{--art-light:#819594;--art-dark:#354e50}.art-tide{--art-light:#85a6a6;--art-dark:#466777}.art-mist{--art-light:#a4b7b3;--art-dark:#657e7b}.art-sage{--art-light:#a6b094;--art-dark:#677c5c}.art-forest{--art-light:#72947d;--art-dark:#354f42}.art-dusk{--art-light:#8d8ba5;--art-dark:#484559}.art-clay{--art-light:#ba9a7e;--art-dark:#7c6151}.art-ember{--art-light:#c29a79;--art-dark:#85523d}.art-sunrise{--art-light:#d7b28a;--art-dark:#ab7e68}.sound-art-large{border-radius:16px;flex-basis:92px;width:92px;height:100px;box-shadow:inset 0 0 0 1px #ffffff30,0 8px 18px #15231b14}.sound-current-track{flex:1;min-width:0}.sound-current-track h3{letter-spacing:-.04em;margin:6px 0;font-size:clamp(22px,2.4vw,31px);font-weight:500;line-height:1.25}.sound-current-track p{color:var(--text-muted);font-size:13px;line-height:1.5}.sound-playback-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:10px;display:flex}.sound-equalizer{align-items:center;gap:2px;height:12px;display:inline-flex}.sound-equalizer i{background:currentColor;border-radius:2px;width:2px;height:3px;display:block}.sound-player.is-playing .sound-equalizer i{animation:1.7s ease-in-out infinite alternate sound-breathe}.sound-equalizer i:nth-child(2){animation-delay:-.9s!important}.sound-equalizer i:nth-child(3){animation-delay:-.4s!important}.sound-equalizer i:nth-child(4){animation-delay:-1.3s!important}@keyframes sound-breathe{to{height:12px}}.sound-play-toggle{background:var(--accent);min-width:112px;height:52px;color:var(--card-bg);border:1px solid #0000;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:0 20px;display:flex;font-weight:600!important}.sound-play-toggle svg{stroke-width:1.2px}.sound-play-toggle:hover{background:var(--accent-hover)}.sound-master-volume{width:168px;margin-left:6px}.sound-volume-label{color:var(--text-muted);justify-content:space-between;padding-left:10px;font-size:11px;display:flex}.sound-volume-slider{align-items:center;gap:7px;display:flex}.sound-mute{height:40px;color:var(--accent);background:0 0;border:0;border-radius:50%;flex:0 0 40px;place-items:center;display:grid}.sound-mute:hover{background:var(--accent-soft)}.sound-volume-slider input{width:100%;min-width:0;height:5px;accent-color:var(--accent);cursor:pointer;margin:15px 0}.sound-library-toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:0 0 12px;display:flex}.sound-library-toggle-row p{color:var(--text-muted);font-size:12px}.sound-library-toggle{color:var(--accent);white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;min-height:44px;display:flex;font-size:12px!important}.sound-library-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.sound-library{border-top:1px solid var(--surface-edge);grid-template-columns:minmax(0,1fr) 244px;gap:28px;padding:22px 0;display:grid}.sound-library[hidden]{display:none}.sound-library-main{min-width:0}.sound-collections{border-bottom:1px solid var(--surface-edge);gap:5px;display:flex}.sound-collections button{min-height:44px;color:var(--text-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 13px 12px;font-size:12px;display:flex}.sound-collections button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.sound-collections button span{opacity:.85;font-size:10px}.sound-collection-note{color:var(--text-muted);padding:15px 0;font-size:12px}.sound-track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.sound-track{text-align:left;border:1px solid var(--surface-edge);color:var(--text-primary);background:0 0;border-radius:13px;align-items:center;gap:11px;min-width:0;padding:11px;transition:background .2s,border-color .2s;display:flex;position:relative}.sound-track:hover{background:color-mix(in srgb, var(--accent-soft) 45%, var(--card-bg));border-color:var(--accent)}.sound-track[aria-pressed=true]{background:color-mix(in srgb, var(--accent-soft) 60%, var(--card-bg));border-color:var(--accent)}.sound-track-copy{min-width:0;display:block}.sound-track-copy strong{font-size:14px;font-weight:550;line-height:1.5;display:block}.sound-track-copy small{-webkit-line-clamp:2;color:var(--text-muted);-webkit-box-orient:vertical;margin-top:3px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.sound-track-check{color:var(--accent);flex:0 0 15px;margin-left:auto}.sound-personalize{border-left:1px solid var(--surface-edge);padding-left:26px}.sound-personalize h3{margin:7px 0 6px;font-size:14px;font-weight:550}.sound-personalize p{color:var(--text-muted);font-size:11px;line-height:1.5}.sound-texture{border:0;min-width:0;margin:22px 0;padding:0}.sound-texture legend{margin-bottom:9px;padding:0;font-size:12px}.sound-texture>div{background:var(--bg-secondary);border-radius:11px;gap:3px;padding:4px;display:flex}.sound-texture button{min-height:44px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;flex:1;padding:6px;font-size:12px}.sound-texture button[aria-pressed=true]{background:var(--card-bg);color:var(--accent);box-shadow:0 2px 4px #00000008}.sound-texture p{margin-top:9px}.sound-auto-start{cursor:pointer;align-items:flex-start;gap:10px;padding:7px 0;display:flex}.sound-auto-start input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;margin-top:1px}.sound-auto-start strong{font-size:11px;font-weight:500;line-height:1.6;display:block}.sound-auto-start small{color:var(--text-muted);margin-top:4px;font-size:10px;line-height:1.5;display:block}.sound-player-footer{border-top:1px solid var(--surface-edge);justify-content:space-between;align-items:baseline;gap:16px;padding-top:12px;font-size:11px;display:flex}.sound-player-footer p{margin:0;line-height:1.6}.sound-status{color:var(--text-muted)}.sound-player .sound-credits{font-size:inherit;color:var(--text-muted);text-align:right;max-width:50%;margin:0}.sound-player .sound-credits summary{cursor:pointer;white-space:nowrap;padding:6px 0}.sound-player .sound-credits>div{padding:8px 0}.sound-player .sound-credits a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.sound-storage-note{color:var(--text-muted);margin-top:10px;font-size:11px}@media (max-width:1220px){.sound-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-master-volume{width:135px}.sound-library{grid-template-columns:minmax(0,1fr) 215px;gap:22px}.sound-personalize{padding-left:22px}}@media (max-width:760px){.soundscape-panel.sound-player{padding:22px 20px 15px}.sound-player-continuity{display:none}.sound-player-transport{grid-template-columns:70px minmax(0,1fr) auto;gap:15px;padding:22px 0 10px;display:grid}.sound-art-large{width:70px;height:78px}.sound-current-track h3{font-size:24px}.sound-current-track p{font-size:11px}.sound-play-toggle{width:48px;min-width:0;height:48px;padding:0}.sound-play-toggle span{display:none}.sound-master-volume{grid-column:1/-1;align-items:center;gap:12px;width:100%;margin:0;display:flex}.sound-volume-label{gap:9px;padding:0}.sound-volume-slider{flex-direction:row-reverse;flex:1}.sound-library{grid-template-columns:1fr;gap:24px}.sound-personalize{border-left:0;border-top:1px solid var(--surface-edge);grid-template-columns:1fr 1fr;gap:12px 20px;padding:15px 0 0;display:grid}.sound-personalize>div{grid-column:1/-1}.sound-texture{margin:0}.sound-auto-start{padding-top:24px}.sound-track-check{position:absolute;top:7px;right:7px}.sound-track{gap:9px;padding:12px 9px}.sound-track .sound-art{flex-basis:38px;width:38px;height:46px}.sound-track-copy strong{font-size:13px}.sound-track-copy small{font-size:11px}.sound-collections{justify-content:space-between}.sound-collections button{padding-left:9px;padding-right:9px}.sound-player-footer{font-size:10px}}@media (max-width:390px){.soundscape-panel.sound-player{padding:20px 15px 14px}.sound-player-transport{grid-template-columns:55px minmax(0,1fr) 44px;gap:10px}.sound-art-large{width:55px;height:66px}.sound-current-track h3{font-size:21px}.sound-player-heading .eyebrow,.sound-playback-label{font-size:8px}.sound-library-toggle-row p{font-size:10px}.sound-track-grid{grid-template-columns:1fr}.sound-track-copy strong{font-size:14px}.sound-track-copy small{-webkit-line-clamp:1}.sound-personalize{grid-template-columns:1fr}.sound-auto-start{padding-top:5px}}@media (prefers-reduced-motion:reduce){.sound-player.is-playing .sound-equalizer i{height:8px;animation:none}.sound-track{transition:none}}
.task-planner{color:var(--text-primary)}.planner-new-project,.planner-project-filter{color:var(--text-secondary);align-items:center;gap:12px;margin:14px 0;font-size:12px;display:flex}.planner-new-project .form-input{max-width:280px}.planner-project-filter .form-input{max-width:240px}.routine-panel{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:24px;margin-top:28px;padding:28px}.routine-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.routine-heading h2{letter-spacing:-.03em;margin:9px 0;font-size:26px;font-weight:500}.routine-heading p:last-child,.routine-layout p{color:var(--text-secondary);font-size:13px;line-height:1.7}.routine-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:36px;display:grid}.routine-layout h3{margin:0 0 15px;font-size:16px;font-weight:600}.routine-empty{border:1px dashed var(--border-color);border-radius:16px;padding:24px}.routine-saved-list{gap:14px;display:grid}.routine-card{border:1px solid var(--border-color);border-radius:18px;padding:20px}.routine-card h4{overflow-wrap:anywhere;margin:0 0 6px;font-size:17px}.routine-card details{margin:14px 0;font-size:12px;line-height:1.7}.routine-card summary{cursor:pointer;color:var(--text-primary)}.routine-card ol{gap:8px;margin-top:12px;padding-left:20px;display:grid}.routine-card li{overflow-wrap:anywhere}.routine-card li span,.routine-card li small{color:var(--text-secondary);display:block}.routine-card-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.routine-card-actions .btn{min-height:40px;font-size:12px}.routine-card-actions .text-button{font-size:12px}.routine-layout .routine-hint{color:var(--text-muted);margin:14px 0;font-size:11px;line-height:1.7}.routine-save-form{border-left:1px solid var(--border-color);padding-left:30px}.routine-save-form>label{margin:16px 0 8px;font-size:12px;display:block}.routine-save-form>.btn{margin-top:16px}.routine-save-form>.text-button{margin-left:14px}.routine-selection-actions{gap:18px;margin:16px 0 8px;display:flex}.routine-selection-actions .text-button{font-size:11px}.routine-task-selection{border:0;max-height:240px;padding:0;overflow:auto}.routine-task-selection label{cursor:pointer;align-items:flex-start;gap:10px;padding:10px 0;font-size:13px;line-height:1.5;display:flex}.routine-task-selection input,.routine-sound-toggle input,.routine-estimate input{accent-color:var(--accent-primary);flex-shrink:0;width:16px;height:16px}.routine-task-selection span{overflow-wrap:anywhere;min-width:0}.routine-task-selection small{color:var(--text-muted);font-size:11px;display:block}.routine-estimate{background:var(--accent-soft);border-radius:12px;margin:16px 0;padding:16px}.routine-estimate strong{font-size:12px}.routine-estimate small{color:var(--text-muted);font-size:10px;line-height:1.7;display:block}.routine-estimate label,.routine-save-form>.routine-sound-toggle{align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.routine-refresh{align-items:center;gap:7px;margin-top:20px;font-size:11px;display:flex}@media (max-width:850px){.routine-layout{grid-template-columns:1fr;gap:24px}.routine-save-form{border-left:0;border-top:1px solid var(--border-color);padding:24px 0 0}.routine-panel{padding:20px}.planner-new-project,.planner-project-filter{flex-wrap:wrap}}.planner-heading{justify-content:space-between;align-items:center;gap:24px;margin:12px 0 28px;display:flex}.planner-heading h1{letter-spacing:-.04em;margin:8px 0 9px;font-size:36px;font-weight:500}.planner-heading p:last-child{color:var(--text-muted);font-size:14px}.planner-total{text-align:right;gap:5px;display:grid}.planner-total strong{letter-spacing:-.045em;font-size:32px;font-weight:450}.planner-total span{color:var(--text-muted);font-size:11px}.planner-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.planner-list-panel,.planner-detail{background:var(--card-bg);border:1px solid var(--surface-edge);box-shadow:var(--surface-shadow);border-radius:22px}.planner-list-panel{min-width:0;padding:25px}.planner-add{align-items:center;gap:10px;padding-bottom:25px;display:flex}.planner-add>.form-input{flex:1;min-width:0;height:52px}.planner-new-estimate{border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;height:52px;padding:5px 10px;display:flex}.planner-new-estimate span{max-width:35px;color:var(--text-muted);font-size:10px;line-height:1.5}.planner-new-estimate input{width:38px;color:var(--text-primary);font:inherit;background:0 0;border:0;padding:0}.planner-add .btn{white-space:nowrap;height:52px}.planner-list-toolbar{border-bottom:1px solid var(--surface-edge);justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;display:flex}.planner-tabs{gap:15px;display:flex}.planner-tabs button{min-height:48px;color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:12px 1px 15px;font-size:12px;display:flex}.planner-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.planner-tabs span{background:var(--bg-secondary);text-align:center;border-radius:12px;min-width:21px;padding:3px 5px;font-size:10px}.planner-search{color:var(--text-muted);align-items:center;gap:8px;min-width:0;max-width:150px;display:flex}.planner-search input{width:100%;min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;padding:10px 0;font-size:12px}.planner-task{border-bottom:1px solid var(--surface-edge);align-items:center;gap:15px;padding:18px 10px;display:flex;position:relative}.planner-task.is-selected{background:color-mix(in srgb, var(--accent-soft) 40%, var(--card-bg))}.planner-task.is-editing{box-shadow:inset 3px 0 var(--accent)}.planner-check{border:1px solid var(--border-color);width:25px;height:25px;color:var(--card-bg);cursor:pointer;background:0 0;border-radius:50%;flex:0 0 25px;place-items:center;display:grid;position:relative}.planner-check:before{content:"";position:absolute;inset:-8px}.is-done .planner-check{background:var(--accent);border-color:var(--accent)}.planner-task-details{text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:3px 0}.planner-task-details strong{overflow-wrap:anywhere;font-size:15px;font-weight:550;line-height:1.5;display:block}.planner-task-details span{color:var(--text-muted);margin-top:5px;font-size:11px;display:block}.planner-task-details b{color:var(--accent);font-weight:500}.planner-task-details small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);margin-top:8px;font-size:12px;display:block;overflow:hidden}.planner-task.is-done .planner-task-details strong{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color)}.planner-task-effort{white-space:nowrap;color:var(--text-muted);font-size:12px}.planner-row-action{border:1px solid var(--surface-edge);color:var(--accent);background:var(--card-bg);cursor:pointer;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.planner-row-action:hover{background:var(--accent-soft);border-color:var(--accent)}.task-planner button:disabled{opacity:.45;cursor:not-allowed}.task-planner button:focus-visible,.task-planner input:focus-visible,.task-planner textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.planner-list-footer{color:var(--text-muted);justify-content:space-between;gap:15px;padding-top:20px;font-size:10px;display:flex}.planner-empty{text-align:center;color:var(--text-muted);padding:62px 20px}.planner-empty svg{color:var(--accent);margin:0 auto 20px}.planner-empty h2{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:10px;font-size:22px;font-weight:450}.planner-empty p{max-width:300px;margin:auto;font-size:13px;line-height:1.7}.planner-empty button{margin:15px auto 0}.planner-detail{padding:25px;position:sticky;top:22px}.planner-intention-art{background:radial-gradient(circle at 32% 20%, #ffffff40, transparent 70%), var(--accent-soft);width:90px;height:90px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:28px;display:grid}.planner-intention-art svg{width:70px;height:70px}.planner-intention h2{letter-spacing:-.035em;margin:15px 0;font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.2}.planner-intention>p:not(.eyebrow){color:var(--text-muted);overflow-wrap:anywhere;font-size:14px;line-height:1.7}.planner-intention>.btn{margin-top:22px}.planner-intention-tip{border-top:1px solid var(--surface-edge);margin-top:40px;padding-top:22px}.planner-intention-tip strong{font-size:13px;font-weight:550}.planner-intention-tip p{color:var(--text-muted);margin-top:8px;font-size:12px;line-height:1.8}.planner-detail-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.planner-detail .icon-button{width:36px;min-width:36px;height:36px}.planner-detail form>label{margin:18px 0 9px;font-size:12px;display:block}.planner-detail form>.form-input{width:100%;font-size:13px}.planner-detail textarea{resize:vertical;min-height:130px;line-height:1.65}.planner-note-count{text-align:right;color:var(--text-muted);margin:6px 0 18px;font-size:10px;display:block}.planner-detail-estimate{grid-template-columns:minmax(0,1fr) 92px;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;font-size:12px;display:grid}.planner-detail-estimate input{text-align:center;width:100%}.planner-heading>div{max-width:680px}.planner-heading .planner-routine-link{color:var(--accent);text-underline-offset:4px;margin-top:12px;font-size:13px;display:inline-block}.planner-detail-estimate label{line-height:1.6}.planner-new-estimate span{max-width:none}.planner-new-estimate input{width:58px}.routine-builder{border:1px solid var(--surface-edge);background:var(--card-bg);border-radius:18px;margin-bottom:30px;padding:24px;scroll-margin-top:100px}.routine-builder-heading{justify-content:space-between;align-items:start;gap:22px;margin-bottom:24px;display:flex}.routine-builder-heading h3{margin-bottom:8px;font-size:20px;font-weight:550}.routine-builder-heading p{color:var(--text-muted);font-size:13px;line-height:1.7}.routine-builder-heading .btn{flex-shrink:0;font-size:12px}.routine-builder fieldset{border:0;min-width:0;margin:0 0 26px;padding:0}.routine-builder fieldset:last-child{margin-bottom:0}.routine-builder legend{margin-bottom:14px;padding:0;font-size:14px;font-weight:600}.routine-builder fieldset>.form-input{width:100%;max-width:520px}.routine-step-editor{gap:12px;margin:14px 0;padding:0;list-style:none;display:grid}.routine-step-editor li{border:1px solid var(--surface-edge);border-radius:12px;grid-template-columns:24px 105px minmax(140px,1fr) 85px auto;align-items:end;gap:12px;padding:16px;display:grid}.routine-step-editor label{min-width:0;color:var(--text-muted);gap:8px;font-size:11px;display:grid}.routine-step-editor .form-input{width:100%;min-width:0;padding:12px}.routine-step-number{color:var(--text-muted);align-self:center;font-size:13px}.routine-step-actions{gap:4px;display:flex}.routine-step-actions .icon-button{width:36px;min-width:36px;height:44px}.routine-builder-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.routine-plan-summary{background:var(--accent-soft);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:18px;padding:18px;display:flex}.routine-plan-summary strong{font-size:22px;font-weight:500}.routine-plan-summary span{color:var(--text-secondary);font-size:13px}.routine-builder .routine-sound-toggle{align-items:center;gap:10px;margin:16px 0;font-size:13px;display:flex}.routine-running .routine-sound-toggle{align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.routine-builder .routine-sound-toggle input,.routine-running .routine-sound-toggle input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.routine-timeline{gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.routine-timeline li{justify-content:space-between;gap:14px;font-size:12px;line-height:1.6;display:flex}.routine-timeline strong{flex-shrink:0;font-weight:500}.routine-legacy>summary{cursor:pointer;padding:15px 0;font-size:14px}.routine-legacy .routine-save-form{border-left:0;padding:16px 0}.routine-running{background:var(--accent-soft);border:1px solid var(--surface-edge);text-align:left;border-radius:14px;margin:0 0 22px;padding:18px}.routine-running strong{font-size:16px;line-height:1.5;display:block}.routine-running p,.routine-running li{color:var(--text-muted);font-size:12px;line-height:1.8}.routine-running ol{margin:12px 0;padding-left:20px}.routine-running li[aria-current=step]{color:var(--text-primary);font-weight:600}.routine-running .text-button{margin-top:12px}@media (max-width:1100px){.routine-builder-heading{flex-direction:column}.routine-step-editor li{grid-template-columns:24px 100px minmax(0,1fr) 80px}.routine-step-actions{grid-column:2/-1;justify-content:end}}@media (max-width:600px){.routine-builder{padding:16px}.routine-step-editor li{grid-template-columns:24px minmax(0,1fr) 80px;gap:12px;padding:12px}.routine-step-title{grid-area:2/2/auto/-1}.routine-step-actions{grid-row:3}.routine-builder-actions .btn{flex:1}}.planner-detail-hint{color:var(--text-muted);margin:9px 0;font-size:11px;line-height:1.7}.planner-save{width:100%;margin-top:16px}.planner-detail-actions{border-top:1px solid var(--surface-edge);margin-top:25px;padding-top:18px}.planner-order{align-items:center;gap:5px;margin-bottom:14px;display:flex}.planner-order>span{flex:1;font-size:12px}.planner-action{width:100%;min-height:44px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;font-size:12px;display:flex}.planner-action:hover{color:var(--accent)}.planner-delete{color:var(--text-muted);margin-top:8px}.planner-delete-confirm{border:1px solid var(--border-color);border-radius:12px;margin-top:12px;padding:13px}.planner-delete-confirm p{margin-bottom:12px;font-size:12px;line-height:1.7}.planner-delete-confirm .btn{width:100%;margin-top:8px;font-size:12px}.planner-feedback{color:var(--accent);flex-wrap:wrap;align-items:center;gap:10px;padding:15px 0 0;font-size:12px;line-height:1.7;display:flex}.planner-feedback.is-error{color:var(--danger,#a04235)}@media (max-width:1200px){.planner-layout{grid-template-columns:minmax(0,1fr) 295px;gap:18px}.planner-add{flex-wrap:wrap}.planner-add>.form-input{flex-basis:100%}.planner-add>.btn{flex:1}.planner-new-estimate{flex:1;justify-content:space-between}.planner-new-estimate span{max-width:none}.planner-list-toolbar{flex-wrap:wrap;padding-bottom:10px}.planner-search{width:100%;max-width:100%}}@media (max-width:950px){.planner-layout{grid-template-columns:1fr}.planner-detail{position:static}.planner-intention{display:none}.planner-detail:has(.planner-intention){display:none}}@media (max-width:600px){.planner-heading{align-items:flex-start;gap:15px}.planner-heading h1{font-size:30px}.planner-heading p:last-child{font-size:12px}.planner-total{min-width:85px}.planner-total strong{font-size:26px}.planner-total span{max-width:90px;font-size:9px}.planner-list-panel,.planner-detail{padding:20px 16px}.planner-task{gap:11px;padding:17px 3px}.planner-task-details strong{font-size:14px}.planner-task-effort{display:none}.planner-list-footer{font-size:9px;line-height:1.6}.planner-list-footer span:last-child{white-space:nowrap}}.planner-unsaved{border:1px solid var(--border-color);background:var(--accent-soft);border-radius:12px;margin:0 0 15px;padding:14px}.planner-unsaved p,.planner-detail-error{font-size:12px;line-height:1.7}.planner-unsaved button{margin:12px 16px 0 0;display:inline-block}.planner-detail-error{color:var(--danger,#a04235);margin-top:16px}@media (max-width:1200px){.planner-add{grid-template-columns:minmax(0,1fr) auto;display:grid}.planner-add>.form-input{grid-column:1/-1;width:100%}.planner-new-estimate{min-width:0}.planner-new-estimate input{width:50px}}