.now-playing.svelte-63d3i0{align-items:center;gap:var(--space-md);box-sizing:border-box;min-height:4rem;padding:var(--space-sm) var(--space-lg);background:var(--color-surface-default);border-block-start:var(--border-width-main) solid var(--color-border-quiet);font-family:var(--font-family-body);color:var(--color-text-loud);display:flex}.toggle.svelte-63d3i0{border-radius:var(--radius-pill);background:var(--color-primary-bg);width:2.75rem;height:2.75rem;color:var(--color-on-primary);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.toggle.svelte-63d3i0 svg{width:18px;height:18px}.meta.svelte-63d3i0{flex-direction:column;flex:none;gap:.1rem;min-width:0;max-width:12rem;display:flex}.name.svelte-63d3i0,.context.svelte-63d3i0{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.name.svelte-63d3i0{font-size:var(--size-step-0);font-weight:var(--font-weight-button)}.context.svelte-63d3i0,.time.svelte-63d3i0,.queue.svelte-63d3i0{font-size:var(--size-step--1);color:var(--color-text-quiet)}.track.svelte-63d3i0{cursor:pointer;flex:1;align-items:center;min-width:4rem;height:2.75rem;display:flex;position:relative}.rail.svelte-63d3i0{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-text-quiet) 45%, transparent);width:100%;height:4px;position:relative}.fill.svelte-63d3i0{width:calc(var(--progress) * 100%);border-radius:var(--radius-pill);background:var(--color-primary-bg);position:absolute;inset-block:0;inset-inline-start:0}.fill.svelte-63d3i0:after{content:"";border-radius:var(--radius-pill);background:var(--color-primary-bg);width:10px;height:10px;position:absolute;inset-block-start:50%;inset-inline-end:-5px;translate:0 -50%}input.svelte-63d3i0{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.time.svelte-63d3i0,.queue.svelte-63d3i0{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.actions.svelte-63d3i0{align-items:center;gap:var(--space-sm);flex:none;display:flex}.btn.svelte-63d3i0{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-2xs);border-radius:var(--radius-md);font:inherit;font-size:var(--size-step--1);color:var(--color-text-quiet);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn.svelte-63d3i0:hover{background:var(--color-surface-default-hover);color:var(--color-text-loud)}.rate.svelte-63d3i0{border:var(--border-width-main) var(--border-style-main) var(--color-border-quiet);border-radius:var(--radius-pill);min-width:2.5rem;font-weight:var(--font-weight-button);font-variant-numeric:tabular-nums;color:var(--color-text-loud)}.toggle.svelte-63d3i0:focus-visible,.btn.svelte-63d3i0:focus-visible{outline:2px solid var(--color-primary-bg);outline-offset:2px}.track.svelte-63d3i0:has(input:where(.svelte-63d3i0):focus-visible){outline:2px solid var(--color-primary-bg);outline-offset:2px}.visually-hidden.svelte-63d3i0{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<40rem){.now-playing.svelte-63d3i0{column-gap:var(--space-sm);row-gap:var(--space-xs);min-height:3.5rem;padding-inline:var(--space-md);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"toggle meta actions""track track time";display:grid}.toggle.svelte-63d3i0{grid-area:toggle}.meta.svelte-63d3i0{grid-area:meta;max-width:none}.actions.svelte-63d3i0{grid-area:actions}.track.svelte-63d3i0{grid-area:track}.time.svelte-63d3i0{grid-area:time}.reply.svelte-63d3i0,.queue.svelte-63d3i0{display:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root:has(>head>meta[name=color-scheme][content=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has(>head>meta[name=color-scheme][content=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--color-surface-default:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0d0f14);--color-surface-default-hover:var(--lightningcss-light,#f4f6f9)var(--lightningcss-dark,#161a21);--color-surface-soft:var(--lightningcss-light,#eff2f6)var(--lightningcss-dark,#171b23);--color-text-loud:var(--lightningcss-light,#0b0f14)var(--lightningcss-dark,#f1f3f6);--color-text-quiet:var(--lightningcss-light,#5f6f80)var(--lightningcss-dark,#8d99a8);--color-border-quiet:var(--lightningcss-light,#e3e7ed)var(--lightningcss-dark,#252a33);--color-primary-bg:var(--lightningcss-light,#0b0f14)var(--lightningcss-dark,#f1f3f6);--color-primary-bg-hover:var(--lightningcss-light,#262c35)var(--lightningcss-dark,#fff);--color-primary-soft:var(--lightningcss-light,#eef1f5)var(--lightningcss-dark,#1b1f28);--color-on-primary:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0d0f14);--color-accent:var(--lightningcss-light,#5b34d6)var(--lightningcss-dark,#a58cff);--color-accent-hover:var(--lightningcss-light,#4a27bd)var(--lightningcss-dark,#b9a5ff);--color-accent-soft:var(--lightningcss-light,#efeaff)var(--lightningcss-dark,#221b3b);--color-on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#120a2e);--color-card-bg:#1b1f27;--color-on-card:#fff;--color-on-card-quiet:#aab3c0;--color-danger-bg:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ff6b6b);--color-danger-bg-hover:var(--lightningcss-light,#94201a)var(--lightningcss-dark,#ff8585);--color-danger-soft:var(--lightningcss-light,#f7e4e2)var(--lightningcss-dark,#2a1513);--color-on-danger:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a0505);--color-success-bg:var(--lightningcss-light,#2f6f4f)var(--lightningcss-dark,#4cba85);--color-success-bg-hover:var(--lightningcss-light,#275a41)var(--lightningcss-dark,#63c996);--color-on-success:var(--lightningcss-light,#fff)var(--lightningcss-dark,#04160d);--font-family-display:"early-sans-variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-body:var(--font-family-display);--font-family-serif:"late-serif-variable", Georgia, serif;--font-weight-body:400;--font-weight-button:600;--font-weight-display:700;--size-step--2:.75rem;--size-step--1:.8125rem;--size-step-0:.9375rem;--size-step-1:1.0625rem;--size-step-2:1.25rem;--size-step-3:1.75rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-pill:999px;--border-width-main:1px;--border-style-main:solid;--size-icon-md:1.25em}html,body{background:var(--color-surface-default);color:var(--color-text-loud);font-family:var(--font-family-body);font-size-adjust:from-font;font-size:var(--size-step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.4}.ut-composer{align-items:center;gap:var(--space-sm,.75rem);padding:var(--space-sm) var(--space-md);border-block-end:var(--border-width-main) solid var(--color-border-quiet);display:flex}.ut-composer .recorder{--recorder-max:none;flex:1}.ut-row{align-items:center;gap:var(--space-sm,.75rem);flex-wrap:wrap;display:flex}.ut-stack{gap:var(--space-md,1rem);flex-direction:column;display:flex}.ut-muted{color:var(--color-text-quiet,#8a8a8a);font-size:var(--size-step--1,.875rem)}.ut-source-link{color:var(--color-text-quiet,#8a8a8a);font-size:var(--size-step--1,.875rem);margin-inline-start:auto;text-decoration:none}.ut-source-link:hover,.ut-source-link:focus-visible{color:var(--color-text-loud);text-underline-offset:.2em;text-decoration:underline}.ut-action{align-items:center;gap:var(--space-2xs,.35rem);min-height:2rem;padding-inline:var(--space-xs);border-radius:var(--radius-pill);font:inherit;font-size:var(--size-step--1);color:var(--color-text-quiet);cursor:pointer;background:0 0;border:0;text-decoration:none;transition:background .12s linear,color .12s linear;display:inline-flex}.ut-action:hover{color:var(--color-text-loud);background:var(--color-surface-default-hover)}.ut-action[data-primary]{color:var(--color-primary-bg);font-weight:600}.ut-action[data-primary]:hover{color:var(--color-primary-bg-hover);background:var(--color-primary-soft)}.ut-action[data-on=true]{color:var(--color-primary-bg);font-weight:600}.ut-action[data-on=true] .icon{--icon-color:var(--color-primary-bg)}.ut-action:focus-visible{outline:2px solid var(--color-primary-bg,#1f2a44);outline-offset:2px}.ut-submit{min-height:2.75rem;padding-inline:var(--space-lg,1.25rem);border-radius:var(--radius-pill,999px);background:var(--color-accent);color:var(--color-on-accent);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:650;display:inline-flex}.ut-submit:hover:not(:disabled){background:var(--color-accent-hover)}.ut-submit:disabled{opacity:.45;cursor:not-allowed}.ut-compose{gap:var(--space-xl,1.75rem);padding:var(--space-lg,1.25rem);flex-direction:column;display:flex}.ut-step{gap:var(--space-sm,.75rem);flex-direction:column;display:flex}.ut-step__label{font-size:var(--size-step--1,.875rem);font-weight:var(--font-weight-button,500);color:var(--color-text-quiet,#8a8a8a)}.ut-step__hint{font-size:var(--size-step--1,.875rem);color:var(--color-text-quiet,#8a8a8a);text-wrap:pretty}.ut-preview{gap:var(--space-sm,.75rem);padding:var(--space-md,1rem);border:var(--border-width-main,1px) solid var(--color-border-quiet,#eaeaea);border-radius:var(--radius-md,.75rem);flex-direction:column;display:flex}.ut-compose__bar{align-items:center;gap:var(--space-md,1rem);padding-block:var(--space-md,1rem);background:var(--color-surface-default,#fff);display:flex;position:sticky;inset-block-end:0}.ut-thread-actions{align-items:center;gap:var(--space-md,1rem);padding:var(--space-sm,.75rem) var(--space-lg,1.25rem);border-block-end:var(--border-width-main,1px) solid var(--color-border-quiet,#eaeaea);display:flex}.ut-reply-dock[hidden]{display:none}.ut-reply-dock{gap:var(--space-xs,.5rem);padding:var(--space-md,1rem) var(--space-lg,1.25rem);border-block-start:var(--border-width-main,1px) solid var(--color-border-quiet,#eaeaea);flex-direction:column;display:flex}.ut-reply-dock__bar{align-items:center;gap:var(--space-sm,.75rem);display:flex}.ut-reply-dock .recorder{--recorder-max:none;flex:1}.ut-reply-dock--auth{gap:var(--space-md,1rem)}.ut-auth-prompt{gap:var(--space-sm,.75rem);flex-direction:column;display:flex}.ut-auth-prompt__reason{color:var(--color-text-quiet);font-size:var(--size-step--1,.8125rem);margin:0}.ut-auth-prompt__modes,.ut-auth-prompt__actions{align-items:center;gap:var(--space-sm,.75rem);flex-wrap:wrap;display:flex}.ut-auth-prompt__error{color:var(--color-danger-bg);font-size:var(--size-step--1,.8125rem);margin:0}.ut-replying-to{align-items:center;gap:var(--space-2xs,.35rem);font-size:var(--size-step--1,.875rem);color:var(--color-text-quiet,#8a8a8a);display:flex}.ut-replying-to strong{color:var(--color-text-loud);font-weight:600}main.page>.thread{padding-inline:var(--space-lg,1.25rem)}.ut-author-link{align-items:baseline;gap:var(--space-2xs,.25rem);color:inherit;text-decoration:none;display:inline-flex}.ut-author-link:hover strong,.ut-author-link:focus-visible strong{text-underline-offset:.2em;text-decoration:underline}.ut-studio__intro{padding:var(--space-md,1rem) var(--space-lg,1.5rem);margin:0}.ut-studio__section{gap:var(--space-2xs,.25rem);padding:var(--space-lg,1.5rem);border-block-start:var(--border-width-main,1px) solid var(--color-border-quiet,#e6e1dd);flex-direction:column;display:flex}.ut-studio__title{align-items:center;gap:var(--space-xs,.5rem);font-family:var(--font-family-display);font-size:var(--size-step-1,1.125rem);letter-spacing:-.01em;margin:0;font-weight:700;display:flex}.ut-studio__body{text-wrap:pretty;max-width:34rem;margin:0}.ut-profile{gap:var(--space-sm,.75rem);padding:var(--space-lg,1.5rem);border-block-end:var(--border-width-main,1px) solid var(--color-border-quiet,#e6e1dd);flex-direction:column;display:flex}.ut-profile__identity{align-items:baseline;gap:var(--space-xs,.5rem);flex-wrap:wrap;display:flex}.ut-profile__name{font-family:var(--font-family-display);font-size:var(--size-step-2,1.375rem);letter-spacing:-.01em;font-weight:700}.ut-profile__bio{text-wrap:pretty;max-width:34rem;margin:0}.ut-profile__actions{gap:var(--space-sm,.75rem);display:flex}.ut-aside__group{gap:var(--space-sm,.75rem);flex-direction:column;margin-block-end:var(--space-xl,1.75rem);display:flex}.ut-aside__title{font-size:var(--size-step--1,.875rem);font-weight:var(--font-weight-button,500);color:var(--color-text-quiet,#8a8a8a)}.ut-live{align-items:flex-start;gap:var(--space-sm,.6rem);font-size:var(--size-step--1,.875rem);display:flex}.ut-live:before{content:"";border-radius:var(--radius-pill,999px);background:var(--color-primary-bg,#1f2a44);flex:none;width:.5rem;height:.5rem;margin-block-start:.4rem}.ut-live[data-idle]:before{background:var(--color-border-quiet,#eaeaea)}.ut-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ut-auth{gap:var(--space-lg);max-inline-size:24rem;padding:var(--space-lg) var(--space-md);flex-direction:column;display:flex}.ut-auth__form{gap:var(--space-md);flex-direction:column;display:flex}.ut-auth__error{padding:var(--space-xs) var(--space-sm);background:var(--color-danger-bg);color:#fff;font-size:var(--size-step--1);margin:0}.ut-auth__hint{font-size:var(--size-step--1);color:var(--color-text-quiet);margin:0}.ut-auth__aside{font-size:var(--size-step--1);color:var(--color-text-quiet);align-self:center}.ut-auth__form input[name=code]{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--size-step-2);letter-spacing:.25em;text-align:center}.ut-processing{font-size:var(--size-step--1);color:var(--color-text-quiet);margin:0;font-style:italic}.ut-aside__group{gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface-soft);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:sticky;inset-block-start:var(--space-md)}.ut-aside__title{font-size:var(--size-step-0);letter-spacing:-.01em;color:var(--color-text-loud);margin:0;font-weight:700}.ut-aside__body{font-size:var(--size-step--1);color:var(--color-text-quiet);margin:0;line-height:1.5}.ut-segmented{gap:var(--space-2xs);padding:var(--space-2xs);background:var(--color-surface-soft);border-radius:var(--radius-pill);display:inline-flex}.ut-segmented a{min-height:2.25rem;padding-inline:var(--space-md);border-radius:var(--radius-pill);font-size:var(--size-step--1);color:var(--color-text-quiet);font-weight:600;text-decoration:none}.ut-segmented a[aria-current]{background:var(--color-surface-default);color:var(--color-text-loud)}.ut-action .icon{--icon-size:1rem;color:currentColor;flex:none}.ut-aside__title{font-family:var(--font-family-display);letter-spacing:-.02em}.ut-setting{gap:var(--space-md);flex-direction:column;align-items:flex-start;display:flex}.ut-setting__title{font-size:var(--size-step-1);color:var(--color-text-loud);margin:0}.ut-setting__qr{border-radius:var(--radius-sm);padding:var(--space-sm);background:#fff}.ut-setting__secret{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--size-step--1);word-break:break-all;-webkit-user-select:all;user-select:all;display:block}.ut-setting__identities{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ut-submit--quiet{background:var(--color-surface-soft);color:var(--color-text-loud)}.ut-credit-link{align-items:center;gap:var(--space-2xs);font-size:var(--size-step--1);color:var(--color-text-quiet);display:inline-flex}.ut-studio{flex-direction:column;display:flex}.ut-studio>.ut-auth__error{margin:var(--space-md)}.ut-studio__panel{gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border-block-end:var(--border-width-main) solid var(--color-border-quiet);flex-direction:column;align-items:flex-start;display:flex}.ut-studio__panel>h2{align-items:center;gap:var(--space-xs);font-size:var(--size-step-1);--icon-size:1.25rem;font-weight:700;display:flex}.ut-studio__panel>h2 .icon{color:var(--color-accent)}.ut-studio__panel>p{max-inline-size:36rem;color:var(--color-text-quiet);text-wrap:pretty;margin:0}.ut-studio__panel--live{background:color-mix(in oklab, var(--color-accent) 6%, var(--color-surface-default));box-shadow:inset 3px 0 0 var(--color-accent)}.tier-form{align-items:end;gap:var(--space-sm);grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);inline-size:100%;display:grid}.tier-form>button{--icon-size:1.125rem;grid-column:1/-1;justify-self:start}@media (width<40rem){.tier-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tier-form>.field:first-child{grid-column:1/-1}}.ut-studio__field{font-size:var(--size-step--1);color:var(--color-text-quiet)}.ut-studio__copy{gap:var(--space-xs);inline-size:100%;display:flex}.ut-studio__url{min-inline-size:0;font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--size-step--1);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border,currentColor);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-loud);flex:1}.ut-studio__tiers{gap:var(--space-xs);flex-direction:column;inline-size:100%;margin:0;padding:0;list-style:none;display:flex}.ut-studio__tiers li{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.ut-studio__tiers form{margin-inline-start:auto}.ut-studio__count{padding:0 var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--size-step--1)}.ut-studio__queue{gap:var(--space-sm);flex-direction:column;inline-size:100%;margin:0;padding:0;list-style:none;display:flex}.ut-studio__queue li{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.ut-studio__queue audio{block-size:2rem;max-inline-size:14rem}.ut-studio__toggle{align-items:center;gap:var(--space-xs);display:flex}.ut-studio__edit{align-items:center;gap:var(--space-xs);flex-wrap:wrap;inline-size:100%;display:flex}.ut-studio__edit input[type=text],.ut-studio__edit input[type=number],.ut-studio__edit input:not([type]){inline-size:7rem;min-inline-size:0;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-border,currentColor);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-loud);font:inherit}.field{gap:var(--space-2xs);font-family:var(--font-family-body);flex-direction:column;display:flex}.field label,.field .field__hint{font-size:var(--size-step--1);color:var(--color-text-quiet)}.field :is(input,textarea){box-sizing:border-box;inline-size:100%;padding:var(--space-sm) var(--space-md);font:inherit;font-size:var(--size-step-0);color:var(--color-text-loud);background:var(--color-surface-default);border:var(--border-width-main) var(--border-style-main) var(--color-border-quiet);border-radius:var(--radius-md);caret-color:var(--color-primary-bg);margin:0;line-height:1.4;display:block}.field :is(input,textarea)::placeholder{color:var(--color-text-quiet)}.field :is(input,textarea):focus-visible{border-color:var(--color-primary-bg);outline:2px solid var(--color-primary-bg);outline-offset:-1px}.field :is(input,textarea):disabled{opacity:.5}.field :is(input,textarea):user-invalid{border-color:var(--color-danger-bg)}.row-action{z-index:1;align-items:center;gap:var(--space-2xs);min-width:2.25rem;min-height:2.25rem;padding:0 var(--space-xs);border-radius:var(--radius-pill);font:inherit;font-size:var(--size-step--1);font-variant-numeric:tabular-nums;color:var(--color-text-quiet);cursor:pointer;--icon-size:1.125rem;background:0 0;border:0;text-decoration:none;transition:background .12s linear,color .12s linear,scale .12s;display:inline-flex;position:relative}.row-action:hover{background:var(--color-accent-soft);color:var(--color-accent)}.row-action.react:hover{color:#e0245e;background:oklab(59.1934% .214876 .0401454/.12)}.row-action:active{scale:.92}.row-action:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.row-action.react[data-on]{color:#e0245e;--icon-color:#e0245e}@container feed-head scroll-state(stuck:top){.feed-tabs{box-shadow:0 4px 12px oklab(0% none none/.06)}}.settings-list{padding-block:var(--space-xs);flex-direction:column;display:flex}.settings-row{align-items:center;gap:var(--space-sm);box-sizing:border-box;inline-size:100%;min-height:3rem;padding:var(--space-xs) var(--space-lg);font:inherit;color:var(--color-text-loud);text-align:start;cursor:pointer;--icon-size:1.375rem;background:0 0;border:0;text-decoration:none;display:flex}.settings-row:hover{background:var(--color-surface-default-hover)}.settings-row>.row-label{flex:1;min-width:0}.settings-row>.row-value{min-width:0;max-inline-size:60%;font-size:var(--size-step--1);color:var(--color-text-quiet);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-row>.row-chevron{color:var(--color-text-quiet);--icon-size:1.125rem;display:inline-flex}.settings-row.danger{color:var(--color-danger-bg)}.settings-row.accent{color:var(--color-accent)}.settings-row.static{cursor:default}.settings-row.static:hover{background:0 0}.settings-list>form{display:contents}.settings-divider{margin:var(--space-xs) 0;border:0;border-block-start:var(--border-width-main) solid var(--color-border-quiet)}.settings-note{padding:var(--space-2xs) var(--space-lg) var(--space-sm);font-size:var(--size-step--1);color:var(--color-text-quiet);margin:0}.settings-note[role=alert]{color:var(--color-danger-bg)}.btn{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:2.5rem;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-surface-soft);font:inherit;color:var(--color-text-loud);cursor:pointer;border:0;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-surface-default-hover)}.btn.primary{background:var(--color-accent);color:var(--color-on-accent)}.btn.primary:hover{background:var(--color-accent-hover)}.btn.danger{background:var(--color-danger-bg);color:var(--color-on-danger)}.btn:disabled{opacity:.55;cursor:default}.form-dialog{box-sizing:border-box;inline-size:min(26rem,100vw - 2rem);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface-default);color:var(--color-text-loud);overscroll-behavior:contain;border:0}.form-dialog::backdrop{overscroll-behavior:contain;background:oklab(0% none none/.5);overflow:hidden}.form-dialog h2{margin:0 0 var(--space-2xs);font-size:var(--size-step-1)}.form-dialog>p{margin:0 0 var(--space-md);font-size:var(--size-step--1);color:var(--color-text-quiet)}.form-dialog form{gap:var(--space-sm);flex-direction:column;display:flex}.form-dialog .dialog-error{font-size:var(--size-step--1);color:var(--color-danger-bg);margin:0}.form-dialog .dialog-actions{gap:var(--space-xs);flex-direction:column;margin-block-start:var(--space-xs);display:flex}:where(dialog,[popover]:not(.toast)){transition:opacity .16s ease-out, scale .16s ease-out, display .16s allow-discrete, overlay .16s allow-discrete}:where(dialog:not([open]),[popover]:not(.toast,:popover-open)){opacity:0;scale:.97}@starting-style{:where(dialog[open],[popover]:not(.toast):popover-open){opacity:0;scale:.97}}:where(dialog)::backdrop{transition:opacity .16s ease-out, display .16s allow-discrete, overlay .16s allow-discrete}:where(dialog:not([open]))::backdrop{opacity:0}@starting-style{:where(dialog[open])::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){:where(dialog,[popover]),:where(dialog)::backdrop{transition:none}}.toast.svelte-1br0hsq{inset:auto 0 calc(var(--toast-bottom,1.5rem) + var(--i) * 3.5rem);align-items:center;gap:var(--space-sm);width:max-content;max-width:calc(100vw - 2rem);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-primary-bg);color:var(--color-on-primary);font-size:var(--size-step--1);opacity:1;transition:opacity .18s ease-out, translate .18s ease-out, display .18s allow-discrete, overlay .18s allow-discrete;border:0;margin:0 auto;font-weight:600;display:flex;position:fixed;translate:0;box-shadow:0 8px 24px oklab(0% none none/.22)}@starting-style{.toast.svelte-1br0hsq{opacity:0;translate:0 .75rem}}.toast.svelte-1br0hsq button:where(.svelte-1br0hsq){border-radius:var(--radius-pill);width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;--icon-size:1rem;background:0 0;border:0;place-items:center;padding:0;display:grid}.toast.svelte-1br0hsq button:where(.svelte-1br0hsq):hover{background:color-mix(in oklab, currentColor 15%, transparent)}@media (width<50rem){.toast.svelte-1br0hsq{--toast-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.toast.svelte-1br0hsq{transition:none}}.shell.svelte-12qhfyh{--rail-width:16rem;--page-width:37.5rem;--side-width:20rem;--tabbar-height:calc(3.5rem + env(safe-area-inset-bottom,0px));background:var(--color-surface-default);min-height:100dvh;color:var(--color-text-loud);grid-template-columns:minmax(0,1fr);display:grid}.page.svelte-12qhfyh{min-width:0;view-transition-name:page;padding-block-end:calc(var(--tabbar-height) + 6rem)}.rail.svelte-12qhfyh,.side.svelte-12qhfyh{display:none}.tabbar.svelte-12qhfyh{z-index:20;box-sizing:border-box;height:var(--tabbar-height);border-block-start:var(--border-width-main) solid var(--color-border-quiet);background:color-mix(in oklab, var(--color-surface-default) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-around;padding-block-end:env(safe-area-inset-bottom,0px);display:flex;position:fixed;inset:auto 0 0}.tabbar.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-text-quiet);--icon-size:1.5rem;flex:1;place-items:center;display:grid}.tabbar.svelte-12qhfyh a[aria-current]:where(.svelte-12qhfyh){color:var(--color-text-loud)}.glyph.svelte-12qhfyh{display:inline-grid;position:relative}.badge.svelte-12qhfyh{box-sizing:border-box;border-radius:var(--radius-pill);background:var(--color-accent);min-width:1.1rem;color:var(--color-on-accent);text-align:center;padding:0 .3rem;font-size:.6875rem;font-weight:700;line-height:1.1rem;position:absolute;inset-block-start:-.35rem;inset-inline-end:-.55rem}.badge.svelte-12qhfyh.dot{border:2px solid var(--color-surface-default);min-width:.6rem;height:.6rem;padding:0;inset-block-start:-.1rem;inset-inline-end:-.1rem}.loading.svelte-12qhfyh{z-index:50;background:var(--color-accent);transform-origin:0;height:2px;animation:1.2s ease-out forwards svelte-12qhfyh-loading;position:fixed;inset:0 0 auto}@keyframes svelte-12qhfyh-loading{0%{scale:0 1}to{scale:.85 1}}@media (prefers-reduced-motion:reduce){.loading.svelte-12qhfyh{animation:none;scale:.6 1}}.fab.svelte-12qhfyh{z-index:21;border-radius:var(--radius-pill);background:var(--color-accent);width:3.5rem;height:3.5rem;color:var(--color-on-accent);box-shadow:0 6px 20px color-mix(in oklab, var(--color-accent) 40%, transparent);--icon-size:1.5rem;place-items:center;display:grid;position:fixed;inset-block-end:calc(var(--tabbar-height) + var(--space-md));inset-inline-end:var(--space-md)}.shell.svelte-12qhfyh:has(.dock:where(.svelte-12qhfyh)) .fab:where(.svelte-12qhfyh){inset-block-end:calc(var(--tabbar-height) + 6.5rem)}.dock.svelte-12qhfyh{z-index:19;position:fixed;inset-block-end:var(--tabbar-height);inset-inline:0}.shell.svelte-12qhfyh:not([data-signed-in]) .dock:where(.svelte-12qhfyh){inset-block-end:4.25rem}.join-bar.svelte-12qhfyh{z-index:20;align-items:center;gap:var(--space-xs) var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-on-accent);flex-wrap:wrap;padding-block-end:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));font-weight:600;display:flex;position:fixed;inset:auto 0 0}.join-bar.svelte-12qhfyh span:where(.svelte-12qhfyh){flex:12rem}.join-bar.svelte-12qhfyh .pill:where(.svelte-12qhfyh){background:var(--color-on-accent);color:var(--color-accent)}.join-bar.svelte-12qhfyh .pill:where(.svelte-12qhfyh):not(.primary){color:var(--color-on-accent);border-color:color-mix(in oklab, var(--color-on-accent) 50%, transparent);background:0 0}.pill.svelte-12qhfyh{min-height:2.5rem;padding:0 var(--space-md);border:var(--border-width-main) solid var(--color-border-quiet);border-radius:var(--radius-pill);color:var(--color-text-loud);background:0 0;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.pill.svelte-12qhfyh.danger{background:var(--color-danger-bg);color:var(--color-on-danger);border-color:#0000}.pill.svelte-12qhfyh.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:#0000}.composer.svelte-12qhfyh{box-sizing:border-box;background:var(--color-surface-default);block-size:100dvh;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--color-text-loud);overscroll-behavior:contain;border:0;margin:0;padding:0}.composer.svelte-12qhfyh::backdrop{overscroll-behavior:contain;background:oklab(0% none none/.5);overflow:hidden}@media (width>=50rem){.composer.svelte-12qhfyh{border-radius:var(--radius-lg);block-size:fit-content;max-block-size:90dvh;inline-size:min(37.5rem,100vw - 2rem);margin:5vh auto auto;box-shadow:0 24px 64px oklab(0% none none/.3)}}.discard.svelte-12qhfyh{box-sizing:border-box;inline-size:min(20rem,100vw - 2rem);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface-default);color:var(--color-text-loud);text-align:center;border:0}.discard.svelte-12qhfyh h2:where(.svelte-12qhfyh){margin:0 0 var(--space-xs);font-size:var(--size-step-1)}.discard.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0 0 var(--space-md);color:var(--color-text-quiet)}.discard.svelte-12qhfyh form:where(.svelte-12qhfyh){gap:var(--space-xs);display:grid}.discard.svelte-12qhfyh button:where(.svelte-12qhfyh){inline-size:100%;font:inherit;cursor:pointer}.discard.svelte-12qhfyh::backdrop{background:oklab(0% none none/.4)}.drawer.svelte-12qhfyh{box-sizing:border-box;block-size:100dvh;max-block-size:none;inline-size:min(20rem,85vw);max-inline-size:none;padding:var(--space-lg) var(--space-md);background:var(--color-surface-default);color:var(--color-text-loud);overscroll-behavior:contain;border:0;margin:0 auto 0 0}.drawer.svelte-12qhfyh[open]{gap:var(--space-2xs);flex-direction:column;display:flex}.drawer.svelte-12qhfyh::backdrop{background:oklab(0% none none/.4)}.drawer-who.svelte-12qhfyh{gap:var(--space-2xs);margin-block-end:var(--space-md);display:grid}.drawer-who.svelte-12qhfyh span:where(.svelte-12qhfyh){color:var(--color-text-quiet)}.menu-item.svelte-12qhfyh{align-items:center;gap:var(--space-sm);inline-size:100%;min-height:2.75rem;padding:0 var(--space-sm);border-radius:var(--radius-md);font:inherit;font-size:var(--size-step-0);color:var(--color-text-loud);text-align:start;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.menu-item.svelte-12qhfyh:hover{background:var(--color-surface-default-hover)}.menu-item.svelte-12qhfyh:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.to-dark.svelte-12qhfyh,.to-light.svelte-12qhfyh{align-items:center;gap:var(--space-sm)}.to-dark.svelte-12qhfyh{display:flex}.to-light.svelte-12qhfyh{display:none}@media (prefers-color-scheme:dark){:root:not(:has(>head>meta[name=color-scheme][content=light])) .to-dark.svelte-12qhfyh{display:none}:root:not(:has(>head>meta[name=color-scheme][content=light])) .to-light.svelte-12qhfyh{display:flex}}:root:has(>head>meta[name=color-scheme][content=dark]) .to-dark.svelte-12qhfyh{display:none}:root:has(>head>meta[name=color-scheme][content=dark]) .to-light.svelte-12qhfyh{display:flex}@media (width>=50rem){.shell.svelte-12qhfyh{grid-template-columns:5rem minmax(0, var(--page-width));justify-content:center}.tabbar.svelte-12qhfyh,.fab.svelte-12qhfyh,.join-bar.svelte-12qhfyh{display:none}.page.svelte-12qhfyh{border-inline:var(--border-width-main) solid var(--color-border-quiet);padding-block-end:6rem}.dock.svelte-12qhfyh,.shell.svelte-12qhfyh:not([data-signed-in]) .dock:where(.svelte-12qhfyh){inset-block-end:0}.rail.svelte-12qhfyh{align-items:center;gap:var(--space-2xs);box-sizing:border-box;block-size:100dvh;padding:0 var(--space-xs) var(--space-md);flex-direction:column;display:flex;position:sticky;inset-block-start:0}.rail.svelte-12qhfyh .label:where(.svelte-12qhfyh){display:none}.brand.svelte-12qhfyh{align-items:center;gap:var(--space-sm);min-block-size:3.25rem;padding:0 var(--space-xs);font-family:var(--font-family-display);font-size:var(--size-step-1);letter-spacing:-.02em;color:var(--color-text-loud);margin-block-end:var(--space-xs);font-weight:700;text-decoration:none;display:flex}.rail-link.svelte-12qhfyh{align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-pill);font-size:var(--size-step-1);color:var(--color-text-loud);--icon-size:1.6rem;text-decoration:none;display:flex}.rail-link.svelte-12qhfyh:hover{background:var(--color-surface-default-hover)}.rail-link.svelte-12qhfyh[aria-current]{font-weight:700}.rail-link.svelte-12qhfyh:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.new-post.svelte-12qhfyh{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-accent);width:3rem;height:3rem;color:var(--color-on-accent);--icon-size:1.3rem;margin-block-start:var(--space-sm);font-weight:700;text-decoration:none;display:flex}.new-post.svelte-12qhfyh:hover{background:var(--color-accent-hover)}.account.svelte-12qhfyh{align-items:center;gap:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-pill);font:inherit;color:var(--color-text-loud);text-align:start;cursor:pointer;background:0 0;border:0;margin-block-start:auto;display:flex}.account.svelte-12qhfyh:hover{background:var(--color-surface-default-hover)}.who.svelte-12qhfyh{flex-direction:column;flex:1;min-width:0}.who.svelte-12qhfyh strong:where(.svelte-12qhfyh),.who.svelte-12qhfyh span:where(.svelte-12qhfyh){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who.svelte-12qhfyh span:where(.svelte-12qhfyh){font-size:var(--size-step--1);color:var(--color-text-quiet)}.menu.svelte-12qhfyh{position-area:block-start span-inline-end;margin:0 0 var(--space-xs);min-inline-size:14rem;padding:var(--space-xs);border:var(--border-width-main) solid var(--color-border-quiet);border-radius:var(--radius-md);background:var(--color-surface-default);color:var(--color-text-loud);inset:auto;box-shadow:0 12px 32px oklab(0% none none/.18)}.rail-join.svelte-12qhfyh{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column}.rail-join.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0 0 var(--space-xs);color:var(--color-text-quiet)}}@media (width>=75rem){.shell.svelte-12qhfyh{grid-template-columns:var(--rail-width) minmax(0, var(--page-width)) var(--side-width);column-gap:0}.rail.svelte-12qhfyh{padding-inline:var(--space-md);align-items:stretch}.rail.svelte-12qhfyh .label:where(.svelte-12qhfyh){display:inline}.rail.svelte-12qhfyh .who:where(.svelte-12qhfyh),.rail.svelte-12qhfyh .rail-join:where(.svelte-12qhfyh){display:flex}.new-post.svelte-12qhfyh{width:auto}.side.svelte-12qhfyh{gap:var(--space-md);padding:var(--space-md);flex-direction:column;align-self:start;display:flex;position:sticky;inset-block-start:0}.search.svelte-12qhfyh{align-items:center;gap:var(--space-xs);padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-text-quiet);display:flex}.search.svelte-12qhfyh input:where(.svelte-12qhfyh){min-width:0;padding:var(--space-sm) 0;font:inherit;color:var(--color-text-loud);background:0 0;border:0;outline:0;flex:1}.search.svelte-12qhfyh:focus-within{outline:2px solid var(--color-accent)}.side-card.svelte-12qhfyh{padding:var(--space-sm) var(--space-md);border:var(--border-width-main) solid var(--color-border-quiet);border-radius:var(--radius-lg)}.side-card.svelte-12qhfyh h2:where(.svelte-12qhfyh){margin:0 0 var(--space-xs);font-size:var(--size-step-0);font-weight:700}.side-card.svelte-12qhfyh ol:where(.svelte-12qhfyh){gap:var(--space-xs);color:var(--color-text-quiet);margin:0;padding-inline-start:1.25rem;display:grid}.side-card.svelte-12qhfyh li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){color:var(--color-text-loud);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.side-card.svelte-12qhfyh li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh):hover{text-decoration:underline}.side-card.svelte-12qhfyh small:where(.svelte-12qhfyh){font-size:var(--size-step--1);color:var(--color-text-quiet)}.side-person.svelte-12qhfyh{align-items:center;gap:var(--space-xs);padding-block:var(--space-2xs);display:flex}.side-person.svelte-12qhfyh>a:where(.svelte-12qhfyh){align-items:center;gap:var(--space-xs);min-width:0;color:inherit;flex:1;text-decoration:none;display:flex}.side-person.svelte-12qhfyh span:where(.svelte-12qhfyh){min-width:0;display:grid}.side-person.svelte-12qhfyh strong:where(.svelte-12qhfyh),.side-person.svelte-12qhfyh small:where(.svelte-12qhfyh){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-person.svelte-12qhfyh strong:where(.svelte-12qhfyh){font-size:var(--size-step--1);font-weight:650}.side-more.svelte-12qhfyh{font-size:var(--size-step--1);color:var(--color-accent);margin-block-start:var(--space-xs);text-decoration:none;display:inline-block}.dock.svelte-12qhfyh .now-playing{max-inline-size:calc(var(--rail-width) + var(--page-width) + var(--side-width));margin-inline:auto}}::view-transition-group(page){animation-duration:.22s;animation-timing-function:ease-out}html:active-view-transition-type(forward)::view-transition-new(page){animation-name:page-in-forward}html:active-view-transition-type(backward)::view-transition-new(page){animation-name:page-in-backward}::view-transition-old(page){animation:.12s ease-in both page-out}@keyframes page-in-forward{0%{opacity:0;transform:translate(1.5rem)}}@keyframes page-in-backward{0%{opacity:0;transform:translate(-1.5rem)}}@keyframes page-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(page){animation:none!important}::view-transition-old(page){animation:none!important}::view-transition-new(page){animation:none!important}}