@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2) format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2) format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2) format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2) format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff")}:root{font-family:Figtree,system-ui,sans-serif;color:var(--ink);background:var(--bg-mid);font-synthesis:none;text-rendering:optimizeLegibility;--ink: #173c56;--muted: #607f95;--soft-muted: #87a5b9;--bg-start: #f7fcff;--bg-mid: #e8f4fb;--bg-end: #d6eaf7;--surface: rgba(251,254,255,.68);--surface-strong: rgba(255,255,255,.78);--surface-border: rgba(255,255,255,.62);--line: rgba(35,94,128,.12);--orb-start: #8dcaeb;--orb-end: #4d91b9;--orb-text: #f7fcff;--active-control: #347ca5;--active-control-text: #f7fcff;--panel: rgba(252,254,255,.97);--shadow: rgba(35,94,128,.16)}:root[data-theme=deep]{--ink: #edf8ff;--muted: #b5cfe0;--soft-muted: #94b4ca;--bg-start: #1f4965;--bg-mid: #12364f;--bg-end: #08263a;--surface: rgba(27,67,94,.72);--surface-strong: rgba(56,96,123,.72);--surface-border: rgba(232,247,255,.14);--line: rgba(232,247,255,.12);--orb-start: #e2f5ff;--orb-end: #b2ddf2;--orb-text: #12364f;--active-control: #d5efff;--active-control-text: #12364f;--panel: rgba(12,40,59,.97);--shadow: rgba(0,0,0,.34)}:root[data-theme=mist]{--ink: #23465f;--muted: #6c8da4;--soft-muted: #8ba9bc;--bg-start: #fbfeff;--bg-mid: #edf8fd;--bg-end: #dff2fb;--surface: rgba(255,255,255,.62);--surface-strong: rgba(255,255,255,.86);--surface-border: rgba(255,255,255,.68);--line: rgba(47,112,148,.1);--orb-start: #92c9e6;--orb-end: #5599c0;--orb-text: #f8fdff;--active-control: #4d90b7;--active-control-text: #f8fdff;--panel: rgba(252,254,255,.97);--shadow: rgba(47,112,148,.15)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-mid)}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app{--active-tone: #8cc8ea;position:relative;min-height:100svh;overflow:hidden;padding:28px clamp(22px,5vw,72px) 24px;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--active-tone) 18%,transparent) 0,transparent 27%),linear-gradient(145deg,var(--bg-start) 0%,var(--bg-mid) 48%,var(--bg-end) 100%);color:var(--ink);transition:background .8s ease,color .3s ease}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.ambient{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(255,255,255,.35)}.ambient-one{width:42vw;height:42vw;right:-26vw;top:10vh;background:#ffffff21}.ambient-two{width:24vw;height:24vw;left:-14vw;bottom:5vh;background:#6ab7df29}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1360px;margin:auto}.topbar p{margin:0;color:var(--muted);font:500 12px/1 Figtree,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:20px}.install-button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:18px;cursor:pointer;background:var(--surface);font:600 11px/1 Figtree,system-ui,sans-serif;transition:background .2s ease,transform .2s ease}.install-button:hover{background:var(--surface-strong);transform:translateY(-1px)}.install-button:focus-visible,.install-help button:focus-visible,.update-toast button:focus-visible{outline:2px solid #4e94be;outline-offset:3px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:600 19px/1 Figtree,system-ui,sans-serif;letter-spacing:-.02em}.brand-mark{display:block;width:34px;height:34px}.brand-mark img{display:block;width:100%;height:100%}.install-help{position:relative;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;width:min(520px,calc(100% - 36px));margin:18px auto 0;padding:15px 17px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 18px 50px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left}.install-help strong{font:600 13px/1.2 Figtree,system-ui,sans-serif}.install-help p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.install-help button{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#18425b0f}.player-shell{position:relative;z-index:1;width:min(1080px,100%);margin:clamp(38px,6vh,76px) auto 0;text-align:center}.intro{max-width:600px;margin:auto}.kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted);font:600 11px/1 Figtree,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}.intro h1{margin:0;font:600 clamp(44px,6vw,76px)/.94 "Figtree",system-ui,sans-serif;letter-spacing:-.065em}.intro h1 em{color:color-mix(in srgb,var(--ink) 62%,var(--active-tone));font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.03em}.intro>p{max-width:430px;margin:20px auto 0;color:var(--muted);font-size:15px;line-height:1.65}.orb-wrap{position:relative;display:grid;place-items:center;width:254px;height:254px;margin:40px auto 0}.breath-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--shadow) 75%,transparent));transform:scale(.88);transform-origin:center;transition:transform var(--phase-duration, .8s) cubic-bezier(.32,.72,.24,1),filter var(--phase-duration, .8s) ease}.breath-wave-guide{fill:none;stroke:color-mix(in srgb,var(--active-tone) 44%,transparent);stroke-width:.75}.breath-wave-guide-outer{stroke:color-mix(in srgb,var(--active-tone) 28%,transparent);stroke-dasharray:1.5 6}.breath-wave-bars{transform:scale(.9);transform-box:view-box;transform-origin:center;transition:transform var(--phase-duration, .8s) cubic-bezier(.32,.72,.24,1)}.breath-wave-bars line{stroke-width:2.25;stroke-linecap:round}.breath-wave-core{fill:url(#breath-wave-core);stroke:color-mix(in srgb,white 52%,var(--active-tone));stroke-width:.8}.orb-wrap.is-playing .breath-wave{filter:drop-shadow(0 20px 35px color-mix(in srgb,var(--active-tone) 28%,transparent))}.orb-wrap.is-playing.inhale .breath-wave{transform:scale(1.04)}.orb-wrap.is-playing.hold .breath-wave{transform:scale(1.02)}.orb-wrap.is-playing.exhale .breath-wave{transform:scale(.88)}.orb-wrap.is-playing.rest .breath-wave{transform:scale(.82)}.orb-wrap.is-playing.inhale .breath-wave-bars{transform:scale(1.15)}.orb-wrap.is-playing.hold .breath-wave-bars{transform:scale(1.1)}.orb-wrap.is-playing.exhale .breath-wave-bars{transform:scale(.92)}.orb-wrap.is-playing.rest .breath-wave-bars{transform:scale(.86)}.breath-instruction{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#173c56;pointer-events:none;transform:scale(.84)}.breath-instruction>span{color:color-mix(in srgb,#173c56 70%,transparent);font:600 9px/1 Figtree,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.breath-instruction strong{min-width:40px;color:#173c56;font:600 46px/.88 Figtree,system-ui,sans-serif;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.breath-instruction small{color:color-mix(in srgb,#173c56 78%,transparent);font:500 9px/1 Figtree,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}.session-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin:16px auto 0;padding:0 16px;border:1px solid var(--line);border-radius:999px;cursor:pointer;color:var(--active-control-text);background:var(--active-control);box-shadow:0 10px 24px color-mix(in srgb,var(--shadow) 55%,transparent);font:600 11px/1 Figtree,system-ui,sans-serif;transition:transform .2s ease,background .2s ease}.session-toggle:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--active-control) 88%,black)}.session-toggle:focus-visible{outline:3px solid var(--active-tone);outline-offset:4px}.session-toggle .loader{width:14px;height:14px;border-width:2px}.loader{width:34px;height:34px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.time-readout{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:14px}.time-readout span{font:500 25px/1 Figtree,system-ui,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.time-readout small{color:var(--soft-muted);font:600 9px/1 Figtree,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}.binaural-status{display:inline-flex;align-items:center;gap:6px;min-height:27px;margin:11px auto 0;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface);font:600 9px/1 Figtree,system-ui,sans-serif;letter-spacing:.04em}.binaural-status.is-active{border-color:color-mix(in srgb,var(--active-tone) 55%,var(--line));color:var(--ink);background:color-mix(in srgb,var(--active-tone) 10%,var(--surface))}.error{color:#8c3d39;font-size:13px}.controls-card{margin-top:32px;padding:10px;border:1px solid var(--surface-border);border-radius:28px;background:var(--surface);box-shadow:0 24px 70px var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,270px));justify-content:center;gap:7px}.breath-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.breath-option{min-height:57px;padding:11px 14px;border:1px solid transparent;border-radius:17px;cursor:pointer;color:var(--muted);background:transparent;text-align:left;transition:.2s ease}.breath-option:hover{background:#ffffff7a}.breath-option.active{border-color:var(--line);color:var(--ink);background:var(--surface-strong);box-shadow:0 8px 26px var(--shadow)}.breath-option span{display:flex;flex-direction:column;gap:5px;font:600 12px/1.2 Figtree,system-ui,sans-serif}.breath-option small{color:var(--soft-muted);font:500 8px/1 Figtree,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.sound-option{display:flex;align-items:center;gap:11px;min-height:70px;padding:12px 15px;border:1px solid transparent;border-radius:20px;text-align:left;cursor:pointer;background:transparent;transition:.2s ease}.sound-option:hover{background:#ffffff7a}.sound-option.active{border-color:var(--line);background:var(--surface-strong);box-shadow:0 8px 26px var(--shadow)}.sound-option>span:nth-child(2){display:flex;flex-direction:column;min-width:0;font:600 13px/1.2 Figtree,system-ui,sans-serif;white-space:nowrap}.sound-option small{margin-bottom:5px;color:var(--soft-muted);font:500 8px/1 Figtree,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.sound-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 9%,transparent)}.mini-wave{display:none;align-items:center;gap:2px;margin-left:auto}.sound-option.active .mini-wave{display:flex}.mini-wave b{width:2px;height:7px;border-radius:2px;background:#6fb4db;animation:wave .9s ease-in-out infinite alternate}.mini-wave b:nth-child(2){height:13px;animation-delay:.2s}.mini-wave b:nth-child(3){height:9px;animation-delay:.4s}.mini-wave b:nth-child(4){height:5px;animation-delay:.1s}@keyframes wave{to{transform:scaleY(.45)}}.control-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 13px 7px;border-top:1px solid var(--line)}.volume-control,.timer-control{display:flex;align-items:center;gap:10px;color:var(--muted)}.volume-control label{display:flex;width:min(24vw,240px)}input[type=range]{width:100%;accent-color:#4e94be;cursor:pointer}.volume-control output{width:37px;color:var(--muted);font:600 10px/1 Figtree,system-ui,sans-serif}.timer-control{padding:4px;border-radius:14px}.timer-control>svg{margin-right:2px}.timer-control button{display:grid;place-items:center;min-width:44px;height:34px;padding:0 10px;border:0;border-radius:10px;cursor:pointer;color:var(--muted);background:transparent;font:600 10px/1 Figtree,system-ui,sans-serif}.timer-control button:hover{background:#ffffff80}.timer-control button.active{color:var(--active-control-text);background:var(--active-control)}.sound-description{margin:17px 0 0;color:var(--soft-muted);font-size:12px}footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:31px;color:var(--soft-muted);font:500 9px/1 Figtree,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}.footer-dot{width:3px;height:3px;border-radius:50%;background:#86b9d5}.about-disclosure{position:relative;z-index:1;width:min(760px,100%);margin:18px auto 0;color:var(--muted)}.about-disclosure summary{width:fit-content;margin:auto;padding:7px 12px;border-radius:14px;cursor:pointer;list-style:none;font:600 10px/1 Figtree,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease,background .2s ease}.about-disclosure summary::-webkit-details-marker{display:none}.about-disclosure summary:after{content:"+";display:inline-block;margin-left:7px;font-size:13px;transition:transform .2s ease}.about-disclosure[open] summary:after{transform:rotate(45deg)}.about-disclosure summary:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.about-disclosure summary:focus-visible{outline:2px solid var(--active-tone);outline-offset:3px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:22px 34px;margin-top:14px;padding:25px 27px;border:1px solid var(--surface-border);border-radius:22px;background:var(--surface);box-shadow:0 18px 55px var(--shadow);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-content section h2{margin:0 0 7px;color:var(--ink);font:600 12px/1.2 Figtree,system-ui,sans-serif}.about-content section p{margin:0;font-size:11px;line-height:1.6}.about-content section a{color:var(--ink);text-underline-offset:3px}.feedback-link{grid-column:1 / -1;margin:0;padding-top:17px;border-top:1px solid var(--line);font-size:11px;text-align:center}.feedback-link a{color:var(--ink);font-weight:600;text-underline-offset:3px}.update-toast{position:fixed;z-index:5;right:22px;bottom:22px;display:flex;align-items:center;gap:18px;max-width:min(460px,calc(100vw - 36px));padding:14px 15px 14px 18px;border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#f5fbff;background:#194968;box-shadow:0 20px 60px #0a273a4d;font-size:12px}.update-toast span{line-height:1.45}.update-toast strong{display:block}.update-toast button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:0;border-radius:10px;cursor:pointer;color:#163b55;background:#d9f0ff;font:600 11px/1 Figtree,system-ui,sans-serif}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;cursor:pointer;color:var(--ink);background:var(--surface)}.icon-button:hover{background:var(--surface-strong)}.icon-button:focus-visible,.mode-row button:focus-visible,.pomodoro-actions button:focus-visible,.custom-timer button:focus-visible,.theme-grid button:focus-visible,.sheet-header button:focus-visible{outline:2px solid var(--active-tone);outline-offset:3px}.mode-row{display:flex;justify-content:center;gap:4px;width:fit-content;margin:0 auto 9px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--ink) 6%,transparent)}.mode-row button{min-height:32px;padding:0 15px;border:0;border-radius:10px;cursor:pointer;color:var(--muted);background:transparent;font:600 10px/1 Figtree,system-ui,sans-serif}.mode-row button.active{color:var(--active-control-text);background:var(--active-control)}.timer-wrap{position:relative}.custom-timer{position:absolute;z-index:3;right:0;top:calc(100% + 10px);display:flex;align-items:flex-end;gap:8px;width:224px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 16px 45px var(--shadow)}.custom-timer label{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:var(--muted);font:600 9px/1 Figtree,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}.custom-timer input{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface-strong)}.custom-timer button{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border:0;border-radius:9px;cursor:pointer;color:var(--active-control-text);background:var(--active-control);font:600 10px/1 Figtree,system-ui,sans-serif}.pomodoro-actions{display:flex;justify-content:flex-end;gap:8px;padding:9px 13px 2px;border-top:1px solid var(--line)}.pomodoro-actions button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:9px;cursor:pointer;color:var(--muted);background:transparent;font:600 10px/1 Figtree,system-ui,sans-serif}.pomodoro-actions button:hover{color:var(--ink);background:var(--surface-strong)}.completion-toast{position:fixed;z-index:5;left:50%;bottom:22px;display:flex;align-items:center;gap:18px;min-height:52px;padding:10px 12px 10px 17px;border:1px solid var(--surface-border);border-radius:17px;color:var(--ink);background:var(--panel);box-shadow:0 18px 50px var(--shadow);transform:translate(-50%)}.completion-toast>span{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.completion-toast button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}.sheet-layer{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:default;background:#0a233457;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-sheet{position:relative;display:flex;flex-direction:column;width:min(430px,94vw);height:100%;color:var(--ink);background:var(--panel);box-shadow:-24px 0 70px #0e2c4138;animation:sheet-in .28s ease-out}@keyframes sheet-in{0%{transform:translate(30px);opacity:0}}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 18px;border-bottom:1px solid var(--line)}.sheet-header>div{display:flex;align-items:center;gap:11px}.sheet-header span{display:flex;flex-direction:column;font:600 17px/1.2 Figtree,system-ui,sans-serif}.sheet-header small{margin-bottom:3px;color:var(--muted);font:600 8px/1 Figtree,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.sheet-header button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}.sheet-content{overflow-y:auto;padding:5px 22px 36px}.setting-section{padding:22px 0;border-bottom:1px solid var(--line)}.setting-section:last-child{border-bottom:0}.setting-section h2{display:flex;align-items:center;gap:8px;margin:0 0 16px;font:600 12px/1 Figtree,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.setting-field{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;color:var(--muted);font-size:12px}.setting-field select{width:176px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface-strong)}.setting-field select:disabled{opacity:.45}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;cursor:pointer}.toggle-field>span{display:flex;flex-direction:column;gap:4px}.toggle-field b{font:500 12px/1.2 Figtree,system-ui,sans-serif}.toggle-field small{color:var(--muted);font-size:10px;line-height:1.4}.toggle-field input{width:34px;height:19px;accent-color:var(--active-control)}.toggle-field[aria-disabled=true]{cursor:not-allowed;opacity:.55}.setting-error{margin:5px 0 0;color:#a44d47;font-size:11px}.setting-note{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.setting-note svg{flex:0 0 auto;margin-top:1px}.binaural-description{margin:9px 0 0;padding:10px 11px;border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--ink) 5%,transparent);font-size:10px;line-height:1.5}.number-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.number-grid label{position:relative;display:grid;grid-template-columns:1fr 56px auto;align-items:center;gap:5px;min-height:42px;padding:0 9px 0 11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:10px}.number-grid input{width:56px;height:28px;border:0;border-radius:7px;color:var(--ink);background:var(--surface-strong);text-align:center}.number-grid small{font-size:9px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-grid button{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:11px;cursor:pointer;color:var(--muted);background:transparent;font:600 11px/1 Figtree,system-ui,sans-serif}.theme-grid button.active{color:var(--ink);background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--active-tone)}.theme-grid i{width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#e8f4fb 50%,#12364f 50%)}.theme-grid i[data-theme-swatch=rill]{background:#e8f4fb}.theme-grid i[data-theme-swatch=deep]{background:#12364f}.theme-grid i[data-theme-swatch=mist]{background:#edf8fd}.shortcut-section.highlighted{animation:shortcut-glow 1.2s ease}@keyframes shortcut-glow{35%{background:color-mix(in srgb,var(--active-tone) 12%,transparent)}}.shortcut-section dl{margin:0}.shortcut-section dl div{display:flex;align-items:center;justify-content:space-between;min-height:33px;color:var(--muted);font-size:11px}.shortcut-section dt{min-width:54px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface-strong);font:600 9px/1 Figtree,system-ui,sans-serif;text-align:center}.shortcut-section dd{margin:0}@media(max-width:800px){.app{padding:22px 18px 20px;overflow-y:auto}.topbar p{display:none}.topbar-actions{gap:0}.player-shell{margin-top:34px}.intro h1{font-size:clamp(42px,13vw,60px)}.intro>p{padding:0 18px;font-size:14px}.orb-wrap{width:218px;height:218px;margin-top:30px}.controls-card{padding:8px}.breath-grid{grid-template-columns:1fr}.sound-grid{grid-template-columns:minmax(0,360px)}.control-row{align-items:stretch;flex-direction:column;gap:15px;padding-top:14px}.volume-control label{width:100%}.timer-control{justify-content:center}.timer-wrap{width:100%}.custom-timer{right:50%;transform:translate(50%)}.pomodoro-actions{justify-content:center}footer{flex-wrap:wrap;line-height:1.5}.about-content{grid-template-columns:1fr;gap:18px;padding:22px}.feedback-link{grid-column:auto}.analytics-notice{right:14px;bottom:14px;left:14px;width:auto}.update-toast{right:18px;bottom:18px;left:18px;justify-content:space-between}.sheet-layer{align-items:flex-end}.settings-sheet{width:100%;height:min(84svh,760px);border-radius:24px 24px 0 0;box-shadow:0 -24px 70px #0e2c4138;animation-name:sheet-up}@keyframes sheet-up{0%{transform:translateY(30px);opacity:0}}}@media(max-width:420px){.install-button{width:36px;padding:0;justify-content:center;font-size:0}.kicker{margin-bottom:14px}.intro h1{font-size:44px}.orb-wrap{width:202px;height:202px;margin-top:26px;margin-bottom:0}.play-orb{width:164px;height:164px}.sound-option{min-height:65px;padding:10px}.timer-control button{min-width:40px;padding:0 7px}.timer-control button:last-child{min-width:54px}.number-grid{grid-template-columns:1fr}.completion-toast{right:14px;bottom:14px;left:14px;justify-content:space-between;transform:none}.completion-toast>span{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}