:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f9f7f0;--muted:#f9f7f0ab;--line:#fff3;--glass:#181f1fa8;--mint:#b8d9ca;--mint-dark:#203a35;--mint-rgb:184, 217, 202;--mint-light:#a9d5c4;--mint-bright:#d6eee4;--mint-hover:#d4eee1;--glass-blur:24px;--danger:#edb6a6;--ease:cubic-bezier(.2, .7, .2, 1);--duration-fast:.18s;--duration-surface:.24s;--duration-scene:.36s;--duration-completion:.48s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;color:var(--ink);background:#182321;overflow-x:hidden}button,input{font:inherit}button{color:inherit}[hidden]{display:none!important}.scene-layer,.scene-layer:after{position:fixed;inset:0}.scene-layer{z-index:-2;background:#273432;overflow:hidden}.scene-layer:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b131314 0%,#0b13130f 45%,#090f0f7a 100%),linear-gradient(#0000 65%,#080e0e5c)}.scene-layer img{z-index:0;object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity var(--duration-scene) var(--ease);display:block;position:absolute;inset:0}.scene-layer img.is-active{opacity:1}.app-shell{justify-content:flex-end;align-items:center;min-height:100dvh;padding:clamp(22px,4vw,64px);display:flex;position:relative}@media (width>=761px){body[data-view=setup] .app-shell,body[data-view=browser] .app-shell,body[data-view=records] .app-shell,body[data-view=settings] .app-shell{padding-top:clamp(92px,10vh,122px)}body[data-view=setup] .app-shell .setup-panel{max-height:calc(100dvh - clamp(92px,10vh,122px) - clamp(22px,4vw,64px))}}.glass-panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);backdrop-filter:blur(var(--glass-blur)) saturate(125%);box-shadow:0 24px 90px #00000047,inset 0 1px #ffffff21}.setup-panel{border-radius:28px;flex-direction:column;width:min(100%,520px);max-height:calc(100dvh - 48px);padding:clamp(24px,3vw,34px);display:flex;overflow:hidden}.panel-heading{flex:none;margin-bottom:24px;padding-block:2px 12px}.panel-scroll-content,.surface-scroll-content{overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;flex:auto;min-height:0;padding-inline-end:24px;scroll-padding-block:16px;overflow:hidden auto}.eyebrow{color:var(--mint);letter-spacing:.22em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:700}h1,h2,p{margin-top:0}.panel-heading h1{letter-spacing:-.04em;align-items:center;gap:10px;margin:0;font-size:clamp(27px,3vw,34px);font-weight:500;line-height:1.2;display:flex}.panel-heading-icon{width:24px;height:24px;color:var(--mint);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.panel-subtitle{color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.6}.field-group label,.section-label{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.field-group input{width:100%;height:48px;color:var(--ink);background:#ffffff17;border:1px solid #ffffff2e;border-radius:13px;outline:none;margin-top:9px;padding:0 15px;transition:border-color .2s,background .2s,box-shadow .2s;display:block}.field-group input::placeholder{color:#f9f7f06e}.field-group input:focus{border-color:rgba(var(--mint-rgb), .78);box-shadow:0 0 0 3px rgba(var(--mint-rgb), .1);background:#ffffff21}.duration-group{margin-top:25px}.section-label{font-size:12px}.duration-output{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.duration-stepper{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;margin-top:14px;display:grid}.step-button{width:48px;height:48px;color:var(--ink);cursor:pointer;transition:background .2s, border-color .2s, transform .18s var(--ease), opacity .2s;background:linear-gradient(145deg,#ffffff21,#ffffff0b);border:1px solid #ffffff38;border-radius:13px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}.step-button:hover:not(:disabled){background:#ffffff24;border-color:#ffffff80}.step-button:active:not(:disabled){transform:scale(.96)}.step-button:disabled{opacity:.32;cursor:not-allowed}.duration-value{min-height:72px;color:var(--ink);letter-spacing:-.06em;text-align:center;font-variant-numeric:tabular-nums;cursor:text;transition:color .16s var(--ease), text-shadow .16s var(--ease), transform .16s var(--ease);background:0 0;border:0;justify-content:center;align-items:baseline;gap:8px;padding:0;font-size:clamp(48px,8vw,64px);font-weight:500;line-height:1;display:flex}.duration-value:hover{color:var(--mint)}.duration-value small{color:var(--muted);letter-spacing:0;margin:0;font-size:16px;font-weight:400}.duration-value.is-changing{color:var(--mint);text-shadow:0 0 24px rgba(var(--mint-rgb), .18);transform:translateY(-2px)scale(1.035)}.duration-manual-input{width:100%;min-height:72px;color:var(--ink);box-shadow:none;caret-color:var(--mint);letter-spacing:-.06em;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;border-bottom:1px solid #0000;outline:none;padding:0;font-size:clamp(48px,8vw,64px);font-weight:500;line-height:1}.duration-manual-input:not([hidden]){border-bottom-color:rgba(var(--mint-rgb), .68)}#duration-manual-input:focus,#duration-manual-input:focus-visible{outline-offset:0;box-shadow:none;outline:none}.duration-manual-input::selection{color:var(--ink);background:rgba(var(--mint-rgb), .24)}.duration-manual-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-manual-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-range{--duration-progress:45.45%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:30px;margin-top:10px;padding:0;display:block}.duration-range:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:999px}.duration-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--mint-light), var(--mint-bright)) 0 0 / var(--duration-progress) 100% no-repeat, linear-gradient(90deg, #ffffff29, #ffffff14) 0 0 / 100% 100% no-repeat;height:6px;transition:filter .18s var(--ease);border:1px solid #ffffff57;border-radius:999px;box-shadow:inset 0 1px 1px #0000002e}.duration-range::-webkit-slider-thumb{appearance:none;background:var(--mint);width:22px;height:22px;transition:transform .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease);border:2px solid #ffffffb8;border-radius:50%;margin-top:-9px;box-shadow:0 2px 8px #050f0d47}.duration-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(var(--mint-rgb), .16), 0 3px 10px #050f0d59;background:var(--mint-hover);transform:scale(1.18)}.duration-range:active::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(var(--mint-rgb), .16), 0 3px 10px #050f0d59;background:var(--mint-hover);transform:scale(1.18)}.duration-range.is-dragging::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(var(--mint-rgb), .16), 0 3px 10px #050f0d59;background:var(--mint-hover);transform:scale(1.18)}.duration-range::-moz-range-track{background:#ffffff24;border:1px solid #ffffff57;border-radius:999px;height:6px;box-shadow:inset 0 1px 1px #0000002e}.duration-range::-moz-range-progress{background:linear-gradient(90deg, var(--mint-light), var(--mint-bright));border-radius:999px;height:6px}.duration-range::-moz-range-thumb{background:var(--mint);width:18px;height:18px;transition:transform .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease);border:2px solid #ffffffb8;border-radius:50%;box-shadow:0 2px 8px #050f0d47}.duration-range:hover::-moz-range-thumb{box-shadow:0 0 0 5px rgba(var(--mint-rgb), .16), 0 3px 10px #050f0d59;background:var(--mint-hover);transform:scale(1.18)}.duration-range:active::-moz-range-thumb{box-shadow:0 0 0 5px rgba(var(--mint-rgb), .16), 0 3px 10px #050f0d59;background:var(--mint-hover);transform:scale(1.18)}.duration-range.is-dragging::-moz-range-thumb{box-shadow:0 0 0 5px rgba(var(--mint-rgb), .16), 0 3px 10px #050f0d59;background:var(--mint-hover);transform:scale(1.18)}.range-labels{color:#f9f7f078;justify-content:space-between;font-size:10px;display:flex}.scene-label{min-height:46px;color:var(--ink);background:#ffffff12;border:1px solid #ffffff2e;border-radius:12px;margin-bottom:11px;padding:10px 12px;font-size:13px;font-weight:600}.scene-label #selected-scene-name{color:var(--mint);font-size:inherit;font-weight:inherit}.scene-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.scene-option{text-align:left;cursor:pointer;min-width:0;transition:border-color .2s, transform .2s var(--ease), background .2s;background:#ffffff0e;border:1px solid #ffffff29;border-radius:12px;padding:0;overflow:hidden}.scene-option[aria-pressed=true]{border-color:var(--mint);background:rgba(var(--mint-rgb), .15);box-shadow:0 0 0 1px rgba(var(--mint-rgb), .16)}.scene-option img{aspect-ratio:1.26;object-fit:cover;width:100%;display:block}.scene-option span{color:#f9f7f0bf;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:7px 3px 8px;font-size:10px;display:block;overflow:hidden}.scene-option[aria-pressed=true] span{color:#f2f8f2}.primary-button,.quiet-button,.danger-button{cursor:pointer;min-height:48px;transition:transform .18s var(--ease), background .2s, border-color .2s, opacity .2s;border-radius:14px}.primary-button{background:linear-gradient(135deg, var(--mint-bright) 0%, var(--mint) 62%, var(--mint-light) 100%);width:100%;color:var(--mint-dark);border:1px solid #ffffff8c;margin-top:22px;font-weight:700;box-shadow:0 8px 28px #08140f2e}.primary-button:hover:not(:disabled){background:linear-gradient(135deg, var(--mint-bright) 0%, var(--mint) 62%, var(--mint-hover) 100%);transform:translateY(-1px)}.primary-button:active:not(:disabled),.quiet-button:active,.danger-button:active{transform:scale(.985)}.primary-button:disabled{opacity:.43;cursor:not-allowed}.start-button-tooltip-wrap{width:100%;margin-top:22px;position:relative}.start-button-tooltip-wrap .primary-button{margin-top:0}.start-button-tooltip-wrap[data-tooltip-state=missing-task]:focus-visible{outline:2px solid rgba(var(--mint-rgb), .88);outline-offset:4px;border-radius:16px}.start-button-tooltip{z-index:3;color:#f9f7f0eb;text-align:center;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;width:max-content;max-width:min(280px,100vw - 48px);transition:opacity .18s ease, transform .18s var(--ease), visibility 0s linear .18s;background:#151d1df0;border:1px solid #ffffff47;border-radius:10px;padding:8px 11px;font-size:12px;line-height:1.35;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,5px);box-shadow:0 9px 24px #00000040}.start-button-tooltip:after{content:"";border-inline-end:1px solid #ffffff47;background:#151d1df0;border-bottom:1px solid #ffffff47;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.start-button-tooltip-wrap[data-tooltip-state=missing-task]:hover .start-button-tooltip,.start-button-tooltip-wrap[data-tooltip-state=missing-task]:focus .start-button-tooltip{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.start-button-hint{color:#f9f7f07a;text-align:center;margin:8px 0 -4px;font-size:10px;line-height:1.4}.start-button-hint[hidden]{display:none}.form-error{color:#ffd0c3;min-height:16px;margin:8px 0 -4px;font-size:11px}.focus-view{text-align:center;width:min(100%,600px);margin-inline:auto}body[data-view=focus] .app-shell{justify-content:center}.focus-heading{text-shadow:0 2px 22px #00000059;margin:0 auto 24px}.focus-task{text-overflow:ellipsis;white-space:nowrap;max-width:min(80vw,620px);margin:0 auto 5px;font-size:clamp(21px,3vw,30px);font-weight:500;overflow:hidden}.focus-duration{color:#ffffffc7;letter-spacing:.08em;margin:0;font-size:13px}.countdown-wrap{isolation:isolate;aspect-ratio:1;filter:drop-shadow(0 5px 35px #00000047);width:min(70vw,350px);margin:0 auto;position:relative}.countdown-wrap:before,.countdown-wrap:after{content:"";z-index:1;pointer-events:none;border-radius:50%;position:absolute;inset:0}.countdown-wrap:before{background:radial-gradient(circle, rgba(var(--mint-rgb), .28) 0%, rgba(var(--mint-rgb), .16) 47%, transparent 78%);border:1px solid rgba(var(--mint-rgb), .46);box-shadow:0 0 36px 9px rgba(var(--mint-rgb), .24), 0 0 84px 22px rgba(var(--mint-rgb), .1), inset 0 0 30px rgba(var(--mint-rgb), .1);filter:blur(12px);opacity:.34;animation:5.8s cubic-bezier(.37,0,.63,1) infinite countdown-aura-breathe;transform:scale(.9)}.countdown-wrap:after{box-shadow:0 0 34px 8px rgba(var(--mint-rgb), .3), 0 0 62px 16px rgba(var(--mint-rgb), .12), inset 0 0 22px rgba(var(--mint-rgb), .1);opacity:0;border:1.5px solid #ebf6ee85;animation:6.4s cubic-bezier(.22,.61,.36,1) -2.2s infinite countdown-aura-radiate;inset:0;transform:scale(.9)}.countdown-ring{z-index:2;width:100%;height:100%;position:relative;overflow:visible;transform:rotate(-90deg)}.countdown-track,.countdown-progress{fill:#0c14141a;stroke-width:1.2px}.countdown-track{fill:none;stroke:#ebf6ee57;stroke-width:.85px;stroke-linecap:round}.countdown-progress{fill:none;stroke:#ebf6eeb8;stroke-linecap:round;transition:stroke-dashoffset .4s linear}.countdown-copy{z-index:3;text-shadow:0 2px 24px #0006;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-copy strong{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(64px,12vw,104px);font-weight:400;line-height:1}.countdown-copy span{color:#ffffffd4;letter-spacing:.16em;margin-top:14px;font-size:12px}.focus-view.is-paused .countdown-wrap:before{opacity:.2;animation:none;transform:scale(.95)}.focus-view.is-paused .countdown-wrap:after{opacity:0;animation:none;transform:scale(.94)}.focus-status{transition:color var(--duration-fast) var(--ease), opacity var(--duration-fast) ease, text-shadow var(--duration-fast) var(--ease)}.focus-status.is-feedback{color:var(--mint);text-shadow:0 0 18px rgba(var(--mint-rgb), .22)}.focus-primary.is-feedback{background:var(--mint-bright);border-color:#fffc}.focus-controls{justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.focus-primary{width:min(220px,56vw);margin:0}.quiet-button,.danger-button{min-width:132px;color:var(--ink);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a111152;border:1px solid #ffffff59;padding:0 18px}.quiet-button:hover{background:#ffffff24;border-color:#ffffff94}.danger-button{color:var(--ink);border-color:#ffffff59}.danger-button:hover{background:#ffffff24;border-color:#ffffff94}.resume-note{color:#ffffffbf;text-shadow:0 2px 10px #00000059;max-width:340px;margin:14px auto 0;font-size:12px;line-height:1.5}.focus-audio-control{color:#ffffffb8;text-align:left;text-shadow:0 2px 10px #00000047;gap:8px;width:min(100%,360px);margin:25px auto 0;display:grid}.focus-audio-label{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.focus-audio-label output{color:var(--ink);font-variant-numeric:tabular-nums}.ambient-range{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:24px;margin:0;display:block}.ambient-range:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:999px}.ambient-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--mint-light), var(--mint-bright)) 0 0 / var(--ambient-progress,50%) 100% no-repeat, #ffffff1f;border:1px solid #ffffff47;border-radius:999px;height:5px}.ambient-range::-webkit-slider-thumb{appearance:none;background:var(--mint);width:20px;height:20px;transition:transform .16s var(--ease), box-shadow .16s var(--ease);border:2px solid #ffffffc7;border-radius:50%;margin-top:-8px;box-shadow:0 2px 8px #050f0d47}.ambient-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(var(--mint-rgb), .14), 0 3px 10px #050f0d4d;transform:scale(1.12)}.ambient-range:active::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(var(--mint-rgb), .14), 0 3px 10px #050f0d4d;transform:scale(1.12)}.ambient-range::-moz-range-track{background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;height:5px}.ambient-range::-moz-range-progress{background:linear-gradient(90deg, var(--mint-light), var(--mint-bright));border-radius:999px;height:5px}.ambient-range::-moz-range-thumb{background:var(--mint);border:2px solid #ffffffc7;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #050f0d47}.ambient-range:disabled{cursor:not-allowed;opacity:.42}.completion-view{text-align:center;border-radius:26px;width:min(100%,450px);padding:clamp(28px,5vw,48px)}.completion-mark{isolation:isolate;width:54px;height:54px;color:var(--mint);place-items:center;margin:0 auto 18px;display:grid;position:relative}.completion-mark:after{content:"";z-index:-1;opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:7px;box-shadow:0 0 24px 8px #f9f7f02e}.completion-mark-svg{width:54px;height:54px;display:block;overflow:visible}.completion-mark-ring,.completion-mark-check{fill:none;vector-effect:non-scaling-stroke}.completion-mark-ring{stroke:rgba(var(--mint-rgb), .65);stroke-width:1.4px;stroke-dasharray:194.8;stroke-dashoffset:0}.completion-mark-check{stroke:var(--mint);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:42;stroke-dashoffset:0;opacity:1}.completion-view.is-celebrating .completion-mark-ring{animation:completion-ring .3s var(--ease) both;stroke-dashoffset:194.8px}.completion-view.is-celebrating .completion-mark-check{animation:completion-check .16s var(--ease) .14s both;stroke-dashoffset:42px;opacity:0}.completion-view.is-celebrating .completion-mark:after{animation:.5s .3s both completion-halo}.completion-view h1{margin:0;font-size:26px;font-weight:500}.completion-task{color:var(--mint);margin:12px 0 3px;font-size:18px}.completion-duration{color:var(--muted);margin-bottom:27px;font-size:13px}.daily-summary{border:1px solid var(--line);background:#ffffff0e;border-radius:16px;grid-template-columns:1fr 1fr;display:grid}.completion-view.is-celebrating .daily-summary{animation:completion-summary .2s var(--ease) .34s both;opacity:0;transform:translateY(4px)}.daily-summary>div{flex-direction:column;align-items:center;padding:17px 8px;display:flex}.daily-summary>div+div{border-left:1px solid var(--line)}.daily-summary strong{font-variant-numeric:tabular-nums;font-size:28px;font-weight:500}.daily-summary span{color:var(--muted);margin-top:4px;font-size:11px}.completion-view .primary-button{margin-top:22px}.completion-view.is-cta-ready .primary-button{border-color:#ffffffdb}.confirm-backdrop{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000006b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--line);background:var(--glass);width:min(100%,456px);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);backdrop-filter:blur(var(--glass-blur)) saturate(125%);animation:dialog-in .2s var(--ease) both;border-radius:28px;padding:clamp(24px,3vw,34px);box-shadow:0 24px 90px #00000047,inset 0 1px #ffffff21}.confirm-dialog h2{letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,34px);font-weight:500;line-height:1.2}.confirm-dialog p{color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.6}.dialog-actions{gap:9px;margin-top:24px;display:flex}.dialog-actions button{flex:1;min-width:0}@keyframes view-in-surface{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes view-in-focus{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes view-in-completion{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes countdown-aura-breathe{0%,to{opacity:.26;filter:blur(12px);transform:scale(.9)}50%{opacity:.72;filter:blur(19px);transform:scale(1.05)}}@keyframes countdown-aura-radiate{0%,12%{opacity:0;transform:scale(.9)}28%{opacity:.72;transform:scale(.98)}52%{opacity:.44;transform:scale(1.08)}to{opacity:0;transform:scale(1.2)}}@keyframes completion-ring{0%{stroke-dashoffset:194.8px}to{stroke-dashoffset:0}}@keyframes completion-check{0%{opacity:0;stroke-dashoffset:42px}to{opacity:1;stroke-dashoffset:0}}@keyframes completion-halo{0%{opacity:0}22%{opacity:.34}58%{opacity:.15}to{opacity:0}}@keyframes completion-summary{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes recommendation-card-in{0%{opacity:0}to{opacity:1}}.setup-panel.view-enter,.surface-view.view-enter{animation:view-in-surface var(--duration-surface) var(--ease) both}.focus-view.view-enter{animation:view-in-focus .18s var(--ease) both}.completion-view.view-enter{animation:view-in-completion var(--duration-completion) var(--ease) both}@media (width>=1100px){.setup-panel{margin-right:clamp(0px,4vw,70px)}}@media (width<=760px){.scene-layer:after{background:linear-gradient(#070e0e0f 0%,#070e0e0d 36%,#070e0e73 100%)}.app-shell{min-height:100dvh;padding:60px 8px 12px;padding-top:calc(60px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-end}.setup-panel{width:100%;height:calc(100vh - 72px);height:calc(100svh - 60px - env(safe-area-inset-top) - 12px - env(safe-area-inset-bottom));height:calc(100dvh - 60px - env(safe-area-inset-top) - 12px - env(safe-area-inset-bottom));border-radius:24px;max-height:none;padding:23px 20px 19px}.panel-heading{margin-bottom:19px}.panel-heading h1{font-size:27px}.duration-group{margin-top:19px}.duration-stepper{margin-top:11px}.scene-group{margin-top:18px}.scene-list{gap:6px}.scene-option{border-radius:10px}.scene-option img{aspect-ratio:1.14}.scene-option span{padding:6px 1px 7px;font-size:9px}.start-button-tooltip-wrap{margin-top:18px}.primary-button{min-height:48px;margin-top:18px}body[data-view=focus] .app-shell{padding:24px 18px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));align-items:center}.focus-view{width:100%}.focus-heading{margin-bottom:22px}.countdown-wrap{width:min(76vw,340px)}.focus-controls{gap:9px;margin-top:22px}.focus-primary{width:min(190px,53vw)}.quiet-button{min-width:112px;padding:0 13px}.focus-audio-control{width:min(100%,330px);margin-top:22px}.completion-view{margin:auto}}@media (width<=380px){.setup-panel{padding-inline:16px}.scene-list{gap:4px}.scene-option span{font-size:8px}.duration-stepper{gap:8px}.duration-value{font-size:48px}.focus-controls{flex-direction:column}.focus-primary,.focus-controls .quiet-button{width:100%}}@media (width<=760px) and (height<=740px){.setup-panel{height:calc(100vh - 72px);height:calc(100svh - 60px - env(safe-area-inset-top) - 12px - env(safe-area-inset-bottom));height:calc(100dvh - 60px - env(safe-area-inset-top) - 12px - env(safe-area-inset-bottom));max-height:none;padding:17px 16px 14px}.panel-heading{margin-bottom:14px}.panel-heading h1{font-size:25px}.field-group input{height:42px}.duration-group{margin-top:12px}.duration-stepper{margin-top:8px}.scene-group{margin-top:12px}.scene-option img{aspect-ratio:1.5}.scene-option span{padding:5px 1px 6px}.start-button-tooltip-wrap{margin-top:13px}.primary-button{min-height:44px;margin-top:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scene-layer img{transition:opacity .16s}.view-enter{transform:none!important}.countdown-wrap:before,.countdown-wrap:after{animation:none!important}.countdown-wrap:before{opacity:.2;transform:none}.countdown-wrap:after{opacity:0;transform:none}.focus-status{text-shadow:none;transition:color .16s,opacity .16s}.focus-primary{transition:background .16s,border-color .16s,opacity .16s}.toast{transition:opacity .16s;transform:none}.toast.is-leaving{transform:none}.start-button-tooltip{transition:opacity .01ms;transform:translate(-50%)}.scene-card,.scene-option,.start-scene-entry{transition-property:border-color,background,color,opacity!important;transform:none!important}.scene-card.is-staggered{opacity:1!important;animation:none!important}.completion-view.is-celebrating .completion-mark-ring{stroke-dashoffset:0;animation:none!important}.completion-view.is-celebrating .completion-mark-check{stroke-dashoffset:0;opacity:1;animation:none!important}.completion-view.is-celebrating .completion-mark:after{opacity:.16;animation:none!important}.completion-view.is-celebrating .daily-summary{opacity:1;transform:none;animation:none!important}.duration-value.is-changing{text-shadow:none;transform:none}}.global-nav{z-index:4;color:var(--ink);text-shadow:0 2px 18px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px clamp(22px,4vw,64px);padding-top:20px;padding-top:calc(20px + env(safe-area-inset-top));background:linear-gradient(#0d141452,#0d141400);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:24px;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:0;left:0;right:0}.brand-mark{white-space:nowrap;letter-spacing:.1em;align-items:center;gap:.42em;font-size:18px;font-weight:700;display:inline-flex}.brand-icon{width:20px;height:20px;color:var(--mint);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.brand-name-en{letter-spacing:.02em;font-size:.78em;font-weight:600}.desktop-nav{align-items:center;gap:14px;display:flex}.nav-button,.text-button,.iconless-button{cursor:pointer;color:var(--muted);transition:color .2s ease, background .2s ease, border-color .2s ease, transform .18s var(--ease);background:0 0;border:0}.text-button-with-icon{justify-content:center;align-items:center;gap:6px;display:inline-flex}.button-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.text-button-with-icon:hover .button-icon-arrow{transform:translate(2px)}.text-button-with-icon:hover .button-icon-back{transform:translate(-2px)}.button-icon-arrow,.button-icon-back{transition:transform .18s var(--ease)}.nav-button{min-height:42px;padding:8px 14px;font-size:13px}.nav-button:hover,.text-button:hover,.iconless-button:hover{color:var(--ink)}.nav-button.is-active{color:var(--ink);position:relative}.nav-button.is-active:after{content:"";background:var(--mint);border-radius:2px;height:2px;position:absolute;bottom:2px;left:12px;right:12px}.scene-group{margin-top:27px}.selected-scene-card{background:#ffffff0e;border:1px solid #ffffff29;border-radius:16px;padding:14px 18px 18px;display:block;overflow:hidden}.selected-scene-card .scene-label{background:0 0;border:0;border-radius:0;min-height:0;margin:0 0 13px;padding:0}.selected-scene-content{grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.selected-scene-content>img{object-fit:cover;border-radius:11px;width:86px;height:62px}.selected-scene-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.selected-scene-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.selected-scene-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.45;overflow:hidden}.iconless-button{min-height:36px;color:var(--muted);white-space:nowrap;border:1px solid #ffffff3d;border-radius:10px;padding:0 10px;font-size:11px}.iconless-button[aria-pressed=true]{color:var(--mint);border-color:rgba(var(--mint-rgb), .66);background:rgba(var(--mint-rgb), .1)}.scene-entry-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.compact-button{min-width:0;min-height:42px;padding-inline:14px;font-size:12px}.shortcut-heading,.section-heading-row,.browser-toolbar,.settings-card-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.shortcut-heading{color:var(--muted);margin-top:20px;font-size:12px}.text-button{min-height:34px;padding:6px 0;font-size:11px}.scene-shortcuts{scrollbar-width:thin;gap:8px;min-height:52px;margin-top:9px;display:flex;overflow-x:auto}.scene-shortcut{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 78px;gap:5px;padding:0;display:flex}.scene-shortcut:hover{color:var(--ink)}.scene-shortcut-image{object-fit:cover;border:1px solid #ffffff26;border-radius:10px;width:78px;height:42px}.scene-shortcut span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;overflow:hidden}.shortcut-empty{color:#f9f7f07a;align-self:center;font-size:11px;line-height:1.5}.setup-note{color:#f9f7f073;margin:15px 0 -6px;font-size:10px;line-height:1.5}.start-page-actions{justify-content:flex-end;gap:16px;margin-top:14px;display:flex}.start-selected-scene-card{margin-top:0}.start-selected-scene-card .iconless-button{align-self:center}.surface-view{border-radius:28px;flex-direction:column;width:min(100%,1080px);max-height:calc(100dvh - 148px);padding:clamp(24px,4vw,42px);display:flex;overflow:hidden}body[data-view=browser] .app-shell,body[data-view=records] .app-shell,body[data-view=settings] .app-shell{justify-content:center;align-items:flex-start}.surface-heading{flex:none;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;padding-block:2px 16px;display:flex}.surface-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.15}.surface-heading-title{align-items:center;gap:10px;display:inline-flex}.surface-heading-icon{width:25px;height:25px;color:var(--mint);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.surface-heading p:not(.eyebrow){max-width:520px;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.eyebrow{color:var(--mint);letter-spacing:.18em;margin:0 0 9px;font-size:10px;font-weight:700}.section-heading-row{align-items:flex-start;margin-bottom:16px}.section-heading-row h2,.settings-card h2{margin:0;font-size:18px;font-weight:500}.section-heading-row p,.settings-card-heading p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.recommendation-empty{color:var(--muted);margin:0;font-size:12px}.scene-tabs{scrollbar-width:thin;gap:4px;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.scene-tab{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;padding:8px 12px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.scene-tab:hover{color:var(--ink);background:#ffffff14}.scene-tab[aria-selected=true]{color:var(--ink);border-color:rgba(var(--mint-rgb), .48);background:rgba(var(--mint-rgb), .14)}.scene-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.scene-card{min-width:0;transition:border-color .2s ease, transform .2s var(--ease), background .2s ease;background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;position:relative;overflow:hidden}.scene-card.is-staggered{opacity:0;animation:recommendation-card-in .17s var(--ease) calc(var(--stagger-index,0) * 35ms) both}.scene-card.is-selected{border-color:rgba(var(--mint-rgb), .78);box-shadow:0 0 0 1px rgba(var(--mint-rgb), .14)}.scene-card-main{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.scene-card-image,.scene-image-placeholder{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.scene-image-placeholder{color:#f9f7f08c;text-align:center;background:#ffffff17;place-items:center;padding:12px;font-size:11px;display:grid}.scene-card-copy{flex-direction:column;gap:4px;padding:11px 12px 13px;display:flex}.scene-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.scene-card-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.4;overflow:hidden}.card-favorite{min-height:30px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070c0c66;border-color:#ffffff6b;padding:0 8px;position:absolute;top:8px;right:8px}.card-favorite[aria-pressed=true]{color:var(--mint-dark);border-color:var(--mint);background:var(--mint)}.scene-card-selected{color:var(--mint-dark);background:var(--mint);border-radius:7px;padding:5px 7px;font-size:9px;font-weight:700;position:absolute;top:9px;left:10px}.empty-state{color:var(--muted);text-align:center;justify-items:center;gap:8px;padding:48px 18px;display:grid}.empty-state strong{color:var(--ink);font-size:16px;font-weight:500}.empty-state p{margin:0;font-size:12px}.settings-view{max-width:860px}.settings-card{background:#0a0f0f3d;border:1px solid #ffffff26;border-radius:20px;margin-top:14px;padding:22px}.account-settings{border-color:rgba(var(--mint-rgb), .28);background:linear-gradient(145deg, rgba(var(--mint-rgb), .09), #0a0f0f3d 58%)}.account-sync-badge{color:var(--muted);border:1px solid #fff3;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;line-height:1}.account-sync-badge[data-state=synced]{color:var(--mint);border-color:rgba(var(--mint-rgb), .48);background:rgba(var(--mint-rgb), .09)}.account-sync-badge[data-state=error]{color:#ffe2d8;border-color:#edb6a68c}.account-guest-panel,.account-user-panel{margin-top:17px}.account-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-field{color:var(--muted);gap:7px;font-size:11px;display:grid}.account-field span{padding-inline:2px}.account-field input{width:100%;height:44px;color:var(--ink);background:#ffffff14;border:1px solid #ffffff2e;border-radius:11px;outline:none;padding:0 12px;transition:border-color .2s,background .2s,box-shadow .2s}.account-field input::placeholder{color:#f9f7f061}.account-field input:focus{border-color:rgba(var(--mint-rgb), .78);box-shadow:0 0 0 3px rgba(var(--mint-rgb), .1);background:#ffffff21}.account-form-error{color:#ffd0c3;min-height:16px;margin:9px 0 -3px;font-size:11px;line-height:1.45}.account-form-actions,.account-user-actions{align-items:center;gap:9px;display:flex}.account-form-actions{margin-top:2px}.account-submit{flex:auto;min-width:0;margin-top:0}.account-mode-toggle{flex:none;min-width:116px}.account-form button:disabled,.account-user-actions button:disabled{opacity:.48;cursor:wait}.account-hint{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.5}.account-user-panel{justify-content:space-between;align-items:center;gap:14px;display:flex}.account-user-copy{gap:4px;min-width:0;display:grid}.account-user-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.account-user-copy span{color:var(--muted);font-size:11px}.account-user-actions{flex:none}.settings-scene-preview{grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:17px;display:grid}.settings-scene-preview img{object-fit:cover;border-radius:11px;width:86px;height:62px}.settings-scene-preview>div{flex-direction:column;gap:5px;min-width:0;display:flex}.settings-scene-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.settings-scene-preview span{color:var(--muted);font-size:11px}.appearance-control{margin-top:17px}.appearance-settings .appearance-label-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:1.4;display:flex}.appearance-settings .appearance-label-row output{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.appearance-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.appearance-preset{min-width:0;min-height:48px;color:var(--muted);cursor:pointer;transition:color .2s ease, border-color .2s ease, background .2s ease, transform .18s var(--ease);background:#ffffff0b;border:1px solid #ffffff24;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:7px 8px;font-size:14px;display:flex}.appearance-preset:hover{color:var(--ink);background:#ffffff14;border-color:#ffffff57}.appearance-preset:active{transform:scale(.97)}.appearance-preset[aria-pressed=true]{color:var(--mint-dark);border-color:var(--mint);background:var(--mint)}.appearance-swatch{background:var(--swatch,var(--mint));border:1px solid #ffffff7a;border-radius:50%;flex:none;width:16px;height:16px}.appearance-preset[data-appearance-preset=mint] .appearance-swatch{--swatch:#b8d9ca}.appearance-preset[data-appearance-preset=sky] .appearance-swatch{--swatch:#b9d9e8}.appearance-preset[data-appearance-preset=amber] .appearance-swatch{--swatch:#e6c89a}.appearance-preset[data-appearance-preset=lavender] .appearance-swatch{--swatch:#cfc4df}.appearance-range{color:var(--muted);gap:8px;margin-top:17px;font-size:14px;line-height:1.4;display:grid}.appearance-range input{width:100%;height:22px;accent-color:var(--mint);cursor:pointer;margin:0}.appearance-range .ambient-range{height:24px;accent-color:var(--mint)}.backup-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.backup-actions .quiet-button{min-width:0}.toast{z-index:10;max-width:min(360px,100vw - 48px);color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));opacity:0;transition:opacity .2s ease, transform .2s var(--ease);border:1px solid #ffffff42;border-radius:12px;padding:12px 15px;font-size:12px;line-height:1.5;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 14px 38px #00000047}.toast.is-visible{opacity:1;transform:translateY(0)}.toast.is-leaving{opacity:0;pointer-events:none;transform:translateY(8px)}.toast[data-tone=danger]{color:#ffe2d8;border-color:#edb6a699}.mobile-nav{display:none}body[data-view=focus] .global-nav,body[data-view=focus] .mobile-nav{opacity:0;pointer-events:none;transform:translateY(-8px)}button:focus-visible,input:focus-visible{outline:2px solid rgba(var(--mint-rgb), .82);outline-offset:3px}@media (hover:hover) and (pointer:fine){.countdown-wrap{cursor:none}.scene-option:hover{border-color:#ffffff80;transform:translateY(-2px)}.scene-card:hover{background:#ffffff17;border-color:#ffffff6b;transform:translateY(-2px)}.start-scene-entry:hover{border-color:rgba(var(--mint-rgb), .46);background:rgba(var(--mint-rgb), .08);transform:translateY(-1px)}}@media (width<=760px){.global-nav{padding:16px 18px;padding-top:16px;padding-top:calc(16px + env(safe-area-inset-top))}.brand-mark{font-size:15px;font-weight:700}.desktop-nav{display:none}.surface-view{border-radius:24px;max-height:calc(100dvh - 104px);padding:22px 16px 28px}.surface-heading{margin-bottom:22px}.surface-heading h1{font-size:29px}.surface-heading p:not(.eyebrow){font-size:12px}.browser-toolbar{flex-direction:column;align-items:flex-end;margin-top:22px}.scene-tabs{width:100%}.scene-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.settings-card{padding:17px 15px}.account-fields{grid-template-columns:1fr}.account-user-panel{flex-direction:column;align-items:flex-start}.account-user-actions{width:100%}.account-user-actions .quiet-button{flex:1 1 0}.appearance-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-actions{grid-template-columns:1fr}.mobile-nav{z-index:4;bottom:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid #fff3;border-radius:18px;grid-template-columns:repeat(3,1fr);padding:5px;display:grid;position:fixed;left:12px;box-shadow:0 16px 44px #00000047}.mobile-nav .nav-button{border-radius:13px;min-height:44px}.mobile-nav .nav-button.is-active{color:var(--ink-deep);background:var(--mint)}.mobile-nav .nav-button.is-active:after{display:none}.toast{bottom:84px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));max-width:none;left:16px}}@media (width<=380px){.selected-scene-content{grid-template-columns:66px minmax(0,1fr)}.selected-scene-content>img{width:66px;height:52px}.selected-scene-content .iconless-button{grid-column:2;justify-self:start}.scene-entry-actions{grid-template-columns:1fr}}.start-scene-module{background:#0a0f0f38;border:1px solid #ffffff24;border-radius:16px;margin-top:11px;padding:12px}.start-scene-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.start-scene-kicker{color:var(--mint);letter-spacing:.12em;margin:0 0 3px;font-size:10px;font-weight:700}.start-scene-heading h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:500}.start-scene-heading .text-button{color:var(--mint);flex:none}.start-recommendation-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.start-recommendation-list .scene-card{border-radius:12px}.start-recommendation-list .scene-card-image{aspect-ratio:1.35}.start-recommendation-list .scene-card-copy{gap:3px;padding:8px 8px 9px}.start-recommendation-list .scene-card-copy strong{font-size:11px}.start-recommendation-list .card-favorite{min-height:24px;padding-inline:6px;font-size:9px;top:6px;right:6px}.start-scene-entry-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.start-scene-entry{min-width:0;min-height:62px;color:var(--ink);text-align:left;cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);background:#ffffff0b;border:1px solid #ffffff21;border-radius:11px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;display:grid}.start-scene-entry-image-wrap{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;width:58px;height:44px;display:block;overflow:hidden}.start-scene-entry-image{object-fit:cover;width:100%;height:100%;display:block}.start-scene-entry-placeholder{color:#f9f7f066;place-items:center;width:100%;height:100%;font-size:10px;display:grid}.start-scene-entry-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.start-scene-entry-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.start-scene-entry-copy small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.start-scene-empty{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;padding:16px 4px;font-size:11px}.scene-discovery-section{background:#0a0f0f3d;border:1px solid #ffffff24;border-radius:20px;padding:20px}.scene-discovery-heading{align-items:flex-start;margin-bottom:17px}.scene-discovery-heading h2{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:500}.scene-discovery-heading p:not(.eyebrow){max-width:620px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.scene-discovery-heading .text-button{color:var(--mint);flex:none}.browser-toolbar{align-items:center;margin:0 0 14px}.browser-toolbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.scene-search{min-width:min(260px,28vw);display:block;position:relative}.scene-search-icon{width:15px;height:15px;color:var(--muted);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scene-search input{width:100%;height:42px;color:var(--ink);background:#ffffff14;border:1px solid #fff3;border-radius:12px;outline:none;padding:0 13px 0 40px;font-size:11px;transition:border-color .2s,background .2s,box-shadow .2s}.scene-search input::placeholder{color:#f9f7f078}.scene-search input:focus{border-color:rgba(var(--mint-rgb), .78);box-shadow:0 0 0 3px rgba(var(--mint-rgb), .1);background:#ffffff1f}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.category-filter-row{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin:0 0 16px;padding-top:13px;display:flex}.filter-label{color:var(--muted);flex:none;font-size:11px}.category-tabs{scrollbar-width:thin;gap:6px;min-width:0;padding-bottom:3px;display:flex;overflow-x:auto}.category-tab{min-height:32px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff09;border:1px solid #ffffff1f;border-radius:999px;flex:none;padding:6px 10px;font-size:10px;transition:background .2s,color .2s,border-color .2s}.category-tab:hover{color:var(--ink);background:#ffffff14;border-color:#ffffff52}.category-tab[aria-selected=true]{color:var(--mint-dark);border-color:var(--mint);background:var(--mint)}.browser-feed,.scene-rail-wrap{min-width:0}.scene-rail{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;gap:12px;min-width:0;padding:1px 2px 9px;display:flex;overflow-x:auto}.scene-card-rail{scroll-snap-align:start;flex:0 0 30%}.rail-hint{color:var(--muted);text-align:right;margin:4px 2px 0;font-size:10px}.scene-card-category{border:1px solid rgba(var(--mint-rgb), .28);width:fit-content;color:var(--mint);background:rgba(var(--mint-rgb), .08);border-radius:999px;align-self:flex-start;padding:3px 6px;font-size:9px;line-height:1}.scene-browser-grid{margin-top:2px}@media (width<=760px){.start-recommendation-list{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(112px,1fr));padding-bottom:3px;overflow-x:auto}.scene-discovery-section{padding:15px}.scene-discovery-heading h2{font-size:19px}.scene-discovery-heading p:not(.eyebrow){font-size:11px}.browser-toolbar{flex-direction:column;align-items:stretch;gap:10px}.browser-toolbar-actions{flex-wrap:wrap;justify-content:stretch}.browser-toolbar-actions .scene-search{flex:100%;min-width:100%}.browser-toolbar-actions .quiet-button{flex:1 1 0}.scene-tabs{width:100%}.category-filter-row{flex-direction:column;align-items:flex-start;gap:7px}.category-tabs{width:100%}.scene-card-rail{flex-basis:78%}}@media (width<=380px){.start-scene-entry-row{grid-template-columns:1fr}.browser-toolbar-actions .quiet-button{flex-basis:100%}}.records-view{max-width:1120px}.records-heading{margin-bottom:22px}.records-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.records-period-caption{color:var(--muted);margin:0 0 4px;font-size:11px}.records-period-label{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.period-tabs{background:#0a0f0f38;border:1px solid #ffffff1f;border-radius:12px;gap:3px;padding:4px;display:flex}.period-tab{min-height:34px;color:var(--muted);cursor:pointer;transition:color .2s ease, background .2s ease, transform .18s var(--ease);background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:11px}.period-tab:hover{color:var(--ink);background:#ffffff14}.period-tab:active{transform:scale(.97)}.period-tab[aria-selected=true]{color:var(--mint-dark);background:var(--mint)}.record-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.record-metric{background:#0a0f0f3d;border:1px solid #ffffff21;border-radius:16px;min-width:0;padding:17px 18px 15px}.record-metric span,.record-metric small{color:var(--muted);font-size:11px;display:block}.record-metric strong{color:var(--ink);font-variant-numeric:tabular-nums;margin:10px 0 4px;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1;display:block}.record-metric small{color:#f9f7f07a;font-size:10px}.records-main-grid{grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);gap:14px;display:grid}.records-card{background:#0a0f0f3d;border:1px solid #ffffff21;border-radius:20px;min-width:0;padding:20px}.records-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.records-card-heading h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:500}.records-card-heading p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.45}.custom-period-form{background:#0a0f0f33;border:1px solid #ffffff1c;border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:10px;margin:-2px 0 16px;padding:14px 16px;display:grid}.custom-period-form label{min-width:0;color:var(--muted);gap:6px;font-size:10px;display:grid}.custom-period-form input{width:100%;min-height:38px;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;outline:none;padding:0 10px;font-size:11px}.custom-period-form input:focus{border-color:rgba(var(--mint-rgb), .78);box-shadow:0 0 0 3px rgba(var(--mint-rgb), .1)}.custom-period-separator{color:var(--muted);padding-bottom:11px;font-size:11px}.custom-period-apply{min-width:76px;min-height:38px}.custom-period-error{color:#ffd0c3;grid-column:1/-1;min-height:0;margin:0;font-size:10px;line-height:1.4}.records-chart{grid-template-columns:repeat(var(--chart-columns,7), minmax(0, 1fr));align-items:end;gap:9px;min-height:208px;margin-top:17px;padding-top:8px;display:grid}.chart-column{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-width:0;height:190px;display:grid}.chart-bar-button{cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:flex-end;width:100%;height:100%;padding:0;display:flex}.chart-bar-track{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.chart-bar{width:min(34px,72%);height:var(--bar-height);background:rgba(var(--mint-rgb), .72);min-height:8px;box-shadow:0 6px 20px rgba(var(--mint-rgb), .08);transition:height .35s var(--ease), background .2s ease, transform .2s var(--ease);border-radius:8px 8px 5px 5px;display:block}.chart-bar-button:hover .chart-bar,.chart-bar-button:focus-visible .chart-bar{background:var(--mint);transform:translateY(-2px)}.chart-column-label{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.records-list{margin-top:14px}.record-row{border-bottom:1px solid #ffffff1a;padding:13px 0}.record-row:first-child{padding-top:0}.record-row:last-child{border-bottom:0;padding-bottom:0}.record-row-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.record-row-heading strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.record-row-meta,.record-row p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:10px;line-height:1.5;overflow:hidden}.record-status{color:var(--mint);flex:none;font-size:10px}.record-row-incomplete .record-status{color:var(--danger)}.records-empty{justify-items:start;gap:8px;padding:22px 0 4px;display:grid}.records-empty strong{color:var(--ink);font-size:13px;font-weight:500}.records-empty p{max-width:270px;color:var(--muted);margin:0 0 5px;font-size:11px;line-height:1.55}.records-empty .quiet-button{min-height:38px}@media (width<=760px){.mobile-nav{grid-template-columns:repeat(4,1fr)}.records-view{max-height:calc(100dvh - 104px);padding-bottom:88px}.records-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.period-tabs{width:100%}.period-tab{flex:1 1 0}.custom-period-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:13px 12px}.custom-period-separator{display:none}.custom-period-apply{grid-column:1/-1;width:100%}.record-metric-grid{gap:7px}.record-metric{border-radius:14px;padding:14px 10px 13px}.record-metric strong{margin-top:9px;font-size:25px}.record-metric span{font-size:10px}.record-metric small{font-size:9px}.records-main-grid{grid-template-columns:1fr;gap:10px}.records-card{border-radius:17px;padding:16px 14px}.records-chart{gap:6px;min-height:184px}.chart-column{height:166px}.chart-bar{width:min(28px,70%)}}@media (width>=761px) and (width<=920px){.records-main-grid{grid-template-columns:1fr}.scene-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browser-toolbar{flex-direction:column;align-items:stretch;gap:10px}.browser-toolbar-actions{justify-content:flex-start;width:100%}.scene-search{flex:260px}}@media (width<=920px) and (orientation:landscape) and (height<=560px){body[data-view=focus] .app-shell{padding:16px 24px}.focus-heading{margin-bottom:10px}.countdown-wrap{width:min(52vh,260px)}.countdown-copy strong{font-size:clamp(48px,14vh,76px)}.countdown-copy span{margin-top:8px}.focus-controls,.focus-audio-control{margin-top:12px}}@media (pointer:coarse),(width<=760px){.nav-button,.scene-tab,.category-tab,.period-tab,.iconless-button,.text-button{min-height:44px}.card-favorite{min-width:44px;min-height:44px;padding-inline:8px}.start-recommendation-list .card-favorite{min-width:44px;min-height:44px}.duration-range,.ambient-range{touch-action:none;height:44px}.scene-search input{height:44px}}@media (width<=760px){.scene-search input,.account-field input,.custom-period-form input{font-size:16px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel,.quiet-button,.danger-button,.card-favorite,.mobile-nav,.confirm-dialog,.toast{background-color:#181f1feb}.confirm-backdrop{background-color:#000000a8}}.panel-scroll-content::-webkit-scrollbar{width:8px;height:8px}.surface-scroll-content::-webkit-scrollbar{width:8px;height:8px}.scene-tabs::-webkit-scrollbar{width:8px;height:8px}.category-tabs::-webkit-scrollbar{width:8px;height:8px}.scene-rail::-webkit-scrollbar{width:8px;height:8px}.panel-scroll-content::-webkit-scrollbar-track{background:0 0}.surface-scroll-content::-webkit-scrollbar-track{background:0 0}.scene-tabs::-webkit-scrollbar-track{background:0 0}.category-tabs::-webkit-scrollbar-track{background:0 0}.scene-rail::-webkit-scrollbar-track{background:0 0}.panel-scroll-content::-webkit-scrollbar-thumb{background:#ffffff4d padding-box padding-box;border:2px solid #0000;border-radius:999px}.surface-scroll-content::-webkit-scrollbar-thumb{background:#ffffff4d padding-box padding-box;border:2px solid #0000;border-radius:999px}.scene-tabs::-webkit-scrollbar-thumb{background:#ffffff4d padding-box padding-box;border:2px solid #0000;border-radius:999px}.category-tabs::-webkit-scrollbar-thumb{background:#ffffff4d padding-box padding-box;border:2px solid #0000;border-radius:999px}.scene-rail::-webkit-scrollbar-thumb{background:#ffffff4d padding-box padding-box;border:2px solid #0000;border-radius:999px}