@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0b16;--bg-deep:#08060e;--stage:#15101f;--panel:#1a1527;--panel-2:#221b33;--panel-3:#2c2440;--panel-mine:#2a1730;--line:#2c2440;--line-strong:#6b6188;--glass:#0e0b169e;--glass-strong:#0e0b16cc;--scrim-top:linear-gradient(180deg, #0e0b16d1 0%, #0e0b1673 60%, #0e0b1600 100%);--scrim-bottom:linear-gradient(0deg, #0e0b16e0 0%, #0e0b168c 50%, #0e0b1600 100%);--backdrop:#05040aa8;--dialog-bg:#0e0b16f0;--text:#f4f1fa;--text-2:#e2ddef;--muted:#a79fbf;--disabled:#7a6fa0;--ink:#0e0b16;--accent:#ff4fa3;--accent-edge:#b8236e;--accent-hi:#ff9ccb;--accent-soft:#3a1530;--cyan:#39d5ff;--cyan-hi:#8fe6ff;--cyan-soft:#1f2a33;--cyan-ink:#cff4ff;--violet:#b98cff;--violet-hi:#c9b8ff;--violet-soft:#2b2040;--amber:#ffd84d;--amber-soft:#33290f;--live:#d81e44;--live-dot:#ff3b5c;--danger:#ff7a7a;--danger-soft:#2a1520;--danger-line:#ff7a7a80;--focus:#ffe08a;--idol-jiwoo:#9c8be0;--idol-jiwoo-edge:#6a58b8;--idol-jiwoo-soft:#241d3d;--idol-jiwoo-glow:#9c8be061;--idol-harin:#ff6fa8;--idol-harin-edge:#c24a82;--idol-harin-soft:#3a1a2e;--idol-harin-glow:#ff6fa861;--idol-soyul:#57c8f5;--idol-soyul-edge:#2a8fc0;--idol-soyul-soft:#142a3a;--idol-soyul-glow:#57c8f561;--me:var(--idol-soyul);--me-edge:var(--idol-soyul-edge);--me-soft:var(--idol-soyul-soft);--me-glow:var(--idol-soyul-glow);--g-perfect:#ff9ccb;--g-great:#8fe6ff;--g-good:#c9b8ff;--g-miss:#a79fbf;--fast:#ffb86b;--slow:#7fb2ff;--seg-ok:var(--cyan);--seg-fail:#e0457f;--seg-pending-edge:var(--line-strong);--note-a:var(--cyan);--note-b:var(--violet);--google-bg:#131314;--google-fg:#e3e3e3;--google-line:#8e918f;--badge-bg:#ffd84d;--badge-ink:#1a1527;--font-display:"Black Han Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "Malgun Gothic", sans-serif;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-20:20px;--fd-20:20px;--fd-22:22px;--fd-28:28px;--fd-34:34px;--fd-52:52px;--fd-count:clamp(88px, 26vw, 128px);--lh-tight:1.15;--lh-body:1.5;--lh-chat:1.4;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--gutter:16px;--r-xs:6px;--r-sm:10px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-pill:999px;--hit:48px;--hit-lg:56px;--field-h:52px;--lane-h:72px;--strip-h:28px;--tap-w:112px;--tap-h:72px;--tap-w-desk:168px;--mic:56px;--edge:3px;--edge-tap:4px;--dock-max:640px;--rail-w:380px;--dialog-w:440px;--sh-card:inset 0 1px 0 #ffffff0a, 0 10px 30px #00000059;--sh-sheet:0 -12px 40px #0000008c;--sh-pop:0 8px 24px #00000073;--sh-candy:inset 0 1px 0 #ffffff47;--glow-accent:0 0 0 1px #ff4fa38c, 0 0 22px #ff4fa359;--glow-me:0 0 0 1px var(--me), 0 0 22px var(--me-glow);--glow-live:0 0 0 4px #d81e4459;--ts-caption:0 1px 2px #000000e6, 0 0 12px #000000a6;--ts-neon-accent:0 0 2px #ff4fa3, 0 0 14px #ff4fa38c;--focus-ring:0 0 0 2px var(--bg), 0 0 0 5px var(--focus);--grad-neon:linear-gradient(135deg, #ff4fa3 0%, #b98cff 55%, #39d5ff 100%);--grad-haze:radial-gradient(120% 55% at 15% -10%, #b98cff2e, transparent 60%), radial-gradient(90% 45% at 100% 0%, #ff4fa31f, transparent 62%);--grad-poster:radial-gradient(60% 50% at 30% 30%, #9c8be073, transparent 70%), radial-gradient(50% 45% at 50% 18%, #ff6fa873, transparent 70%), radial-gradient(60% 50% at 70% 30%, #57c8f566, transparent 70%), repeating-linear-gradient(90deg, #ffffff0d 0 2px, transparent 2px 28px), radial-gradient(70% 30% at 50% 100%, #2a2140, transparent 70%), linear-gradient(180deg, #2a1740 0%, #15101f 72%);--dur-press:80ms;--dur-fast:.12s;--dur-pop:.18s;--dur-base:.24s;--dur-sheet:.28s;--dur-judge:.6s;--dur-pulse:1.2s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-spring:cubic-bezier(.34,1.56,.64,1);--z-stage-ui:10;--z-chrome:20;--z-dock:30;--z-toast:40;--z-conn:70;--z-badge:80;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--badge-h:0px;--kb:0px;--dock-h:0px}html[data-idol=jiwoo]{--me:var(--idol-jiwoo);--me-edge:var(--idol-jiwoo-edge);--me-soft:var(--idol-jiwoo-soft);--me-glow:var(--idol-jiwoo-glow)}html[data-idol=harin]{--me:var(--idol-harin);--me-edge:var(--idol-harin-edge);--me-soft:var(--idol-harin-soft);--me-glow:var(--idol-harin-glow)}html[data-idol=soyul]{--me:var(--idol-soyul);--me-edge:var(--idol-soyul-edge);--me-soft:var(--idol-soyul-soft);--me-glow:var(--idol-soyul-glow)}:not(html)[data-idol=jiwoo]{--c:var(--idol-jiwoo);--c-soft:var(--idol-jiwoo-soft);--c-glow:var(--idol-jiwoo-glow)}:not(html)[data-idol=harin]{--c:var(--idol-harin);--c-soft:var(--idol-harin-soft);--c-glow:var(--idol-harin-glow)}:not(html)[data-idol=soyul]{--c:var(--idol-soyul);--c-soft:var(--idol-soyul-soft);--c-glow:var(--idol-soyul-glow)}html.is-test{--badge-h:22px}@media (min-width:1024px){:root{--gutter:24px}}@media (prefers-reduced-motion:reduce){:root{--dur-pop:1ms;--dur-base:1ms;--dur-sheet:1ms;--dur-pulse:0s;--dur-judge:.9s;--ease-spring:var(--ease-out)}}@media (prefers-reduced-transparency:reduce){:root{--glass:#0e0b16eb;--glass-strong:#0e0b16f5;--backdrop:#05040ae6}}}@layer base{*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--text);background:var(--bg);font:400 var(--fs-16)/var(--lh-body) var(--font-body);word-break:keep-all;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:var(--grad-haze);position:fixed;inset:0}html.in-room,html.in-room body{overscroll-behavior:none;height:100%;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:max(16px,1em)}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}h1,h2,h3,.toast,.callout{text-wrap:balance}a{color:var(--accent-hi)}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}[tabindex="-1"]:focus{outline:none}[hidden]{display:none!important}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.ico--sm{width:14px;height:14px}.ico--lg{width:24px;height:24px}html.is-hidden *,html.is-hidden :before,html.is-hidden :after{animation-play-state:paused!important}}@layer components{.btn{min-height:var(--hit);border-radius:var(--r-pill);font-size:var(--fs-16);white-space:nowrap;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-fast);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.btn--lg{min-height:var(--hit-lg)}.btn--block{width:100%;display:flex}.btn--sm{min-height:40px;font-size:var(--fs-14);padding:0 14px}.btn--sm:before{content:"";position:absolute;inset:-4px}.btn--primary,.btn--me{color:var(--ink);margin-bottom:var(--edge)}.btn--primary{background:var(--accent);box-shadow:var(--sh-candy), 0 var(--edge) 0 var(--accent-edge)}.btn--me{background:var(--me);box-shadow:var(--sh-candy), 0 var(--edge) 0 var(--me-edge)}.btn--primary:active,.btn--me:active{transform:translateY(calc(var(--edge) - 1px))}.btn--ghost{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);font-size:var(--fs-14)}.btn--ghost.btn--lg{font-size:var(--fs-16)}.btn--ghost:active{transform:scale(.97)}.btn--quiet{color:var(--accent-hi);min-height:40px;font-size:var(--fs-14);background:0 0;padding:0 8px}.btn--quiet:before{content:"";position:absolute;inset:-4px}.btn--danger{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.btn--google{background:var(--google-bg);color:var(--google-fg);box-shadow:inset 0 0 0 1px var(--google-line);font-weight:700}.btn--glass{background:var(--glass-strong);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff14}.btn--icon{width:var(--hit);min-height:var(--hit);border-radius:50%;padding:0}.btn[aria-disabled=true],.btn--primary[aria-disabled=true],.btn--me[aria-disabled=true]{background:var(--panel-2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong);margin-bottom:0;transform:none}.btn:disabled{cursor:default}.btn[aria-busy=true]{pointer-events:none}.btn[aria-pressed=true]{background:var(--cyan-soft);color:var(--cyan-hi);box-shadow:inset 0 0 0 1px var(--cyan);margin-bottom:0}.spin{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover){.btn--primary:hover,.btn--me:hover{filter:brightness(1.06)}.btn--ghost:hover,.btn--glass:hover{background:var(--panel-3)}.btn--quiet:hover{text-decoration:underline}}@media (prefers-reduced-motion:reduce){.spin{opacity:.6;border-top-color:currentColor;animation:none}}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--fs-14);color:var(--text-2);font-weight:700}.field__input{height:var(--field-h);border-radius:var(--r-md);background:var(--bg);border:1px solid var(--line-strong);width:100%;color:var(--text);caret-color:var(--accent);padding:0 14px;font-size:16px}.field__input::placeholder{color:var(--muted)}.field__input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff4fa347}.field__input[aria-invalid=true]{border-color:var(--danger)}.field__input[readonly]{background:var(--panel-2)}.field__input--otp{font-size:var(--fs-20);letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;scroll-margin-top:8px;font-weight:700}.field__help{font-size:var(--fs-13);color:var(--muted)}.field__error{font-size:var(--fs-13);color:var(--danger);align-items:flex-start;gap:6px;display:flex}.field__error .ico{width:14px;height:14px;margin-top:3px}.choices{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.choices legend{font-size:var(--fs-14);color:var(--text-2);margin-bottom:8px;padding:0;font-weight:700}.choice{cursor:pointer;display:block;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice__card{border-radius:var(--r-lg);background:var(--panel-2);min-height:64px;box-shadow:inset 0 0 0 1px var(--line-strong);grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px 16px;display:grid}.choice__text{flex-direction:column;min-width:0;display:flex}.choice__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.choice__meta{font-size:var(--fs-13);color:var(--muted)}.choice__check{opacity:0;color:var(--accent)}.choice input:checked+.choice__card{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.choice input:checked+.choice__card .choice__check{opacity:1}.choice input:focus-visible+.choice__card{box-shadow:inset 0 0 0 2px var(--accent), var(--focus-ring)}.switch-row{border-radius:var(--r-md);text-align:left;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 12px;display:grid}.switch{background:var(--panel-3);width:52px;height:32px;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color var(--dur-fast);border-radius:16px;position:relative}.switch:after{content:"";background:var(--text);width:24px;height:24px;transition:transform var(--dur-pop) var(--ease-out);border-radius:50%;position:absolute;top:4px;left:4px}[aria-checked=true]>.switch{background:var(--cyan)}[aria-checked=true]>.switch:after{background:var(--ink);transform:translate(20px)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:16px}.card--info{background:var(--cyan-soft);color:var(--cyan-ink);font-size:var(--fs-14);box-shadow:none;border:0}.card--warn{background:var(--amber-soft);color:var(--text);box-shadow:none;border:0}.card--error{background:var(--danger-soft);border:1px solid var(--danger-line);box-shadow:none}.card--poster{background:var(--grad-poster);border-radius:var(--r-xl)}.callout{align-items:flex-start;gap:10px;display:flex}.callout>.ico{margin-top:2px}.callout__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.callout__title{font-weight:700}.chip{border-radius:var(--r-pill);height:26px;font-size:var(--fs-12);white-space:nowrap;background:var(--panel-3);color:var(--muted);align-items:center;gap:4px;padding:0 10px;font-weight:700;display:inline-flex}.chip .ico{stroke-width:2.5px;width:12px;height:12px}.chip--wait{background:var(--cyan-soft);color:var(--cyan-hi)}.chip--count{background:var(--amber-soft);color:var(--amber)}.chip--play{background:var(--live);color:#fff}.chip--play:before{content:"";width:6px;height:6px;animation:pulse var(--dur-pulse) ease-in-out infinite alternate;background:#fff;border-radius:50%}.chip--result,.chip--host{background:var(--violet-soft);color:var(--violet-hi)}.chip--me{background:var(--me-soft);color:var(--me);box-shadow:inset 0 0 0 1px var(--me)}.chip--ready{background:var(--cyan-soft);color:var(--cyan-hi)}.chip--muted{background:var(--danger-soft);color:var(--danger)}.chip--away{background:var(--amber-soft);color:var(--amber)}.chip--glass{background:var(--glass-strong);color:var(--text)}.chip--live{background:var(--live);color:#fff}.count-badge{background:var(--accent);min-width:18px;height:18px;color:var(--ink);font-size:var(--fs-12);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-weight:700;display:inline-flex}@keyframes pulse{0%{opacity:1}to{opacity:.35}}.avatar{width:28px;height:28px;color:var(--ink);background:radial-gradient(circle at 30% 30%, #ffffff59, transparent 45%), var(--c,var(--muted));border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar .ico{fill:currentColor;stroke:none;width:55%;height:55%}.avatar--20{width:20px;height:20px}.avatar--40{width:40px;height:40px}.avatar--48{width:48px;height:48px}.avatar--64{width:64px;height:64px}.avatar--f-star{box-shadow:0 0 0 2px var(--amber), 0 0 10px color-mix(in srgb, var(--amber) 55%, transparent)}.avatar--f-heart{box-shadow:0 0 0 2px var(--accent), 0 0 10px color-mix(in srgb, var(--accent) 55%, transparent)}.avatar--f-gold{box-shadow:0 0 0 2px #e8b64a,0 0 0 4px #fff3c473,0 0 12px #c9902a}.ps-stick{vertical-align:-1px;background:var(--stick);width:6px;height:12px;box-shadow:0 0 6px var(--stick);border-radius:2px;margin:0 2px;display:inline-block}.avatar.is-me{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--me)}.avatar.is-speaking:after{content:"";box-shadow:0 0 0 2px var(--c);animation:ring .9s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:.4;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.avatar.is-speaking:after,.chip--play:before{animation:none}}.idol-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.idol-tile{border-radius:var(--r-xl);height:104px;color:var(--text);background:#0e0b168c;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.idol-tile .sil{width:40px;height:40px;fill:var(--c)}.idol-tile__name{font-size:var(--fs-16);font-weight:700;line-height:1.2}.idol-tile__sym{font-size:var(--fs-12);color:var(--text-2)}.idol-tile__tag{background:var(--c);height:22px;color:var(--ink);font-size:var(--fs-12);white-space:nowrap;opacity:0;border-radius:11px;padding:0 8px;font-weight:700;line-height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.idol-tile[aria-checked=true]{border-color:var(--c);background:var(--c-soft);box-shadow:0 0 0 1px var(--c), 0 0 22px var(--c-glow)}.idol-tile[aria-checked=true] .idol-tile__tag{opacity:1}.idol-pick--mini .idol-tile{height:72px}.idol-pick--mini .idol-tile .sil{width:28px;height:28px}dialog{color:var(--text);background:0 0;border:0;max-width:none;max-height:none;padding:0}dialog::backdrop{background:var(--backdrop)}.sheet{width:100%;margin:0;position:fixed;inset:auto 0 0}.sheet__box{background:var(--panel);border-radius:var(--r-2xl) var(--r-2xl) 0 0;max-height:85dvh;box-shadow:var(--sh-sheet);padding:8px 16px calc(16px + var(--sab));flex-direction:column;display:flex;overflow:hidden}.sheet--tall .sheet__box{height:70dvh}.sheet__handle{background:var(--line-strong);border-radius:2px;flex:none;width:36px;height:4px;margin:0 auto 4px}.sheet__head{flex:none;align-items:center;gap:8px;min-height:56px;display:flex}.sheet__title{min-width:0;font-size:var(--fs-17);flex:1;font-weight:700}.sheet__body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;margin:0 -2px;padding:4px 2px 8px;display:flex;overflow-y:auto}.sheet__foot{flex-direction:column;flex:none;gap:8px;padding-top:12px;display:flex}.alert{width:min(360px,100% - 32px);margin:auto}.alert__box{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-pop);flex-direction:column;gap:10px;padding:24px;display:flex}.alert__title{font-size:var(--fs-17);font-weight:700}.alert__body{font-size:var(--fs-14);color:var(--text-2)}.alert__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}@media (min-width:640px){.sheet{width:min(var(--dialog-w), calc(100vw - 32px));height:-moz-fit-content;height:fit-content;margin:auto;inset:0}.sheet__box{border-radius:var(--r-2xl);max-height:85dvh;padding-bottom:16px}.sheet--tall .sheet__box{height:min(640px,85dvh)}.sheet__handle{display:none}}.action-row{border-radius:var(--r-md);text-align:left;width:100%;min-height:56px;color:var(--text);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 12px;display:grid}.action-row__label{flex-direction:column;font-weight:700;display:flex}.action-row__sub{font-size:var(--fs-13);color:var(--muted);font-weight:400}.action-row--danger{color:var(--danger)}.action-row .ico--chev{color:var(--muted)}@media (hover:hover){.action-row:hover{background:var(--panel-3)}}#toasts{left:50%;bottom:calc(24px + var(--sab));z-index:var(--z-toast);pointer-events:none;flex-direction:column;width:min(420px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}html[data-view=room] #toasts{bottom:calc(var(--dock-h) + 12px)}.toast{pointer-events:auto;border-radius:var(--r-lg);background:var(--panel-2);min-height:48px;box-shadow:var(--sh-pop);font-size:var(--fs-14);text-align:left;color:var(--text);border:1px solid #ffffff14;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px;line-height:1.45;display:grid}.toast .ico{width:18px;height:18px;color:var(--cyan)}.toast--warn .ico{color:var(--amber)}.toast--err{background:var(--danger-soft);border-color:var(--danger-line)}.toast--err .ico{color:var(--danger)}.toast__act{min-height:40px}#conn{top:calc(var(--badge-h) + var(--sat) + 62px);z-index:var(--z-conn);border-radius:var(--r-pill);height:32px;font-size:var(--fs-13);white-space:nowrap;background:var(--cyan-soft);color:var(--cyan-hi);box-shadow:var(--sh-pop);align-items:center;gap:8px;padding:0 14px;font-weight:700;display:flex;position:fixed;left:50%;transform:translate(-50%)}#conn[data-state=retry]{background:var(--amber-soft);color:var(--amber)}#conn[data-state=offline]{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line), var(--sh-pop)}#conn[data-state=busy]{background:var(--amber-soft);color:var(--amber)}#conn .dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite alternate pulse}#conn .btn--quiet{min-height:28px;color:inherit;text-decoration:underline}html[data-view=room] #conn{top:calc(var(--badge-h) + var(--sat) + 80px)}#testbadge{z-index:var(--z-badge);padding:calc(var(--sat) + 2px) 12px 3px;background:var(--badge-bg);color:var(--badge-ink);font-size:var(--fs-12);white-space:nowrap;pointer-events:none;border-bottom:2px solid;border-image:repeating-linear-gradient(90deg,#1a1527 0 6px,#ffd84d 6px 12px) 1;border-radius:0 0 10px 10px;align-items:center;gap:4px;font-weight:700;line-height:17px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}#testbadge .ico{width:14px;height:14px}.skel{background:var(--panel-2);border-radius:var(--r-lg);position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.4s linear infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skel:after{animation:none}#conn .dot{opacity:.7;animation:none}}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.empty__art{border-radius:var(--r-xl);background:var(--grad-poster);justify-content:center;align-items:flex-end;gap:6px;width:100%;height:120px;padding-bottom:10px;display:flex}.empty__art .sil{width:44px;height:44px;fill:var(--c)}.empty__art .sil:nth-child(2){width:52px;height:52px}.empty__title{font-size:var(--fs-17);font-weight:700}.empty__body{font-size:var(--fs-14);color:var(--text-2)}.login{flex-direction:column;gap:14px;display:flex}.login__context{font-size:var(--fs-14);color:var(--text-2);font-weight:700}.login__lead{font-size:var(--fs-14);color:var(--text-2)}.gsi-slot{justify-content:center;align-items:center;min-height:44px;display:flex}.gsi-slot .skel{border-radius:var(--r-pill);width:100%;height:44px}.divider{font-size:var(--fs-13);color:var(--muted);align-items:center;gap:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.login form{flex-direction:column;gap:12px;display:flex}.login__sent{font-size:var(--fs-14);color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;display:flex}.login__foot{font-size:var(--fs-13);color:var(--muted)}.login__foot .btn--quiet{min-height:32px;font-size:var(--fs-13);padding:0 2px}.g-logo{width:20px;height:20px}.privacy-frame{border-radius:var(--r-md);background:#fff;border:0;width:100%;height:60dvh}.skel--pill{border-radius:var(--r-pill);height:52px}.sil{stroke:none;fill:var(--c,var(--muted))}.calib{flex-direction:column;align-items:center;gap:14px;display:flex}.calib__pad{background:var(--me);width:160px;height:160px;color:var(--ink);font-weight:700;font-size:var(--fs-16);box-shadow:var(--sh-candy), 0 4px 0 var(--me-edge), 0 0 22px var(--me-glow);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%}.calib__pad:active{transform:translateY(3px)}.calib__dots{gap:8px;display:flex}.calib__dots i{width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%}.calib__dots i.on{background:var(--me);box-shadow:none}.calib__res{font-size:var(--fs-16);text-align:center;font-weight:700}.calib input[type=range]{width:100%;accent-color:var(--me);height:32px}.calib__fine{width:100%}}@layer screens{.lobby{min-height:100dvh;padding-left:var(--sal);padding-right:var(--sar);isolation:isolate;flex-direction:column;display:flex;position:relative}.lobby__fx{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:fixed;inset:0}.lobby__fx.is-on{opacity:1}.lchat{flex-direction:column;gap:8px;display:flex}.lchat .sec-head{margin:0}.lchat__hint{font-size:var(--fs-12);color:var(--muted)}.lchat__log{border-radius:var(--r-md);height:168px;box-shadow:inset 0 0 0 1px var(--line);font-size:var(--fs-14);overscroll-behavior:contain;background:#00000047;margin:0;padding:8px 10px;line-height:1.4;list-style:none;overflow-y:auto}.lchat__line{word-break:break-word}.lchat__line b{color:var(--accent);margin-right:2px;font-weight:700}.lchat__line.is-mine b{color:var(--me)}.lchat__empty{color:var(--muted);font-size:var(--fs-13)}.lchat__form{gap:8px;display:flex}.lchat__form .lchat__input{flex:1;min-width:0}.top{z-index:var(--z-chrome);height:calc(56px + var(--sat) + var(--badge-h));padding:calc(var(--sat) + var(--badge-h)) var(--gutter) 0;background:var(--bg);transition:border-color var(--dur-fast);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.top.is-scrolled{border-bottom-color:var(--line)}.top__brand{align-items:center;gap:8px;display:flex}.logo{font-family:var(--font-display);font-weight:400;font-size:var(--fd-28);letter-spacing:var(--ls-display,.04em);color:var(--accent);text-shadow:var(--ts-neon-accent);line-height:1}.live-dot{background:var(--live-dot);width:6px;height:6px;animation:pulse var(--dur-pulse) ease-in-out infinite alternate;border-radius:50%}.me-chip{min-height:var(--hit);border-radius:var(--r-pill);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-strong);font-size:var(--fs-14);align-items:center;gap:8px;min-width:0;max-width:180px;padding:4px 12px 4px 6px;font-weight:700;display:inline-flex}.me-chip__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:96px;overflow:hidden}.me-chip__dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.me-chip .ico{width:12px;height:12px;color:var(--muted)}.sentinel{height:1px;margin-top:-1px}.lobby__grid{transition:padding-top var(--dur-base);flex-direction:column;flex:1;display:flex}html.has-conn .lobby__grid{padding-top:44px}.lobby__side{padding:8px var(--gutter) 0;flex-direction:column;gap:12px;display:flex}.hero{flex-direction:column;gap:4px;padding:16px;display:flex}.hero h2{font-size:var(--fs-20);font-weight:700}.hero p{font-size:var(--fs-14);color:var(--text-2)}.hero .idol-pick{margin-top:18px}.quick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick .btn{padding:0 12px}.quick.is-one{grid-template-columns:1fr}.lobby__login{display:none}.lobby__main{padding:12px var(--gutter) 0;flex-direction:column;gap:8px;display:flex}.lobby__grid>.lobby__main{order:-1}.lobby>.ticker{width:auto;margin:8px var(--gutter) 0}.home-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.home-tile{text-align:left;border-radius:var(--r-lg);min-width:0;height:auto;min-height:64px;font-size:var(--fs-15,15px);justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;display:flex}.home-tile>span:last-child{flex-direction:column;min-width:0;font-weight:700;display:flex;overflow:hidden}.home-tile small{font-size:var(--fs-12);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.home-tile__ic{background:var(--panel-2);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.home-yt{cursor:pointer}.tabbar{z-index:var(--z-chrome);padding:4px calc(4px + var(--sar)) calc(4px + var(--sab)) calc(4px + var(--sal));background:color-mix(in srgb, var(--bg) 98%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:0 -1px 0 var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__b{min-height:52px;font-size:var(--fs-12);color:var(--muted);border-radius:var(--r-lg);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tabbar__b .ico{width:22px;height:22px}.tabbar__b[aria-current=page]{color:var(--text)}.tabbar__b[aria-current=page] .ico{color:var(--accent)}.tabbar__b:active{background:var(--panel)}.lobby__foot{padding-bottom:calc(84px + var(--sab))!important}html.has-tabbar #toasts{bottom:calc(76px + var(--sab))}.sec-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sec-head h2{font-size:var(--fs-18);font-weight:700}.sec-head span{font-size:var(--fs-13);color:var(--muted)}.rooms{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rooms .skel{height:76px}.room-row{content-visibility:auto;contain-intrinsic-size:auto 76px;min-height:76px;transition:transform var(--dur-fast), border-color var(--dur-fast);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.room-row__init{background:var(--bg);width:48px;height:48px;font-family:var(--font-display);font-size:var(--fd-20);color:var(--accent);border:2px solid var(--line);border-radius:50%;justify-content:center;align-items:center;display:flex}.room-row[data-phase=play] .room-row__init,.room-row[data-phase=count] .room-row__init{background:linear-gradient(var(--bg), var(--bg)) padding-box, var(--grad-neon) border-box;border-color:#0000}.room-row__body{flex-direction:column;gap:4px;min-width:0;display:flex}.room-row__l1{align-items:center;gap:6px;min-width:0;display:flex}.room-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.room-row__l2{align-items:center;gap:8px;min-width:0;display:flex}.room-row__meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-13);color:var(--muted);overflow:hidden}.seatdots{flex:none;gap:4px;display:inline-flex}.seatdots i{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%}.seatdots i.on{background:var(--accent);box-shadow:none}.room-row .btn{padding:0 16px}@media (hover:hover){.room-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}}.lobby__foot{padding:24px var(--gutter) calc(24px + var(--sab));text-align:center;font-size:var(--fs-12);color:var(--muted)}.lobby__foot .btn--quiet{font-size:var(--fs-12);min-height:32px}.kicked{align-items:center;gap:10px;display:flex}.kicked p{font-size:var(--fs-14);flex:1}@media (min-width:640px) and (max-width:1023px){.lobby__grid,.lobby .top,.lobby__foot{width:100%;max-width:640px;margin-inline:auto}.lobby>.ticker{width:calc(100% - 2 * var(--gutter));max-width:608px;margin-inline:auto}}@media (min-width:1024px){.top{width:100%;max-width:1200px;margin:0 auto;padding-inline:32px}.logo{font-size:var(--fd-34)}.lobby__grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:16px 32px 0;display:grid}.lobby__grid>.lobby__main{order:0}.lobby>.ticker{width:calc(100% - 64px);max-width:1136px;margin:8px auto 0}.lobby__side{padding:0}.tabbar{width:min(560px,100%);box-shadow:0 0 0 1px var(--line), var(--sh-pop,0 8px 24px #0006);border-radius:999px;padding:4px 8px;bottom:12px;left:50%;right:auto;transform:translate(-50%)}html.has-conn .lobby__grid{padding-top:60px}.lobby__main{padding:0}.rooms{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.lobby__login{display:block}}}@layer utilities;.sync-bar{z-index:100;background:var(--amber-soft,#33290f);color:var(--amber,#ffd84d);text-align:center;padding:8px 16px;font-size:14px;position:sticky;top:0}.seg{background:var(--panel-3);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.seg__b{min-width:52px;height:30px;color:var(--text-2);font-size:var(--fs-13);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:700}.seg__b[aria-checked=true],.seg__b[aria-selected=true]{background:var(--me);color:#1a1527}.action-row--static{cursor:default}.plist{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.plist__row{border-radius:var(--r-lg);background:var(--panel-2);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:6px 6px 6px 10px;display:grid}.plist__row.is-mine{box-shadow:inset 0 0 0 1px var(--accent)}.plist__n{width:36px;height:36px;font-family:var(--font-display);font-size:var(--fd-20);color:var(--accent);background:var(--panel);border-radius:50%;place-items:center;display:grid}.plist__n .ico{width:18px;height:18px}.plist__t{text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.3;display:block;overflow:hidden}.plist__s{font-size:var(--fs-13);color:var(--muted);line-height:1.35;display:block}.plist__act{gap:2px;display:flex}.ico--up{transform:rotate(-90deg)}.idol-pick--many{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));max-height:340px;padding-top:16px;scroll-padding-top:16px;overflow-y:auto}.idol-pick--many .idol-tile{height:auto;min-height:76px;padding:8px 4px}.idol-pick--many .idol-tile .sil{width:28px;height:28px}.idol-tile__mark{background:var(--c-soft);width:32px;height:32px;color:var(--c);border-radius:50%;place-items:center;font-size:18px;display:grid}.idol-pick--many .idol-tile__name{font-size:var(--fs-13)}.idol-groups{margin-bottom:8px}.idol-groups .seg__b[disabled]{opacity:.5}.idol-pick--many .idol-tile{content-visibility:auto;contain-intrinsic-size:76px 90px}.idol-pick__more{grid-column:1/-1;height:1px}.idol-pick--many{cursor:grab}.idol-pick.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.idol-pick.is-dragging .idol-tile{pointer-events:none}.choices__group{color:var(--text-2);align-items:center;gap:8px;margin:10px 0 4px;font-weight:700;display:flex}.idol-groups .seg__b{flex-direction:column;line-height:1.15}.idol-groups__none{color:var(--muted);font-size:11px;display:block}.fx-heart{z-index:1000;pointer-events:none;text-shadow:0 0 8px;font-size:22px;line-height:1;position:fixed}.idol-tile__stage{height:16px;color:var(--text-2);white-space:nowrap;background:#0a0614cc;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700;line-height:16px;display:none;position:absolute;top:4px;right:4px}.idol-tile.is-onstage{opacity:.55}.idol-tile.is-onstage .idol-tile__stage{display:block}.idol-tile[aria-checked=true]{z-index:1}.vote-card{text-align:left;justify-content:flex-start;gap:12px;height:auto;padding-block:12px}.vote-card__body{white-space:normal;gap:4px;min-width:0;display:grid}.vote-card__title{overflow-wrap:anywhere;font-weight:700}.vote-card__meta{opacity:.75;font-size:.85em}.vote-card__top{flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.vote-card__top:empty{display:none}.vote-card__top li{border:1px solid var(--c);background:color-mix(in srgb, var(--c) 18%, transparent);border-radius:999px;padding:2px 8px;font-size:.82em}.vote-card__top small{opacity:.7}.top .logo{white-space:nowrap}.lite-badge{color:var(--muted,#a79fbf);border:1px solid var(--line,#2c2440);white-space:nowrap;border-radius:999px;flex:none;margin-left:6px;padding:1px 6px;font-size:11px}.yt-card{gap:8px;display:grid}.yt-list{gap:6px;display:grid}.yt-row{color:var(--text);border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:2px;text-decoration:none;display:flex}.yt-row img{aspect-ratio:16/9;object-fit:cover;background:var(--line);border-radius:8px;flex:none;width:96px}.yt-row small{color:var(--muted);display:block}.yt-row--short{color:var(--muted);font-size:var(--fs-14);min-height:32px;padding-left:106px}.yt-row:hover,.yt-row:focus-visible{background:var(--panel-2)}.invite-rec p{margin:4px 0}.vday{border-left:4px solid var(--me);gap:8px;padding:12px 14px;display:grid}.vday[hidden]{display:none}.vday__t{overflow-wrap:anywhere;font-weight:700}.vday__sub{font-size:var(--fs-13,13px);color:var(--text-2);overflow-wrap:anywhere}.vday__me{color:var(--me);font-weight:700}.vday__act{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vday__act .btn{min-height:44px}.vday__x{margin-left:auto}.vday__seven{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.vday__seven li{border:1px solid var(--c);background:color-mix(in srgb, var(--c) 18%, transparent);border-radius:999px;padding:2px 8px;font-size:.85em}.vday__seven li:first-child{font-weight:700}.vday__miss{color:var(--text);font-weight:600}.shop-head{background:radial-gradient(120% 140% at 100% 0, var(--accent-soft), var(--panel) 60%);position:relative;overflow:hidden}.shop-bar{border-radius:var(--r-pill);background:var(--panel-3);height:8px;overflow:hidden}.shop-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--amber));width:0;height:100%;transition:width var(--dur-base,.2s) ease;display:block}.shop-sheet .sheet__body>*{flex-shrink:0}.shop-look{border-radius:var(--r-md);background:var(--panel-2);align-items:center;gap:10px;margin-top:6px;padding:10px 12px;display:flex}.shop-look__who{min-width:0;display:grid}.shop-look__who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-look__phrase{font-size:var(--fs-13);color:var(--text-2)}.shop-look .shop-stick{margin-left:auto}.shop-ava{background:var(--panel-3);border:2px solid var(--line-strong,#4a3f63);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:inline-grid}.shop-ava--star{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft), 0 0 12px color-mix(in srgb, var(--amber) 45%, transparent)}.shop-ava--heart{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 0 12px color-mix(in srgb, var(--accent) 45%, transparent)}.shop-ava--gold{background:linear-gradient(var(--panel-3), var(--panel-3)) padding-box, conic-gradient(#ffe08a, #c9902a, #fff3c4, #c9902a, #ffe08a) border-box;border:3px solid #0000}.shop-stick{background:linear-gradient(var(--stick), color-mix(in srgb, var(--stick) 55%, #000));width:10px;height:34px;box-shadow:0 0 14px var(--stick);border-radius:5px 5px 3px 3px;flex:none;display:inline-block}.shop-bubble{background:var(--panel-3);font-size:var(--fs-13);white-space:nowrap;text-overflow:ellipsis;border-radius:12px 12px 12px 3px;max-width:100%;padding:4px 9px;display:inline-block;overflow:hidden}.shop-acts{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.shop-acts li{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);align-items:center;gap:10px;min-height:52px;padding:6px 10px;display:flex}.shop-acts li.is-done{opacity:.7}.shop-acts__ico{text-align:center;width:26px;font-size:20px}.shop-acts__name{flex:1;min-width:0;display:grid}.shop-acts__name small{color:var(--muted);font-size:var(--fs-12)}.shop-acts__n{color:var(--text-2);font-weight:700}.shop-acts__n.is-full{color:var(--cyan,#4fe3c1)}.shop-tabs{width:100%;margin:4px 0 10px;display:flex}.shop-tabs .seg__b{flex:1}.shop-tabs .seg__b[aria-selected=true]{background:var(--panel);color:var(--text,#fff);box-shadow:0 1px 0 var(--line)}.shop-pane{gap:10px;display:grid}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.shop-tile{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);text-align:center;color:inherit;font:inherit;align-content:start;justify-items:center;gap:6px;min-width:0;padding:12px 6px 10px;display:grid}.shop-tile--btn{cursor:pointer}.shop-tile--btn:hover{border-color:var(--line-strong,#4a3f63)}.shop-tile.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.shop-tile__emoji{font-size:26px}.shop-tile__name{font-size:var(--fs-13)}.shop-tile__price{font-size:var(--fs-12);color:var(--amber);font-weight:700}.shop-tile__price.is-have{color:var(--text-2)}.shop-tile.is-on .shop-tile__price{color:var(--accent-hi)}.shop-tile .shop-stick{height:28px}.shop-slot .mem-h3{margin:4px 0 6px}.shop-log__top{align-items:center;gap:6px;display:flex}.shop-log__top b{margin-left:auto}.shop-plus{color:var(--cyan,#4fe3c1)}.shop-minus{color:var(--text-2)}.shop-log--refund{border-left:3px solid var(--cyan,#4fe3c1);padding-left:8px}.shop-log--refund p{color:var(--text);font-weight:600}.shop-uses{margin:12px 0 6px}.shop-soon{color:var(--text)}.shop-soon__chip{font-size:var(--fs-12,12px);vertical-align:middle;margin-left:6px}.shop-rules{color:var(--text-2);font-size:var(--fs-13);gap:4px;margin:0;padding-left:18px;display:grid}.shop-goal{font-size:var(--fs-13);color:var(--accent-hi,var(--text));margin:6px 0 0;font-weight:600}.shop-empty{border-radius:var(--r-md);border:1px dashed var(--line-strong,#4a3f63);color:var(--text-2);font-size:var(--fs-13);margin:0;padding:12px}.shop-feed{gap:4px;margin:8px 0 0;display:grid}.shop-feed__lbl{font-size:var(--fs-12);color:var(--muted)}.shop-feed__line{border-radius:var(--r-pill);background:var(--panel-3);width:max-content;max-width:100%;font-size:var(--fs-12);white-space:nowrap;align-items:center;gap:5px;padding:2px 8px;display:flex;overflow:hidden}.shop-feed__line q{text-overflow:ellipsis;color:var(--text-2);quotes:"「" "」";overflow:hidden}.shop-feed .solo-feed__stick{background:var(--stick);width:4px;height:13px;box-shadow:0 0 6px var(--stick);border-radius:2px;flex:none}.shop-acts li.is-next{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.shop-trywrap{z-index:2;background:var(--panel);gap:6px;padding:8px 0 6px;display:grid;position:sticky;top:-4px}.shop-try{border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--line);padding:8px 10px}.shop-try.is-trying{border-color:var(--stick);box-shadow:0 0 0 1px var(--stick) inset}.shop-try__row{grid-template-columns:auto 1fr 1fr;align-items:end;gap:8px;margin-top:4px;display:grid}.shop-try__cell{justify-items:center;gap:4px;min-width:0;margin:0;display:grid}.shop-try__cell figcaption{font-size:var(--fs-12);color:var(--muted);text-align:center}.shop-seats{background:color-mix(in srgb, #000 25%, var(--panel-3));border-radius:8px;grid-template-columns:repeat(8,10px);gap:5px;padding:6px;display:grid}.shop-seats i{background:color-mix(in srgb, #ff5fa2 35%, var(--panel-3));border-radius:50%;width:10px;height:10px}.shop-seats i.is-me{background:var(--stick);box-shadow:0 0 0 2px #fff, 0 0 10px var(--stick);animation:1.2s ease-in-out infinite shop-pulse}.shop-try__fx{align-content:end;justify-items:center;width:100%;height:58px;display:grid;position:relative}.shop-wave{align-items:end;gap:8px;display:flex}.shop-wave i{background:linear-gradient(var(--stick), color-mix(in srgb, var(--stick) 55%, #000));width:6px;height:26px;box-shadow:0 0 10px var(--stick);transform-origin:50% 100%;animation:1s ease-in-out infinite alternate shop-sway;animation-delay:calc(var(--i) * -.18s);border-radius:3px 3px 2px 2px}.shop-try__shout{max-width:100%;font-size:var(--fs-12);position:absolute;top:0}.shop-trybar{border-radius:var(--r-md);background:color-mix(in srgb, var(--stick,var(--accent)) 14%, var(--panel));font-size:var(--fs-13);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 10px;display:flex}.shop-trybar__btns{gap:6px;margin-left:auto;display:flex}.shop-tile.is-try{border-style:dashed;border-color:var(--amber);background:color-mix(in srgb, var(--amber) 10%, var(--panel))}@keyframes shop-sway{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}@keyframes shop-pulse{50%{box-shadow:0 0 0 2px #fff, 0 0 18px var(--stick)}}@media (prefers-reduced-motion:reduce){.shop-wave i,.shop-seats i.is-me{animation:none}}@media (max-height:500px){.shop-trywrap{grid-template-columns:1fr auto;align-items:center;padding:4px 0}.shop-try{padding:4px 8px}.shop-try>.shop-feed__lbl,.shop-try__cell figcaption,.shop-trybar>span:first-child{display:none}.shop-try__row{margin:0}.shop-try__fx{height:40px}.shop-try .shop-ava{width:32px;height:32px}.shop-trybar{flex-direction:column;padding:4px 6px}.shop-trybar__btns{flex-direction:column;margin:0}.shop-head__look,.shop-head__lbl{display:none}.shop-head .shop-big{font-size:var(--fs-20);margin:0}}.shop-days{gap:12px;display:grid}.shop-day__h{font-size:var(--fs-13);align-items:baseline;gap:8px;margin:0 0 6px;display:flex}.shop-day__h b{margin-right:auto}.shop-acts li.shop-acts__empty{min-height:0;color:var(--text-2);font-size:var(--fs-13);border-style:dashed;padding:10px 12px;display:block}.shop-sub{gap:6px;margin-top:10px;display:grid}.shop-sub__h{font-size:var(--fs-13);margin:0;font-weight:700}.shop-sub__h small{color:var(--muted);font-weight:400}.shop-grid--wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shop-chips{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.shop-chip{border-radius:var(--r-pill);background:var(--panel-3);font-size:var(--fs-12);white-space:nowrap;padding:2px 8px}.shop-try__chant{border-top:1px dashed var(--line);gap:4px;margin-top:6px;padding-top:6px;display:grid}.shop-try__chant .shop-chips{justify-content:flex-start}@media (max-height:500px){.shop-try__chant>.shop-feed__lbl{display:none}.shop-try__chant .shop-chips{flex-wrap:nowrap;overflow:hidden}.shop-try__chant{margin-top:2px;padding-top:2px}}.endshop{align-items:center;gap:10px;padding:10px 12px;display:flex}.endshop__txt{flex:1;gap:2px;min-width:0;display:grid}.endshop__got{font-weight:700;font-size:var(--fs-14);margin:0}.endshop__goal{font-size:var(--fs-13);color:var(--text-2);margin:0}.endshop__goal:empty{display:none}.home-tile.home-tile--due{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset}.home-tile.home-tile--due small{color:var(--amber);font-weight:700}.shop-fav{border-radius:var(--r-md);border-left:4px solid var(--mc);background:color-mix(in srgb, var(--mc) 12%, var(--panel));font-size:var(--fs-14);margin:0;padding:8px 12px}.shop-fav b{color:var(--mc)}.shop-fav small{color:var(--muted);font-size:var(--fs-12)}.shop-tile__price.is-short,.shop-item__price.is-short{color:var(--muted)}.shop-item__price small{font-weight:400}.shop-papers .seg__b.is-short:not([aria-checked=true]){color:var(--muted)}.shop-sent{font-size:var(--fs-13);color:var(--text-2);margin:0}.shop-letters-left{margin:4px 0 8px}.shop-letters-left.is-out{color:var(--amber)}.shop-letter__n{text-align:right;color:var(--muted);margin:2px 2px 4px;font-size:12px;display:block}.shop-letter__n.is-near{color:var(--amber)}.shop-count{align-items:center;gap:8px;margin:6px 0;display:flex}.shop-count .mem-help{margin:0}.shop-wait{align-items:center;gap:8px;padding:16px 0;display:flex}.shop-foot{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:12px;display:grid}.home-tile--wide{grid-column:1/-1;min-height:52px}.shop-paper.is-new{box-shadow:0 0 0 2px var(--accent)}.shop-paper__new{background:var(--accent);width:max-content;color:var(--ink,#0e0b16);place-self:flex-start start;margin-bottom:4px;font-weight:700}.shop-trybar__plan{flex-basis:100%;margin:0}.shop-where{gap:6px;padding:12px 14px;display:grid}.shop-where .mem-h3{margin:0}.shop-where ul{font-size:var(--fs-14);gap:4px;margin:0;padding-left:0;list-style:none;display:grid}.shop-where .mem-help{margin:0}.shop-share{gap:6px;display:grid}.shop-share .mem-help{margin:0}.shop-big--btn{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:baseline;gap:8px;padding:0;display:flex}.shop-big--btn small{font-size:var(--fs-13);color:var(--accent);font-weight:600}.shop-mine{border-radius:var(--r-lg);border:1px solid color-mix(in srgb, var(--mc) 55%, transparent);background:color-mix(in srgb, var(--mc) 10%, var(--panel));gap:6px;padding:10px 12px;display:grid}.shop-mine .shop-sub__h{margin:0}.shop-mine__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.letter-thanks[aria-pressed=true]{color:var(--accent);opacity:1}.shop-paper--folded{opacity:.75;padding-block:8px}.shop-paper--folded .mem-log__who{margin:0}.shop-send{z-index:1;box-shadow:0 -10px 16px -6px var(--panel,#1a1527);position:sticky;bottom:8px}.shop-congrats{text-align:left;white-space:normal;border-color:color-mix(in srgb, var(--mc,#ff6fae) 55%, transparent);flex-direction:column;align-items:flex-start;gap:2px;max-width:100%;height:auto;min-height:0;margin:0 0 10px;padding-block:10px;display:flex}.shop-congrats small{color:var(--muted);white-space:normal;overflow-wrap:anywhere;font-weight:400}.shop-congrats-row:empty{display:none}
