@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-vietnamese-standard-normal-Rd0aZl9c.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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-ext-standard-normal-CQ1tG6In.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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-standard-normal-BMVx8nn_.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}:root{--font:"Mona Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--text-scale:1;--frame:#2a35e8;--accent:#2a35e8;--accent-text:#8f97ff;--on-accent:#fff;--on-frame:var(--on-accent);--on-frame-muted:color-mix(in srgb, var(--on-frame) 82%, var(--frame));--frame-line:color-mix(in srgb, var(--on-frame) 22%, var(--frame));--frame-hover:color-mix(in srgb, var(--on-frame) 13%, var(--frame));--frame-deep:color-mix(in srgb, #000 22%, var(--frame));--field:#fff;--field-ink:#07080f;--field-muted:#545867;--radius:10px;--radius-lg:16px;--radius-screen:14px;--gap:12px;--bar:42px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,:root[data-theme=dark]{--ground:#07080f;--field-ground:#07080f;--surface:#11131d;--surface-2:#191c2a;--line:#f2f3f71a;--line-strong:#f2f3f73d;--text:#f2f3f7;--muted:#a3a8ba;--ok:#4fd1a1;--live:#ff4a1f;--live-text:#ff8664;--danger:#cf3a2c;--danger-text:#ff9384;--shadow:0 2px 6px #0000004d, 0 24px 48px -24px #000c}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#f3f3ef;--field-ground:#f3f3ef;--surface:#fff;--surface-2:#f8f8f5;--line:#0c0d141a;--line-strong:#0c0d1442;--text:#0c0d14;--muted:#50545f;--ok:#0b7a55;--live:#e23a17;--live-text:#b52e10;--danger:#b3261e;--danger-text:#a3271c;--shadow:0 1px 3px #0c0d141f, 0 20px 40px -24px #0c0d1459}:root[data-density=compact]{--gap:8px;--bar:36px}:root[data-corners=sharp]{--radius:0px;--radius-lg:0px;--radius-screen:0px}*{box-sizing:border-box}html{font-size:calc(15px * var(--text-scale))}body{font-family:var(--font);color:var(--text);background:var(--frame);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-weight:430;line-height:1.45}::selection{background:var(--frame);color:var(--on-frame)}input,select,textarea,button{font:inherit;color:inherit}input,textarea{caret-color:var(--accent-text)}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.42}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=range]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb, var(--text) 20%, transparent);outline:none}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}a{color:var(--accent-text);text-underline-offset:3px}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:650}p{margin:0}kbd{min-width:1.7em;font:600 .8rem/1 var(--font);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);border-bottom-width:2px;border-radius:6px;place-items:center;padding:4px 6px;font-stretch:110%;display:inline-grid}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,.tile-open,.mark-open{transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease, border-color .15s ease, opacity .15s ease}button:active:not(:disabled){transform:scale(.97)}.primary{border-radius:var(--radius);background:var(--frame);min-height:44px;color:var(--on-frame);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:650;font-stretch:105%;display:inline-flex}.quiet{border-radius:var(--radius);min-height:38px;color:var(--text);border:1px solid var(--line-strong);align-items:center;gap:6px;padding:0 14px;font-weight:550;display:inline-flex}.quiet.small{min-height:32px;padding:0 12px;font-size:.9rem}.danger{border-radius:var(--radius);background:var(--danger);color:#fff;min-height:40px;padding:0 16px;font-weight:650}.danger-text{color:var(--danger-text)}.link{color:var(--accent-text);text-underline-offset:3px;padding:6px 0;font-weight:550;text-decoration:underline}.icon-button{border-radius:var(--radius);width:40px;height:40px;color:var(--text);flex:none;place-items:center;display:inline-grid}.icon-button.on{color:var(--accent-text);background:color-mix(in srgb, var(--frame) 22%, transparent)}.icon-button.small{width:32px;height:32px}@media (hover:hover) and (pointer:fine){.quiet:hover:not(:disabled){background:color-mix(in srgb, var(--text) 7%, transparent)}.icon-button:hover:not(:disabled){background:color-mix(in srgb, var(--text) 9%, transparent)}.primary:hover:not(:disabled){background:color-mix(in srgb, var(--on-frame) 10%, var(--frame))}}.error{color:var(--danger-text);font-weight:550}.empty{color:var(--muted)}input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=range]),select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);width:100%;min-height:42px;padding:0 12px;font-size:max(16px,1rem)}textarea{resize:vertical;padding:12px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=range]{accent-color:var(--accent-text)}.signal-field{background:var(--field-ground);width:100%;height:100%;display:block;position:absolute;inset:0}.welcome{isolation:isolate;background:var(--ground);min-height:100dvh;color:var(--text);grid-template-rows:auto 1fr auto;padding:clamp(18px,3vw,36px) clamp(16px,5vw,72px);display:grid;position:relative;overflow:hidden}.welcome-field{z-index:-1}.welcome-top{justify-content:flex-end;align-items:center;display:flex}.brand{color:var(--text);align-items:center;gap:10px;display:inline-flex}.brand-name{letter-spacing:-.02em;font-size:1.4rem;font-weight:800;font-stretch:118%}.brand-name span{font-weight:450;font-stretch:100%}.welcome .language{background:color-mix(in srgb, var(--surface) 70%, transparent)}.welcome-body{grid-template-columns:minmax(0,1fr) minmax(0,27rem);grid-template-areas:"word word""copy path";align-content:center;gap:8px clamp(24px,5vw,72px);padding:24px 0;display:grid}.welcome-lockup{color:var(--text);-webkit-user-select:none;user-select:none;grid-area:word;align-items:center;gap:.14em;min-width:0;margin:0 0 clamp(12px,2vw,24px);font-size:clamp(3rem,10.4vw,11.5rem);line-height:.85;display:flex}.welcome-lockup .mark{width:.92em;height:.92em;color:var(--text);flex:none}.lockup-name{letter-spacing:-.05em;white-space:nowrap;font-weight:850;font-stretch:125%}.lockup-name span{letter-spacing:-.03em;color:var(--accent-text);font-weight:380;font-stretch:100%}.welcome-copy{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);max-width:36rem;box-shadow:var(--shadow);grid-area:copy;align-self:start;padding:26px 28px 28px}.welcome-copy h1{letter-spacing:-.03em;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:750;font-stretch:112%;line-height:1.05}.welcome-copy>p{color:var(--muted);max-width:32rem;margin-top:12px;font-size:1.05rem}.invite-form{gap:8px;margin-top:24px;display:grid}.invite-form label{font-weight:650}.invite-row{gap:8px;display:flex}.invite-row input{letter-spacing:.08em;min-height:50px!important}.invite-row .primary{white-space:nowrap;min-height:50px}.welcome-copy .error{margin-top:14px}.signal-path{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);grid-area:path;align-self:start;margin:0;padding:24px}.signal-path ol{gap:18px;margin:0;padding:0;list-style:none;display:grid;position:relative}.signal-path ol:before{content:"";background:var(--line-strong);width:2px;position:absolute;top:10px;bottom:10px;left:7px}.signal-path li{align-items:center;gap:14px;font-weight:650;font-stretch:108%;display:flex;position:relative}.signal-path .node{background:var(--surface);border:2px solid var(--line-strong);border-radius:50%;flex:none;width:16px;height:16px;position:relative}.signal-path li.now{color:var(--text)}.signal-path li.now .node{background:var(--live);border-color:var(--live)}.signal-path li.now .node:after{content:"";border:2px solid var(--live);opacity:0;animation:onair 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-6px}.signal-path figcaption{color:var(--muted);margin-top:18px}.welcome-foot{color:var(--muted);align-items:center;gap:10px;font-size:.92rem;display:flex}.welcome-foot,.welcome-top{position:relative}.onair-dot{background:var(--live);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}@keyframes onair{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.browser{background:var(--frame);height:100dvh;color:var(--on-frame);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.deck{color:var(--on-frame)}.deck-top{align-items:center;gap:8px;min-height:48px;padding:6px 10px 0;display:flex}.brand.small{color:var(--on-frame);padding:0 6px 0 4px}.route{scrollbar-width:none;flex:1;align-items:center;gap:2px;min-width:0;padding:4px 2px;display:flex;position:relative;overflow-x:auto}.route::-webkit-scrollbar{display:none}.tab-plate{width:var(--strip,100%);background:var(--on-frame);border-radius:var(--radius);pointer-events:none;opacity:0;transition:clip-path .22s var(--ease-out), opacity .12s ease;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 2px #00000029}.pier{border-radius:var(--radius);flex:0 220px;align-items:center;min-width:104px;max-width:240px;transition:background-color;display:flex;position:relative}.pier.selected{background:var(--on-frame);transition:background-color 0s .2s}.pier [role=tab]{min-width:0;height:38px;color:var(--on-frame-muted);border-radius:var(--radius);flex:1;align-items:center;gap:9px;padding:0 32px 0 12px;font-size:.98rem;font-weight:560;font-stretch:90%;transition:color .15s;display:flex;position:relative}.pier.selected [role=tab]{color:var(--frame);font-weight:680}.pier:not(.selected) [role=tab]:active{transform:none}.pier-dot{opacity:.55;background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.pier.selected .pier-dot{opacity:1}.pier.loading .pier-dot{background:var(--live);opacity:1;animation:.9s linear infinite alternate blink}@keyframes blink{0%{opacity:1}to{opacity:.25}}.pier-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pier-close{z-index:1;width:24px;height:24px;color:var(--on-frame-muted);opacity:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:6px}.pier.selected .pier-close{color:var(--frame)}.pier:hover .pier-close,.pier.selected .pier-close,.pier-close:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.pier:not(.selected) [role=tab]:hover{color:var(--on-frame);background:var(--frame-hover)}.pier-close:hover{background:color-mix(in srgb, currentColor 14%, transparent)}}.pier-sound{z-index:1;color:var(--on-frame);place-items:center;margin-right:28px;display:inline-grid;position:relative}.pier.selected .pier-sound{color:var(--frame)}.pier-add{color:var(--on-frame);margin-left:2px}.session-label{color:var(--on-frame);border:1px solid var(--frame-line);white-space:nowrap;border-radius:999px;flex:none;padding:5px 11px;font-size:.84rem;font-weight:600;font-stretch:105%}.session-label.kept{background:var(--on-frame);color:var(--frame);border-color:var(--on-frame)}.deck-bar{align-items:center;gap:4px;padding:6px 10px 8px;display:flex;position:relative}.deck-bar .icon-button,.tools .icon-button{color:var(--on-frame)}@media (hover:hover) and (pointer:fine){.deck-bar .icon-button:hover:not(:disabled),.tools .icon-button:hover:not(:disabled),.pier-add:hover:not(:disabled){background:var(--frame-hover)}}.tools .icon-button.on,.tools .icon-button.playing{background:var(--on-frame);color:var(--frame)}.deck-bar.tuning:after{content:"";background:var(--live);width:28%;height:2px;animation:1.05s linear infinite beam;position:absolute;bottom:0;left:0}@keyframes beam{0%{transform:translate(-100%)}to{transform:translate(380%)}}.address{min-width:0;height:var(--bar);background:var(--field);border-radius:calc(var(--radius) + 2px);color:var(--field-muted);flex:1;align-items:center;gap:8px;margin:0 6px;padding:0 6px 0 14px;display:flex;box-shadow:0 1px 2px #0000002e}.address:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--on-frame) 45%, transparent)}.address input{height:100%;color:var(--field-ink);caret-color:var(--frame);font-weight:500;background:0 0!important;border:0!important;min-height:0!important;padding:0!important;font-size:max(16px,1rem)!important}.address input::placeholder{color:var(--field-muted)}.address input:focus-visible{outline:none;box-shadow:none!important}.address .icon-button{color:var(--field-ink)}.address .star.on{color:var(--field-ink);background:0 0}@media (hover:hover) and (pointer:fine){.address .icon-button:hover:not(:disabled){background:#07080f12}}.tools{align-items:center;gap:2px;display:flex}.hull{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:0 8px;display:grid;position:relative}.hull.with-notes{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.viewport{background:var(--ground);min-height:0;color:var(--text);border-radius:var(--radius-screen);display:grid;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #0000001f}.notice{z-index:5;border-radius:var(--radius);background:var(--surface-2);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line-strong);align-items:center;gap:12px;max-width:min(92vw,560px);padding:10px 14px;display:flex;position:absolute;top:14px;left:50%;translate:-50%}.frame-wrap{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:0;padding:12px;display:flex}.frame{width:auto;max-width:100%;height:auto;max-height:calc(100% - 54px);box-shadow:var(--shadow);touch-action:none;cursor:default;background:#fff;border-radius:4px;display:block}.frame:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}.frame-wrap.arriving .frame{animation:arrive .38s var(--ease-out) both}@keyframes arrive{0%{filter:blur(12px)saturate(1.4);opacity:.35;transform:scale(.985)}to{filter:none;opacity:1;transform:none}}.text-entry{gap:8px;width:min(100%,720px);display:flex}.text-entry input{min-height:42px!important}.text-entry button{border-radius:var(--radius);background:var(--frame);min-height:42px;color:var(--on-frame);padding:0 18px;font-weight:650}.connecting{color:var(--muted);place-self:center;align-items:center;gap:10px;display:flex}.pulse{background:var(--live);border-radius:50%;width:10px;height:10px;animation:.9s linear infinite alternate blink}.vault{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);width:min(92vw,30rem);box-shadow:var(--shadow);place-self:center;padding:30px}.vault form,.vault{gap:14px;display:grid}.vault h1{letter-spacing:-.03em;font-size:1.8rem;font-weight:750;font-stretch:112%}.vault p{color:var(--muted)}.vault label{gap:6px;font-weight:650;display:grid}.vault .primary{margin-top:6px}.vault-actions{flex-wrap:wrap;gap:10px;display:flex}.home{isolation:isolate;background:var(--ground);min-height:100%;position:relative;overflow:hidden}.home-field{z-index:-1}.home-picture{z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:0}.home-picture:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--ground) 30%, transparent), color-mix(in srgb, var(--ground) 82%, transparent));position:absolute;inset:0}.home-inner{grid-template-columns:minmax(0,1fr) minmax(260px,330px);grid-template-areas:"hero side""search side""tiles side""marks side";align-content:start;gap:26px clamp(24px,4vw,56px);max-width:1240px;margin:0 auto;padding:clamp(20px,4.5vw,60px) clamp(16px,4vw,56px) 48px;display:grid}.home-hero{grid-area:hero;gap:10px;display:grid}.home-clock{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--text);font-size:clamp(4.6rem,12vw,10.5rem);font-weight:820;font-stretch:125%;line-height:.82;display:block}.home-day{color:var(--text);font-size:1.08rem;font-weight:560}.home-hero h1{letter-spacing:-.025em;margin-top:8px;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:720;font-stretch:110%}.home-search{border-radius:calc(var(--radius) + 6px);background:var(--field);height:64px;color:var(--field-muted);box-shadow:var(--shadow);grid-area:search;align-items:center;gap:12px;padding:0 8px 0 20px;display:flex}.home-search:focus-within{box-shadow:0 0 0 3px var(--frame), var(--shadow)}.home-search input{height:100%;color:var(--field-ink);caret-color:var(--frame);font-weight:500;background:0 0!important;border:0!important;min-height:0!important;padding:0!important;font-size:1.18rem!important}.home-search input::placeholder{color:var(--field-muted)}.home-search input:focus-visible{outline:none;box-shadow:none!important}.home-search .go{border-radius:calc(var(--radius) + 2px);background:var(--frame);width:48px;height:48px;color:var(--on-frame);place-items:center;display:grid}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-head h2{font-size:1.12rem;font-weight:720;font-stretch:112%}.tiles{grid-area:tiles}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tile{animation:tile-in .36s var(--ease-out) both;position:relative}.tile:nth-child(2){animation-delay:40ms}.tile:nth-child(3){animation-delay:80ms}.tile:nth-child(4){animation-delay:.12s}.tile:nth-child(5){animation-delay:.16s}.tile:nth-child(6){animation-delay:.2s}.tile:nth-child(n+7){animation-delay:.24s}@keyframes tile-in{0%{opacity:0;transform:translateY(10px)}}.tile-open{border-radius:var(--radius-lg);width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);justify-items:center;gap:10px;padding:14px 6px 12px;display:grid}.tile-open:active:not(:disabled){transform:scale(.97)}.tile-face{width:60px;height:60px;transition:transform .22s var(--ease-out);border-radius:16px;place-items:center;display:grid}.tile-face.brand{background:var(--brand);color:#fff}.tile-face.brand.ink{color:#07080f}.tile-face.letter{background:hsl(var(--hue,230) 62% 42%);color:#fff;font-size:1.6rem;font-weight:850;font-stretch:125%}.tile-face.plus{border:1.5px dashed var(--line-strong);color:var(--muted)}@media (hover:hover) and (pointer:fine){.tile-open:hover:not(:disabled){border-color:var(--line-strong)}.tile-open:hover:not(:disabled) .tile-face{transform:translateY(-3px)}.mark-open:hover{background:color-mix(in srgb, var(--text) 7%, transparent)}}.tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.92rem;font-weight:580;overflow:hidden}.tile-remove{background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.add-form{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);grid-template-columns:1fr 1.4fr;gap:10px;margin-top:14px;padding:16px;display:grid}.add-form label{gap:6px;font-size:.93rem;font-weight:650;display:grid}.add-form .form-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.add-form .error{grid-column:1/-1}.home-side{grid-area:side;align-content:start;gap:14px;display:grid}.home-side>section{border-radius:var(--radius-lg);justify-items:start;gap:10px;padding:18px;display:grid}.home-side h2{align-items:center;gap:8px;font-size:.95rem;font-weight:700;font-stretch:110%;display:flex}.onair{background:var(--frame);color:var(--on-frame);box-shadow:var(--shadow)}.onair .onair-dot{background:var(--on-frame-muted)}.onair.live .onair-dot{background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb, var(--on-frame) 85%, transparent)}.onair-bars{width:100%;height:64px;color:var(--on-frame);margin:4px 0 2px}.onair-title{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:100%;font-size:1.25rem;font-weight:750;font-stretch:108%;line-height:1.15}.onair-sub{color:var(--muted);font-size:.95rem}.onair .onair-sub{color:var(--on-frame-muted)}.onair-actions{align-items:center;gap:8px;display:flex}.onair .icon-button{background:var(--on-frame);color:var(--frame);border-radius:50%}.onair .quiet{color:var(--on-frame);border-color:var(--frame-line)}.side-note,.side-keys{background:var(--surface);border:1px solid var(--line)}.side-note-text{white-space:pre-line;overflow-wrap:anywhere;font-size:1rem;line-height:1.5}.side-keys dl{gap:8px;width:100%;margin:0;display:grid}.side-keys dl div{justify-content:space-between;align-items:center;gap:10px;display:flex}.side-keys dt{color:var(--muted)}.side-keys dd{gap:4px;margin:0;display:flex}.marks{grid-area:marks}.mark-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mark-list li{align-items:center;gap:4px;display:flex}.mark-open{border-radius:var(--radius);text-align:left;min-width:0;color:var(--text);flex:1;align-items:center;gap:12px;padding:7px 10px 7px 7px;display:flex}.mark-open .tile-face{border-radius:8px;width:30px;height:30px;font-size:.9rem}.mark-open .tile-face svg{width:16px;height:16px}.mark-title{text-overflow:ellipsis;white-space:nowrap;font-weight:580;overflow:hidden}.mark-host{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.88rem}.marks .empty{border-radius:var(--radius);background:var(--surface);width:fit-content;padding:12px 14px}.notes-panel,.music-panel,.keys-panel{background:var(--surface);min-height:0;color:var(--text);border-radius:var(--radius-screen);grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 12px 12px 16px;display:flex}.panel-head h2{margin-right:auto;font-size:1.12rem;font-weight:720;font-stretch:112%}.note-list{gap:2px;max-height:40vh;margin:0;padding:6px;list-style:none;display:grid;overflow:auto}.note-list button{border-radius:var(--radius);text-align:left;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;display:flex}.note-list button[aria-current=true]{background:color-mix(in srgb, var(--frame) 22%, transparent)}.note-list span{text-overflow:ellipsis;white-space:nowrap;font-weight:560;overflow:hidden}.note-list time{color:var(--muted);flex:none;font-size:.85rem}.note-editor{grid-template-rows:1fr auto;gap:8px;min-height:0;padding:10px 12px 12px;display:grid}.note-editor textarea{height:100%;min-height:160px}.note-editor .quiet{justify-self:start}.notes-panel>.empty{padding:16px}.dock{color:var(--on-frame);grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.6fr) auto auto;align-items:center;gap:14px;padding:8px 14px 4px;display:grid}.dock .dock-remix.on{background:var(--on-frame);color:var(--frame)}.dock-cover{text-align:left;border-radius:var(--radius);min-width:0;color:var(--on-frame);align-items:center;gap:12px;padding:3px 8px 3px 3px;display:flex}@media (hover:hover) and (pointer:fine){.dock-cover:hover,.dock .icon-button:hover:not(:disabled){background:var(--frame-hover)}}.cover{border-radius:var(--radius);width:44px;height:44px;color:var(--frame);background:var(--on-frame);flex:none;place-items:center;display:grid;overflow:hidden}.cover .spectrum{width:30px;height:26px;color:var(--frame)}.dock-text{min-width:0;display:grid}.dock-text strong,.dock-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dock-text strong{font-weight:680}.dock-text small{color:var(--on-frame-muted)}.dock .icon-button{color:var(--on-frame)}.dock-controls{align-items:center;gap:4px;display:flex}.dock-controls .play{background:var(--on-frame);width:44px;height:44px;color:var(--frame);border-radius:50%}.dock-progress{font-variant-numeric:tabular-nums;color:var(--on-frame-muted);align-items:center;gap:10px;font-size:.86rem;display:flex}.dock-progress input{flex:1}.dock input[type=range]{accent-color:var(--on-frame)}.dock-volume{color:var(--on-frame-muted);align-items:center;gap:6px;display:flex}.dock-volume input{width:96px}.dock-error{color:var(--on-frame);background:var(--frame-deep);border-radius:6px;grid-column:1/-1;width:fit-content;padding:4px 10px;font-weight:650}.status-bar{color:var(--on-frame-muted);justify-content:space-between;gap:12px;padding:7px 16px 8px;font-size:.84rem;font-weight:520;display:flex}.link-state{align-items:center;gap:8px;display:inline-flex}.link-state i{background:var(--frame-line);border-radius:50%;width:8px;height:8px}.link-state.up i{background:var(--on-frame);box-shadow:0 0 0 3px var(--frame-line)}.signal-bars{align-items:flex-end;gap:2px;height:12px;margin-left:4px;display:inline-flex}.signal-bars i{background:var(--frame-line);border-radius:1px;width:3px}.signal-bars i:first-child{height:4px}.signal-bars i:nth-child(2){height:6px}.signal-bars i:nth-child(3){height:9px}.signal-bars i:nth-child(4){height:12px}.signal-bars.s1 i:nth-child(-n+1),.signal-bars.s2 i:nth-child(-n+2),.signal-bars.s3 i:nth-child(-n+3),.signal-bars.s4 i{background:var(--on-frame)}.signal-bars.s1 i:first-child{background:var(--live)}.source-switch{border-bottom:1px solid var(--line);gap:4px;padding:8px 10px;display:flex;overflow-x:auto}.source-switch button{color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 13px;font-weight:600}.source-switch button[aria-pressed=true]{color:var(--on-frame);background:var(--frame)}.music-body{align-content:start;gap:12px;padding:12px;display:grid;overflow:auto}.music-body h3{margin-top:6px;font-size:1rem;font-weight:700}.music-search{gap:10px;display:grid}.music-search label{gap:6px;font-size:.93rem;font-weight:650;display:grid}.track-list,.station-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.track-list li,.station-list li{border-radius:var(--radius);align-items:center;gap:4px;display:flex}.track-list li.now{background:color-mix(in srgb, var(--frame) 22%, transparent)}.track-play{border-radius:var(--radius);text-align:left;min-width:0;color:var(--muted);flex:1;align-items:center;gap:10px;padding:8px 10px;display:flex}@media (hover:hover) and (pointer:fine){.track-play:hover{background:color-mix(in srgb, var(--text) 7%, transparent)}}.track-play span{min-width:0;color:var(--text);font-weight:560;display:grid}.track-play span,.track-play small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-play small{color:var(--muted);font-size:.85rem;font-weight:430}.license{border:1px solid var(--line-strong);border-radius:4px;padding:2px 6px;font-size:.78rem;font-weight:750;font-stretch:110%;text-decoration:none}.fineprint{color:var(--muted);font-size:.85rem}.remix{gap:16px;display:grid}.remix-top{border-radius:var(--radius-lg);background:var(--frame);color:var(--on-frame);gap:10px;padding:14px;display:grid}.remix-top .help{color:var(--on-frame-muted)}.remix-bars{width:100%;height:56px;color:var(--on-frame)}.remix-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.remix-top .toggle input:checked+.track{background:var(--on-frame)}.remix-top .toggle input:checked+.track span{background:var(--frame)}.remix-top .track{background:var(--frame-line)}.remix-top .quiet{color:var(--on-frame);border-color:var(--frame-line)}.preset-grid{flex-wrap:wrap;gap:6px;display:flex}.preset{border:1px solid var(--line-strong);min-height:36px;color:var(--text);border-radius:999px;padding:0 12px;font-size:.9rem;font-weight:600}.preset[aria-pressed=true]{background:var(--frame);border-color:var(--frame);color:var(--on-frame)}@media (hover:hover) and (pointer:fine){.preset:not([aria-pressed=true]):hover{background:color-mix(in srgb, var(--text) 7%, transparent)}}.remix-group{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.remix-group h3{margin:0;font-size:.98rem}.remix-slider{gap:4px;display:grid}.remix-label{justify-content:space-between;gap:10px;font-size:.92rem;font-weight:560;display:flex}.remix-value{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.remix-slider input[type=range]{width:100%;height:28px;accent-color:var(--accent-text);touch-action:pan-y}.remix-slider input:disabled{opacity:.45}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:0}dialog::backdrop{background:#04050c8c}.settings.sheet{border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:min(100vw,460px);height:100dvh;max-height:100dvh;animation:sheet-in .32s var(--ease-drawer) both;border-right:0;margin:0 0 0 auto;overflow:auto}@keyframes sheet-in{0%{transform:translate(100%)}}.confirm{width:min(92vw,26rem);animation:pop-in .18s var(--ease-out) both;padding:24px}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}.dialog-heading{z-index:1;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 16px 12px 20px;display:flex;position:sticky;top:0}.dialog-heading h2{letter-spacing:-.03em;font-size:1.45rem;font-weight:750;font-stretch:112%}.settings-body{gap:4px;padding:4px 20px 28px;display:grid}.settings-body section{border-bottom:1px solid var(--line);gap:14px;padding:18px 0;display:grid}.settings-body section:last-child{border-bottom:0}.settings-body h3{font-size:1.05rem;font-weight:720;font-stretch:110%}.choice{border:0;gap:8px;margin:0;padding:0;display:grid}.choice legend{margin-bottom:8px;padding:0;font-size:.95rem;font-weight:650}.segments{background:var(--surface-2);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:flex}.segments label{cursor:pointer;border-radius:var(--radius);color:var(--muted);padding:7px 14px;font-weight:560;transition:background-color .15s,color .15s;position:relative}.segments label.on{background:var(--frame);color:var(--on-frame);font-weight:650}.segments input,.swatch input[type=radio]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segments label:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px;z-index:1}.swatch:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px;z-index:1}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:var(--swatch);cursor:pointer;width:44px;height:44px;transition:transform .16s var(--ease-out);border-radius:12px;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}.swatch:active{transform:scale(.95)}.swatch.on{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--text)}.swatch.custom{background:conic-gradient(#2a35e8,#6a2bd9,#9b1d3a,#e2560f,#0b7a55,#2a35e8);overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.toggle{cursor:pointer;align-items:center;gap:12px;min-height:38px;font-weight:560;display:flex;position:relative}.toggle input{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.track{background:var(--line-strong);border-radius:999px;flex:none;width:42px;height:26px;transition:background-color .16s;position:relative}.track span{width:20px;height:20px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.toggle input:checked+.track{background:var(--frame)}.toggle input:checked+.track span{transform:translate(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--accent-text);outline-offset:2px}.setting-row{gap:6px;display:grid}.setting-row label{font-size:.95rem;font-weight:650}.help{color:var(--muted)}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.keys{gap:8px;margin:0;display:grid}.keys div{justify-content:space-between;align-items:center;gap:12px;display:flex}.keys dd{color:var(--muted);text-align:right;margin:0}.status-line{color:var(--ok)}.confirm h2{font-size:1.35rem;font-weight:750}.confirm p{color:var(--muted);margin-top:10px}.confirm>div{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.confirm>div>button:not(.primary){border-radius:var(--radius);border:1px solid var(--line-strong);min-height:40px;padding:0 14px}.palette{width:min(94vw,580px);margin-top:12vh;padding:0}.palette-field{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:0 16px;display:flex}.palette-field input{color:var(--text);background:0 0!important;border:0!important;min-height:58px!important;padding:0!important;font-size:1.1rem!important}.palette-field input:focus-visible{outline:none;box-shadow:none!important}.palette ul{max-height:50vh;margin:0;padding:6px;list-style:none;overflow:auto}.palette li{border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;display:flex}.palette li[aria-selected=true]{background:var(--frame);color:var(--on-frame)}.palette li small{color:var(--muted);margin-left:auto;font-weight:600;font-stretch:110%}.palette li[aria-selected=true] small{color:var(--on-frame-muted)}.palette .empty{padding:18px 16px}@media (width<=960px){.home-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""search""tiles""side""marks"}.home-side{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.welcome-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"word""copy""path"}}@media (width<=860px){.hull.with-notes{grid-template-columns:minmax(0,1fr)}.notes-panel,.music-panel,.keys-panel{z-index:4;width:min(100% - 16px,380px);box-shadow:var(--shadow);position:absolute;inset:0 8px 0 auto}.dock{grid-template-columns:minmax(0,1fr) auto auto}.dock-progress{order:3;grid-column:1/-1}.dock-volume{display:none}}@media (width<=600px){.session-label{display:none}.deck-bar{flex-wrap:wrap}.address{flex-basis:100%;order:5;margin:4px 0 0}.pier{min-width:92px}.invite-row{flex-direction:column}.add-form{grid-template-columns:1fr}.hull{padding:0 4px}.home-clock{font-size:clamp(4rem,22vw,6rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-property:color,background-color,border-color,opacity!important;animation-duration:1ms!important;animation-iteration-count:1!important}.frame-wrap.arriving .frame{animation:.16s both fade-in!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition-property:color,background-color,border-color,opacity!important;animation-duration:1ms!important;animation-iteration-count:1!important}:root[data-motion=reduce] .frame-wrap.arriving .frame{animation:.16s both fade-in!important}@keyframes fade-in{0%{opacity:0}}.keys-body{align-content:start;gap:12px;padding:14px 16px 18px;display:grid;overflow:auto}.keys-group{border-top:1px solid var(--line);gap:12px;padding-top:14px;display:grid}.keys-group h3{margin:0;font-size:1rem}.capture{flex-wrap:wrap;align-items:center;gap:10px;min-height:44px;display:flex}.capture-prompt{border-radius:var(--radius);background:var(--frame);color:var(--on-frame);flex:100%;padding:12px 14px;font-weight:650}.rule-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rule-list li{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:10px;padding:6px 6px 6px 10px;display:flex}.rule{align-items:center;gap:8px;display:inline-flex}.rule-scope{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:45%;margin-left:auto;font-size:.85rem;overflow:hidden}.tools .icon-button.warn:not(.on){box-shadow:inset 0 0 0 2px var(--live)}.shortcuts-off{background:var(--on-frame);color:var(--frame);border-radius:999px;margin-left:10px;padding:2px 10px;font-size:.8rem;font-weight:650}.browser.fit{background:#000;grid-template-rows:minmax(0,1fr)}.browser.fit>.deck,.browser.fit>.dock,.browser.fit>.status-bar{display:none}.browser.fit .hull{gap:0;padding:0}.browser.fit .viewport{box-shadow:none;background:#000;border-radius:0}.browser.fit .frame-wrap{gap:0;padding:0}.browser.fit .frame{object-fit:contain;width:100%;height:100%;max-height:100%;box-shadow:none;background:#000;border-radius:0}.browser.fit .text-entry{display:none}.fit-exit{z-index:20;top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));color:#fff;min-height:40px;transition:opacity .2s ease, transform .16s var(--ease-out);background:#07080fb8;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:650;display:inline-flex;position:fixed;box-shadow:0 2px 10px #0006}.fit-exit.idle{opacity:.08}.fit-exit:focus-visible,.fit-exit:hover{opacity:1}.side-online{background:var(--surface);border:1px solid var(--line)}.online-count{align-items:baseline;gap:8px;font-size:1.05rem;display:flex}.online-count strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:820;font-stretch:125%;line-height:1}.online-dot{background:var(--ok);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 25%, transparent);border-radius:50%;align-self:center}