@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karla Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/karla-latin-ext-wght-normal-Dq0rrjgs.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karla Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/karla-latin-wght-normal-C3-ma4ov.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0}:root{--font-display:"Fraunces Variable", Georgia, serif;--font-body:"Karla Variable", system-ui, sans-serif;--z-banner:20;--z-drag:40;--z-toast:60}:root,:root[data-theme=dark]{--bg:#0b0f0b;--bg-raised:#121a13;--bg-panel:#0e140e;--ink:#dae3d4;--ink-muted:#a7b5a0;--ink-faint:#98a88e;--moss:#8fb37f;--moss-deep:#4f7a52;--moss-text:#7ba876;--ember:#d99a62;--danger:#e59386;--line:#223126;--focus:#b7d3a8;--room-floor-in:#19241b;--room-floor-mid:#101710;--room-floor-out:#0c110c;--room-ring:#1c291f;--room-halo:#9cb890;--listener-in:#e9f1de;--listener-out:#9cb890;--orb-in:#9fc290;--orb-out:#3f5f3e;--orb-stroke:#1b271c;--ghost:#a8765a;--app-glow:#101710;--gate-glow-1:#111a12;--gate-glow-orb:#8fb37f14;--active-wash:#17211772;--cta-hover:#17211790;--shadow-strong:#0008}:root[data-theme=light]{--bg:#f4f6f0;--bg-raised:#fff;--bg-panel:#eaeee4;--ink:#1b2418;--ink-muted:#41513c;--ink-faint:#454f3c;--moss:#2f5c33;--moss-deep:#4f7a52;--moss-text:#356437;--ember:#7d4715;--danger:#8a3025;--line:#d3dbcb;--focus:#255028;--room-floor-in:#e4ecdd;--room-floor-mid:#eef2ea;--room-floor-out:#f4f6f0;--room-ring:#d3dbcb;--room-halo:#3a6b3e;--listener-in:#2f5c33;--listener-out:#4f7a52;--orb-in:#6a9a5f;--orb-out:#35592f;--orb-stroke:#223126;--ghost:#9a5a1f;--app-glow:#eef3e8;--gate-glow-1:#eaf0e2;--gate-glow-orb:#3a6b3e14;--active-wash:#d5ddca8c;--cta-hover:#e3ebd980;--shadow-strong:#2c3a2c40}@media (prefers-color-scheme:light){:root{--bg:#f4f6f0;--bg-raised:#fff;--bg-panel:#eaeee4;--ink:#1b2418;--ink-muted:#41513c;--ink-faint:#454f3c;--moss:#2f5c33;--moss-deep:#4f7a52;--moss-text:#356437;--ember:#7d4715;--danger:#8a3025;--line:#d3dbcb;--focus:#255028;--room-floor-in:#e4ecdd;--room-floor-mid:#eef2ea;--room-floor-out:#f4f6f0;--room-ring:#d3dbcb;--room-halo:#3a6b3e;--listener-in:#2f5c33;--listener-out:#4f7a52;--orb-in:#6a9a5f;--orb-out:#35592f;--orb-stroke:#223126;--ghost:#9a5a1f;--app-glow:#eef3e8;--gate-glow-1:#eaf0e2;--gate-glow-orb:#3a6b3e14;--active-wash:#d5ddca8c;--cta-hover:#e3ebd980;--shadow-strong:#2c3a2c40}}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}button,input:not([type=range]),select{font:inherit;color:inherit;background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;min-height:38px;padding:7px 12px;transition:border-color .18s ease-out,background .18s ease-out,color .18s ease-out}input[type=range]{width:100%;accent-color:var(--moss);background:0 0;border:none;padding:0}button{cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--moss-deep);color:var(--moss)}button:active:not(:disabled){background:#17211772}button:disabled{opacity:.45;cursor:not-allowed}select{cursor:pointer}input::placeholder{color:var(--ink-faint)}label{color:var(--ink-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}a{color:var(--moss)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (pointer:coarse){button,input:not([type=range]),select{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{background:radial-gradient(1100px 700px at 32% 24%, var(--app-glow), var(--bg));grid-template-columns:1fr 300px;height:100dvh;display:grid}.room{touch-action:none;width:100%;height:100%;display:block}.room-floor{fill:url(#floor-grad);stroke:var(--line);stroke-width:.008px}.room-ring{fill:none;stroke:var(--room-ring);stroke-width:.004px}.listener-halo{fill:var(--room-halo);opacity:.1}.listener{fill:url(#listener-grad)}.orb circle{fill:url(#orb-grad);stroke:var(--orb-stroke);stroke-width:.006px;cursor:grab;transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite breathe}.orb circle:active{cursor:grabbing}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.orb.selected circle{stroke:var(--focus);stroke-width:.01px}.orb text{fill:var(--ink-faint);font-size:.062px;font-family:var(--font-body);letter-spacing:.002px}.orb.ghost circle{fill:none;stroke:var(--ghost);stroke-width:.012px;stroke-dasharray:.04 .025;animation:none}.orb.ghost text{fill:var(--ghost)}.library{border-left:1px solid var(--line);background:var(--bg-panel);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;display:flex;overflow-y:auto}.sidebar-tabs{z-index:1;background:var(--bg-panel);border-bottom:1px solid var(--line);gap:2px;padding:14px 18px 12px;display:flex;position:sticky;top:0}.sidebar-tab{min-height:34px;color:var(--ink-faint);background:0 0;border:none;border-radius:8px;flex:1;padding:5px 8px;font-size:13px;transition:background .18s ease-out,color .18s ease-out}.sidebar-tab:hover:not(.active){color:var(--ink-muted)}.sidebar-tab.active{background:var(--bg-raised);color:var(--moss);font-weight:500}.tab-panel{flex-direction:column;gap:22px;padding:20px 18px;display:flex}.tab-panel>*{animation:.32s ease-out backwards rise}.tab-panel>:first-child{animation-delay:30ms}.tab-panel>:nth-child(2){animation-delay:70ms}.tab-panel>:nth-child(3){animation-delay:.11s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gesture-gate{background:radial-gradient(900px 600px at 50% 42%, var(--gate-glow-1), var(--bg));cursor:pointer;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.gate-glow{background:radial-gradient(circle, var(--gate-glow-orb) 0%, transparent 65%);pointer-events:none;border-radius:50%;width:420px;height:420px;animation:9s ease-in-out infinite drift;position:absolute}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translateY(-26px)scale(1.08)}}.gate-wordmark{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);font-size:46px;font-weight:500}.gate-sub{color:var(--ink-muted);font-size:15px}.gate-cta{border:1px solid var(--moss-deep);color:var(--moss);border-radius:999px;margin-top:18px;padding:10px 26px;font-size:14px;transition:background .18s ease-out}.gesture-gate:hover .gate-cta{background:var(--cta-hover)}.supporter-panel{border:1px solid var(--line);background:var(--bg-raised);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.playback-bar,.room-controls,.schedule-controls,.room-sounds,.library-panel{flex-direction:column;gap:8px;display:flex}.playback-row{gap:8px;display:flex}.playback-row button,.sleep-timer{flex:1}.volume-row input{width:100%}.section-title{font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:500;display:flex}summary.section-title{cursor:pointer;padding-bottom:2px;list-style:none}summary.section-title::-webkit-details-marker{display:none}summary.section-title:after{content:"";border-right:1.5px solid var(--ink-faint);border-bottom:1.5px solid var(--ink-faint);width:6px;height:6px;margin-left:auto;transition:transform .18s ease-out;transform:rotate(-45deg)}details[open]>summary.section-title:after{transform:rotate(45deg)}summary.section-title:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.section-count{text-align:center;background:var(--active-wash);min-width:20px;color:var(--ink-muted);font-family:var(--font-body);border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.room-actions{gap:6px;display:flex}.room-actions button{flex:1;min-height:34px;font-size:13px}.room-delete{min-height:34px;color:var(--ink-muted);font-size:13px}.room-delete:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.room-share{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:4px;padding-top:12px;display:flex}.schedule-entry{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.schedule-times{gap:6px;display:flex}.schedule-times input{flex:1;min-width:0}.schedule-note,.gate-note{color:var(--ink-faint);font-size:12px}.library-panel{flex-direction:column;gap:12px;display:flex}.library-group{flex-direction:column;gap:6px;display:flex}details.library-group{gap:0}.library-group-items{flex-direction:column;gap:6px;padding-top:6px;display:flex}.library-category{color:var(--ink-faint);letter-spacing:.12em;margin:0;font-size:11px;font-weight:400}summary.library-category{cursor:pointer;align-items:center;gap:6px;padding:6px 0;list-style:none;transition:color .18s ease-out;display:flex}summary.library-category::-webkit-details-marker{display:none}summary.library-category:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .18s ease-out;transform:rotate(-45deg)}details[open]>summary.library-category:before{transform:rotate(45deg)}summary.library-category:hover{color:var(--ink-muted)}summary.library-category:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.library-group button{text-align:left;justify-content:space-between;align-items:center;display:flex}.library-group button:not(:disabled),.imported-row button:not(:disabled){cursor:grab}body.dragging-sound,body.dragging-sound *{cursor:grabbing!important}.undo-toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--bg-raised);color:var(--ink);z-index:var(--z-toast);border-radius:10px;align-items:center;gap:12px;padding:10px 12px 10px 16px;font-size:14px;animation:.24s ease-out toast-rise;display:flex;position:fixed;transform:translate(-50%)}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.undo-toast-action{border-color:var(--moss-deep);min-height:30px;color:var(--moss);padding:4px 12px;font-size:13px}.undo-toast-close{min-height:30px;color:var(--ink-faint);background:0 0;border:none;padding:4px 8px;font-size:16px;line-height:1}.drag-ghost{background:radial-gradient(circle at 35% 30%, var(--orb-in), var(--orb-out));border:1px solid var(--orb-stroke);width:34px;height:34px;box-shadow:0 4px 14px var(--shadow-strong);pointer-events:none;z-index:var(--z-drag);border-radius:50%;margin:-17px 0 0 -17px;position:fixed}@media (prefers-reduced-motion:reduce){.drag-ghost{transition:none}}.room-sounds{gap:10px}.room-sound{background:var(--bg-raised);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;transition:border-color .18s ease-out,background .18s ease-out;display:flex}.room-sound.selected{border-color:var(--moss-deep);background:var(--active-wash)}.room-sound-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.room-sound-title{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.room-sound-head strong{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:500}.room-sound-position{color:var(--ink-faint);font-size:12px}.room-sound-slider{grid-template-columns:42px 1fr;align-items:center;gap:8px;display:grid}.room-sound-slider-label{color:var(--ink-faint);font-size:12px}.room-sound-remove{width:26px;height:26px;min-height:0;color:var(--ink-faint);background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:grid}.room-sound-remove:hover:not(:disabled){background:var(--active-wash);color:var(--danger)}@media (pointer:coarse){.room-sound-remove{width:44px;height:44px}}.sr-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cached-badge{color:var(--moss-text);margin-left:8px;font-size:11px}.in-room-count{border:1px solid var(--moss-deep);color:var(--moss);border-radius:999px;padding:1px 7px;font-size:11px}.imported-row{gap:6px;display:flex}.imported-row button:first-child{flex:1}.storage-error,.banner-error{color:var(--danger);font-size:13px}.banner-error{z-index:var(--z-banner);position:absolute;top:14px;left:14px}.storage-notice,.supporter-tag,.update-banner{color:var(--moss);font-size:13px}.theme-toggle{border:1px solid var(--line);background:var(--bg-raised);border-radius:10px;gap:4px;padding:4px;display:flex}.theme-option{min-height:32px;color:var(--ink-muted);background:0 0;border:none;border-radius:8px;flex:1;padding:4px 8px;font-size:13px}.theme-option:hover:not(.selected){color:var(--ink)}.theme-option.selected{background:var(--bg-panel);color:var(--moss);border:1px solid var(--line)}.update-banner{margin-top:auto}.supporter-tag{font-family:var(--font-display)}@media (width<=900px){.app{grid-template-columns:1fr clamp(240px,32vw,300px)}}@media (width<=620px){.app{grid-template-rows:min(50dvh,420px) 1fr;grid-template-columns:1fr}.library{border-left:none;border-top:1px solid var(--line);padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:max(20px, env(safe-area-inset-bottom))}.gate-wordmark{font-size:34px}}@media (width<=620px) and (aspect-ratio>=3/2){.app{grid-template-rows:1fr;grid-template-columns:1fr clamp(220px,42vw,300px)}.library{border-left:1px solid var(--line);border-top:none}}