.tsu-toasts{--tsu-toast-lift: 0px;position:fixed;bottom:calc(var(--sp-3) + var(--safe-bottom) + var(--tsu-toast-lift));left:var(--sp-3);z-index:120;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);width:min(420px,calc(100vw - var(--sp-3) * 2));pointer-events:none}.tsu-toasts--lifted{--tsu-toast-lift: 76px}.tsu-toast{--tsu-toast-accent: var(--info);pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border-strong);border-left:4px solid var(--tsu-toast-accent);background:var(--surface-solid-2);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--fs-sm);font-weight:600;text-align:left;animation:rise-in var(--t-med) var(--ease-out) both}.tsu-toast--info{--tsu-toast-accent: var(--info)}.tsu-toast--success{--tsu-toast-accent: var(--success)}.tsu-toast--error{--tsu-toast-accent: var(--danger)}.tsu-toast__dot{flex:none;width:8px;height:8px;margin-top:var(--sp-1);border-radius:var(--r-pill);background:var(--tsu-toast-accent)}.tsu-toast__text{min-width:0;overflow-wrap:anywhere}.tsu-spinner{display:inline-block;flex:none;line-height:0}.tsu-spinner svg{animation:tsu-spinner-rotate .9s linear infinite}.tsu-spinner__track{stroke:var(--border)}.tsu-spinner__arc{stroke:currentColor;stroke-dasharray:90 160}@keyframes tsu-spinner-rotate{to{transform:rotate(360deg)}}.tsu-spinner svg{transform-origin:50% 50%}@media(prefers-reduced-motion:reduce){.tsu-spinner svg{animation-duration:2s}}.tsu-btn{--tsu-btn-bg: var(--surface-2);--tsu-btn-fg: var(--text);--tsu-btn-edge: color-mix(in srgb, var(--bg) 55%, black);--tsu-btn-pad-y: var(--sp-3);--tsu-btn-pad-x: var(--sp-5);--tsu-btn-min-h: 48px;--tsu-btn-fs: var(--fs-md);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tsu-btn-min-h);padding:var(--tsu-btn-pad-y) var(--tsu-btn-pad-x);border-radius:var(--r-md);background:var(--tsu-btn-bg);color:var(--tsu-btn-fg);font-size:var(--tsu-btn-fs);font-weight:700;letter-spacing:-.01em;line-height:1.2;text-align:center;box-shadow:var(--press) var(--tsu-btn-edge);transform:translateY(0);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),filter var(--t-fast) linear,opacity var(--t-fast) linear;touch-action:manipulation;-webkit-user-select:none;user-select:none}.tsu-btn:hover:not(:disabled){filter:brightness(1.08)}.tsu-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--tsu-btn-edge)}.tsu-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 2px 0 var(--tsu-btn-edge)}.tsu-btn--full{display:flex;width:100%}.tsu-btn__label{display:inline-flex;align-items:center;gap:var(--sp-2);min-width:0}.tsu-btn--loading .tsu-btn__label{opacity:.75}.tsu-btn__spinner{display:inline-flex}.tsu-btn--primary{--tsu-btn-bg: linear-gradient(135deg, var(--accent), var(--accent-2));--tsu-btn-fg: var(--text);--tsu-btn-edge: color-mix(in srgb, var(--accent-2) 55%, black)}.tsu-btn--ghost{--tsu-btn-bg: transparent;--tsu-btn-fg: var(--text-dim);--tsu-btn-edge: transparent;border:1px solid var(--border);box-shadow:none}.tsu-btn--ghost:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--surface)}.tsu-btn--ghost:active:not(:disabled){transform:translateY(1px);box-shadow:none}.tsu-btn--secondary{--tsu-btn-bg: var(--surface-solid-2);--tsu-btn-fg: var(--text);--tsu-btn-edge: color-mix(in srgb, var(--surface-solid) 65%, black);border:1px solid var(--border)}.tsu-btn--danger{--tsu-btn-bg: var(--danger);--tsu-btn-fg: var(--text);--tsu-btn-edge: color-mix(in srgb, var(--danger) 55%, black)}.tsu-btn--success{--tsu-btn-bg: var(--success);--tsu-btn-fg: var(--text-on-bright);--tsu-btn-edge: color-mix(in srgb, var(--success) 55%, black)}.tsu-btn--choice{--tsu-btn-bg: var(--surface-solid-2);--tsu-btn-fg: var(--text);--tsu-btn-edge: color-mix(in srgb, var(--surface-solid) 70%, black);border-radius:var(--r-lg);font-size:var(--fs-lg);min-height:64px}.tsu-btn--sm{--tsu-btn-pad-y: var(--sp-2);--tsu-btn-pad-x: var(--sp-3);--tsu-btn-min-h: 38px;--tsu-btn-fs: var(--fs-sm);border-radius:var(--r-sm)}.tsu-btn--lg{--tsu-btn-pad-y: var(--sp-4);--tsu-btn-pad-x: var(--sp-6);--tsu-btn-min-h: 64px;--tsu-btn-fs: var(--fs-xl);border-radius:var(--r-lg)}.tsu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:0}.tsu-card--p-sm{padding:var(--sp-3)}.tsu-card--p-md{padding:var(--sp-5)}.tsu-card--p-lg{padding:var(--sp-6)}.tsu-card--glow{border-color:var(--border-strong);box-shadow:var(--shadow-md),var(--shadow-glow)}.tsu-field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.tsu-field__label{font-size:var(--fs-sm);font-weight:700;color:var(--text-dim)}.tsu-field__input{width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-solid);color:var(--text);font-size:var(--fs-md);transition:border-color var(--t-fast) linear,box-shadow var(--t-fast) linear,background var(--t-fast) linear}.tsu-field__input::placeholder{color:var(--text-faint)}.tsu-field__input:hover:not(:disabled){border-color:var(--border-strong)}.tsu-field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--surface-solid-2)}.tsu-field__input:disabled{opacity:.55;cursor:not-allowed}.tsu-field--big .tsu-field__input{min-height:84px;font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:800;text-align:center;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;border-radius:var(--r-lg)}.tsu-field--error .tsu-field__input{border-color:var(--danger)}.tsu-field--error .tsu-field__input:focus{box-shadow:0 0 0 4px var(--danger-soft)}.tsu-field__error,.tsu-field__hint{font-size:var(--fs-sm);line-height:1.35}.tsu-field__error{color:var(--danger);font-weight:600}.tsu-field__hint{color:var(--text-faint)}.tsu-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:calc(var(--sp-4) + var(--safe-top)) var(--sp-4) calc(var(--sp-4) + var(--safe-bottom));background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in var(--t-fast) ease both}.tsu-modal__panel{width:100%;max-height:100%;display:flex;flex-direction:column;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:pop-in var(--t-med) var(--ease-bounce) both;overflow:hidden}.tsu-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-2) var(--sp-5)}.tsu-modal__title{font-size:var(--fs-xl);margin:0}.tsu-modal__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--r-pill);color:var(--text-dim);background:var(--surface);transition:color var(--t-fast) linear,background var(--t-fast) linear}.tsu-modal__close:hover{color:var(--text);background:var(--surface-2)}.tsu-modal__body{padding:var(--sp-3) var(--sp-5) var(--sp-5);overflow-y:auto;-webkit-overflow-scrolling:touch}.tsu-countdown{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.tsu-countdown__ring{position:relative;flex:none;display:grid;place-items:center}.tsu-countdown svg{position:absolute;inset:0}.tsu-countdown__track{stroke:var(--surface-2);stroke-width:8}.tsu-countdown__arc{stroke:var(--accent);stroke-width:8;transition:stroke-dashoffset var(--t-fast) linear,stroke var(--t-med) linear;filter:drop-shadow(0 0 6px var(--accent-soft))}.tsu-countdown--urgent .tsu-countdown__arc{stroke:var(--danger)}.tsu-countdown--urgent .tsu-countdown__number{color:var(--danger)}.tsu-countdown__number{position:relative;line-height:1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--text)}.tsu-countdown__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--text-faint);text-align:center;line-height:1.2;max-width:18ch}.tsu-countdown--beat .tsu-countdown__number{animation:tsu-countdown-beat var(--t-med) var(--ease-bounce)}@keyframes tsu-countdown-beat{0%{transform:scale(1.16)}to{transform:scale(1)}}.tsu-progress{position:relative;width:100%;overflow:hidden;background:var(--surface-2);border-radius:var(--r-pill)}.tsu-progress__fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);border-radius:inherit;transition:transform .11s linear;will-change:transform}.tsu-avatar{--tsu-avatar-a: var(--accent);--tsu-avatar-b: var(--accent-2);flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:linear-gradient(140deg,var(--tsu-avatar-a),var(--tsu-avatar-b));color:var(--text-on-bright);font-weight:800;letter-spacing:-.02em;line-height:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 24%,transparent),var(--shadow-sm);-webkit-user-select:none;user-select:none}.tsu-gate{position:fixed;inset:0;z-index:100;background:linear-gradient(170deg,var(--bg-2) 0%,var(--bg) 60%);display:flex;flex-direction:column;align-items:center;padding-bottom:calc(var(--sp-5) + var(--safe-bottom))}.tsu-gate__hit{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:calc(var(--sp-6) + var(--safe-top)) var(--sp-5) calc(var(--sp-6) + var(--safe-bottom));text-align:center;color:var(--text);touch-action:manipulation}.tsu-gate__icon{color:var(--accent);animation:pulse 2.4s var(--ease-out) infinite;filter:drop-shadow(0 0 24px var(--accent-soft))}.tsu-gate__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em}.tsu-gate__sub{max-width:30ch;color:var(--text-dim);font-size:var(--fs-sm);font-weight:500;line-height:1.5}.tsu-gate__cta{display:inline-flex;align-items:center;justify-content:center;min-height:60px;min-width:200px;padding:var(--sp-3) var(--sp-6);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--press) color-mix(in srgb,var(--accent-2) 55%,black);font-size:var(--fs-lg);font-weight:800}.tsu-gate__hit:active .tsu-gate__cta{transform:translateY(4px);box-shadow:0 1px color-mix(in srgb,var(--accent-2) 55%,black)}.tsu-gate__skip{margin-top:var(--sp-5);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:700;color:var(--text-faint);border-radius:var(--r-pill)}.tsu-gate__skip:hover{color:var(--text-dim);background:var(--surface)}.tsu-mute{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color var(--t-fast) linear,border-color var(--t-fast) linear,background var(--t-fast) linear,transform var(--t-fast) var(--ease-out);touch-action:manipulation}.tsu-mute:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.tsu-mute:active{transform:scale(.94)}.tsu-mute--off{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-soft)}.tsu-choice{--tsu-choice: var(--choice-0);--tsu-choice-dark: var(--choice-0-dark);position:relative;display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:76px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--tsu-choice);color:var(--text);font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em;text-align:left;box-shadow:var(--press) var(--tsu-choice-dark);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),opacity var(--t-med) linear,filter var(--t-med) linear;touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}.tsu-choice--c0{--tsu-choice: var(--choice-0);--tsu-choice-dark: var(--choice-0-dark)}.tsu-choice--c1{--tsu-choice: var(--choice-1);--tsu-choice-dark: var(--choice-1-dark)}.tsu-choice--c2{--tsu-choice: var(--choice-2);--tsu-choice-dark: var(--choice-2-dark)}.tsu-choice--c3{--tsu-choice: var(--choice-3);--tsu-choice-dark: var(--choice-3-dark)}.tsu-choice:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--tsu-choice-dark)}.tsu-choice__shape{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-md);background:color-mix(in srgb,var(--text-on-bright) 20%,transparent);color:var(--text)}.tsu-choice__label{flex:1;min-width:0;line-height:1.2;overflow-wrap:anywhere}.tsu-choice__mark,.tsu-choice__count{flex:none;display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 var(--sp-2);border-radius:var(--r-pill);background:color-mix(in srgb,var(--text-on-bright) 28%,transparent);color:var(--text);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.tsu-choice--picked{transform:translateY(2px);box-shadow:0 0 0 4px var(--text),0 3px 0 var(--tsu-choice-dark),var(--shadow-md)}.tsu-choice--correct{box-shadow:0 0 0 4px var(--success),var(--press) var(--tsu-choice-dark),0 0 34px var(--success-soft);animation:pop-in var(--t-med) var(--ease-bounce) both}.tsu-choice--wrong{filter:saturate(.45) brightness(.72);animation:shake var(--t-slow) var(--ease-out) both}.tsu-choice--dim{opacity:.42;filter:saturate(.5);box-shadow:0 2px 0 var(--tsu-choice-dark)}.tsu-choice--disabled,.tsu-choice:disabled{cursor:not-allowed}.tsu-choice--disabled.tsu-choice--idle{opacity:.55;filter:saturate(.7)}@media(max-width:380px){.tsu-choice{font-size:var(--fs-md);min-height:76px;padding:var(--sp-3)}.tsu-choice__shape{width:40px;height:40px}}.tsu-lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);width:100%}.tsu-lb__empty{color:var(--text-faint);font-size:var(--fs-sm);text-align:center;padding:var(--sp-4)}.tsu-lb__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);min-height:56px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);will-change:transform}.tsu-lb__row--me{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.tsu-lb__row--top1 .tsu-lb__rank{color:var(--text-on-bright);background:var(--gold)}.tsu-lb__row--top2 .tsu-lb__rank{color:var(--text-on-bright);background:var(--silver)}.tsu-lb__row--top3 .tsu-lb__rank{color:var(--text-on-bright);background:var(--bronze)}.tsu-lb__rank{flex:none;display:grid;place-items:center;min-width:30px;height:30px;padding:0 var(--sp-1);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-sm);font-weight:800;font-variant-numeric:tabular-nums}.tsu-lb__name{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2);font-weight:700}.tsu-lb__nametext{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsu-lb__you{flex:none;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);background:var(--accent);color:var(--text);font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tsu-lb__streak{flex:none;font-size:var(--fs-xs);font-weight:800;color:var(--warning)}.tsu-lb__delta{flex:none;font-size:var(--fs-xs);font-weight:800;font-variant-numeric:tabular-nums}.tsu-lb__delta--up{color:var(--success)}.tsu-lb__delta--down{color:var(--danger)}.tsu-lb__round{flex:none;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);background:var(--success-soft);color:var(--success);font-size:var(--fs-xs);font-weight:800;font-variant-numeric:tabular-nums}.tsu-lb__score{flex:none;min-width:4.5ch;text-align:right;font-size:var(--fs-lg);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tsu-runtime{display:flex;flex-direction:column;gap:var(--sp-2)}.tsu-runtime__head{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.tsu-runtime__eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.tsu-runtime__total{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;color:var(--text)}.tsu-runtime__per{font-size:var(--fs-xs);color:var(--text-dim)}.tsu-runtime__bar{display:flex;height:10px;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-2)}.tsu-runtime__seg{height:100%;min-width:2px}.tsu-runtime__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.tsu-runtime__item{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-dim)}.tsu-runtime__dot{width:8px;height:8px;border-radius:50%;flex:none}.tsu-runtime__value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.tsu-runtime--compact .tsu-runtime__total{font-size:var(--fs-lg)}.tsu-phase{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;animation:tsu-phase-in var(--t-slow) var(--ease-out) both}@keyframes tsu-phase-in{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:none}}.home{min-height:100%;display:flex;align-items:center;justify-content:center;padding:calc(var(--sp-5) + var(--safe-top)) var(--sp-4) calc(var(--sp-5) + var(--safe-bottom))}.home__inner{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--sp-4);animation:rise-in var(--t-slow) var(--ease-out) both}.home__head{text-align:center}.home__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:var(--fs-xs);font-weight:700;color:var(--text-faint)}.home__title{font-size:var(--fs-3xl);margin-top:var(--sp-1);background:linear-gradient(96deg,var(--text) 10%,var(--accent) 55%,var(--accent-2) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.home__form{display:flex;flex-direction:column;gap:var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-md)}.home__label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.home__code,.home__name{width:100%;background:var(--surface-solid);border:2px solid var(--border);border-radius:var(--r-md);color:var(--text);transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease}.home__code{font-family:var(--font-mono);font-size:var(--fs-4xl);font-weight:700;line-height:1.1;letter-spacing:.16em;text-align:center;text-transform:uppercase;text-indent:.16em;padding:var(--sp-3) var(--sp-2);min-height:76px}.home__code::placeholder{color:var(--text-faint);opacity:.5}.home__code:focus,.home__name:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-glow)}.home__hint{font-size:var(--fs-xs);color:var(--text-faint);text-align:center;margin-bottom:var(--sp-2)}.home__name{font-size:var(--fs-lg);font-weight:600;padding:0 var(--sp-4);min-height:56px}.home__name::placeholder{color:var(--text-faint)}.home__error{margin-top:var(--sp-1);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-sm);font-weight:600;padding:var(--sp-3);animation:shake var(--t-slow) ease both}.home__actions{margin-top:var(--sp-3)}.home__actions button{width:100%;min-height:60px}.home__conn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-dim)}.home__conn-dot{width:9px;height:9px;border-radius:var(--r-pill);background:var(--text-faint);flex:none}.home__conn--on .home__conn-dot{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.home__conn--off .home__conn-dot{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft);animation:pulse 1.2s ease-in-out infinite}.home__tip{text-align:center;font-size:var(--fs-xs);color:var(--text-faint)}.home__foot{text-align:center;padding-top:var(--sp-2)}.home__host{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-4);font-size:var(--fs-sm);font-weight:600;color:var(--text-dim)}.home__host:hover{color:var(--text)}@media(orientation:landscape)and (max-height:520px){.home{align-items:flex-start}.home__inner{max-width:560px;gap:var(--sp-3)}.home__title{font-size:var(--fs-2xl)}.home__code{font-size:var(--fs-3xl);min-height:60px}.home__form{padding:var(--sp-3)}.home__tip{display:none}}.pl-app{height:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);overflow:hidden}.pl-app--plain{overflow:auto;justify-content:center}.pl-top{flex:none;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:var(--surface);min-height:48px}.pl-top__code{font-weight:800;font-size:var(--fs-sm);letter-spacing:.14em;color:var(--text-dim);flex:none}.pl-top__round{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:600;color:var(--text-dim);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-top__right{flex:none;display:flex;align-items:center;gap:var(--sp-2)}.pl-conn{display:inline-flex;align-items:center}.pl-conn__dot{width:9px;height:9px;border-radius:var(--r-pill);background:var(--success)}.pl-conn--on .pl-conn__dot{box-shadow:0 0 0 3px var(--success-soft)}.pl-conn--off .pl-conn__dot{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft);animation:pulse 1.2s ease-in-out infinite}.pl-banner{flex:none;margin:0;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:600;text-align:center;color:var(--text-dim);background:var(--surface-2);border-bottom:1px solid var(--border)}.pl-banner--warn{color:var(--text);background:var(--warning-soft);border-bottom-color:var(--warning)}.pl-banner--error{color:var(--text);background:var(--danger-soft);border-bottom-color:var(--danger)}.pl-stage{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.pl-stage>*{grid-area:1 / 1;min-width:0;min-height:0;display:flex;flex-direction:column}.pl-screen{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4) var(--sp-4) var(--sp-3);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.pl-screen>*{flex:none}.pl-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center}.pl-foot{flex:none;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border);background:var(--surface);min-height:52px}.pl-foot__name{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-foot__score{flex:none;font-family:var(--font-mono);font-weight:800;font-size:var(--fs-lg);color:var(--accent)}.pl-pause{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:#0d0b1fdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--t-med) ease both}.pl-pause__card{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-5);text-align:center;max-width:320px}.pl-pause__title{font-size:var(--fs-2xl);font-weight:800;margin-bottom:var(--sp-2)}.pl-stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-2)}.pl-stat__value{font-size:var(--fs-xl);font-weight:800;line-height:1.1;white-space:nowrap}.pl-stat__label{font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.pl-stat--streak .pl-stat__value{color:var(--warning)}.pl-delta{display:inline-flex;align-items:center;gap:2px;letter-spacing:normal}.pl-delta--up{color:var(--success);font-weight:700}.pl-delta--down{color:var(--danger);font-weight:700}.pl-actions{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;max-width:340px;margin:0 auto}.pl-actions button{width:100%;min-height:56px}.pl-lobby{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-5);text-align:center}.pl-lobby__hero{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.pl-lobby__avatar{transform-origin:center}.pl-lobby__title{font-size:var(--fs-3xl);background:linear-gradient(96deg,var(--text) 5%,var(--accent) 60%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.pl-lobby__name{font-size:var(--fs-lg);font-weight:700;color:var(--text-dim)}.pl-lobby__stats{display:flex;gap:var(--sp-3)}.pl-lobby__wait{color:var(--text-dim);font-size:var(--fs-sm)}.pl-tip{display:flex;align-items:center;gap:var(--sp-3);text-align:left;background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);min-height:68px;animation:fade-in var(--t-slow) ease both}.pl-tip__mark{font-size:var(--fs-xl);color:var(--accent);flex:none}.pl-count{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center}.pl-count__round{font-size:var(--fs-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.pl-count__ring{display:flex;align-items:center;justify-content:center;min-height:160px}.pl-count__pulse{width:120px;height:120px;border-radius:var(--r-pill);border:6px solid var(--accent);opacity:.6;animation:pulse 1.4s ease-in-out infinite}.pl-count__label{font-size:var(--fs-3xl)}.pl-count__repeat{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-weight:800;animation:pop-in var(--t-med) var(--ease-bounce) both}.pl-count__brief{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-2);max-width:34ch;text-align:left;color:var(--text-dim);font-size:var(--fs-sm)}.pl-count__brief li{position:relative;padding-left:var(--sp-4)}.pl-count__brief li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:var(--r-pill);background:var(--accent)}.pl-q{flex:1;display:flex;flex-direction:column;gap:var(--sp-3)}.pl-q__head{display:flex;align-items:center;gap:var(--sp-3)}.pl-q__status{flex:1;min-width:0}.pl-q__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;line-height:1.1}.pl-q__sub{font-size:var(--fs-sm);color:var(--text-dim);margin-top:2px}.pl-q__ring{position:relative;flex:none;width:68px;height:68px;display:grid;place-items:center}.pl-q__ring svg{position:absolute;inset:0}.pl-q__ring-track{stroke:var(--border)}.pl-q__ring-arc{stroke:var(--accent);transition:stroke-dashoffset var(--t-fast) linear,stroke var(--t-med) ease}.pl-q__ring--wait .pl-q__ring-arc{stroke:var(--info)}.pl-q__ring--urgent .pl-q__ring-arc{stroke:var(--danger)}.pl-q__ring--urgent{animation:pulse 1s ease-in-out infinite}.pl-q__ring-num{position:relative;font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:800;font-variant-numeric:tabular-nums}.pl-q__ring--urgent .pl-q__ring-num{color:var(--danger)}.pl-clip{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4)}.pl-clip__icon{display:flex;align-items:flex-end;gap:3px;height:16px;flex:none}.pl-clip__icon i{display:block;width:3px;height:5px;border-radius:2px;background:var(--text-faint)}.pl-clip--playing .pl-clip__icon i{background:var(--accent);animation:pl-eq .7s ease-in-out infinite}.pl-clip--playing .pl-clip__icon i:nth-child(2){animation-delay:.16s}.pl-clip--playing .pl-clip__icon i:nth-child(3){animation-delay:.32s}@keyframes pl-eq{0%,to{height:5px}50%{height:16px}}.pl-clip__bar{flex:1;height:6px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.pl-clip__fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width var(--t-fast) linear}.pl-clip__pass{flex:none;font-size:var(--fs-xs);font-weight:800;letter-spacing:.04em;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.pl-repeat{display:flex;align-items:center;gap:var(--sp-3);background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-4);animation:fade-in var(--t-fast) ease both}.pl-repeat__num{flex:none;min-width:1.2ch;text-align:center;font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--accent)}.pl-repeat__text{display:flex;flex-direction:column;min-width:0;font-size:var(--fs-sm);font-weight:700}.pl-repeat__text em{font-style:normal;font-size:var(--fs-xs);font-weight:700;color:var(--text-faint)}.pl-choices{display:grid;grid-template-columns:1fr;gap:var(--sp-2);margin-top:auto}.pl-choices>*{width:100%;min-height:64px}.pl-answered{flex:none;min-height:22px;text-align:center;font-size:var(--fs-sm);color:var(--text-dim)}.pl-rev{flex:1;display:flex;flex-direction:column;gap:var(--sp-3)}.pl-rev__banner{border-radius:var(--r-lg);border:1px solid var(--border);padding:var(--sp-4);text-align:center}.pl-rev__banner--ok{background:var(--success-soft);border-color:var(--success);animation:rise-in var(--t-slow) var(--ease-bounce) both}.pl-rev__banner--no{background:var(--danger-soft);border-color:var(--danger);animation:shake var(--t-slow) ease both}.pl-rev__banner--none{background:var(--surface);animation:fade-in var(--t-med) ease both}.pl-rev__verdict{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em}.pl-rev__banner--ok .pl-rev__verdict{color:var(--success)}.pl-rev__banner--no .pl-rev__verdict{color:var(--danger)}.pl-rev__points{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.pl-rev__points-unit{display:block;font-family:var(--font);font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.pl-rev__speed{font-size:var(--fs-sm);color:var(--text-dim);margin-top:var(--sp-1)}.pl-song{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-2)}.pl-song__art{width:64px;height:64px;flex:none;border-radius:var(--r-sm);object-fit:cover;background:var(--surface-2)}.pl-song__art--blank{display:grid;place-items:center;font-size:var(--fs-2xl);color:var(--text-faint)}.pl-song__meta{min-width:0}.pl-song__title{font-weight:800;font-size:var(--fs-lg);line-height:1.2;overflow-wrap:anywhere}.pl-song__artist{color:var(--text-dim);font-size:var(--fs-sm);overflow-wrap:anywhere}.pl-song__artist:empty{display:none}.pl-rev__stats{display:flex;gap:var(--sp-2)}.pl-rev__choices{display:grid;grid-template-columns:1fr;gap:var(--sp-2);margin-top:auto}.pl-rev__choice{display:flex;align-items:center;gap:var(--sp-2)}.pl-rev__choice>*:first-child{flex:1;min-width:0;min-height:56px}.pl-rev__count{flex:none;width:64px;text-align:right;font-size:var(--fs-xs);color:var(--text-faint)}.pl-sb{flex:1;display:flex;flex-direction:column;gap:var(--sp-3)}.pl-sb__head{text-align:center}.pl-sb__title{font-size:var(--fs-2xl);margin-top:var(--sp-1)}.pl-sb__list{animation:rise-in var(--t-med) var(--ease-out) both}.pl-sb__next{text-align:center;font-size:var(--fs-md);color:var(--text-dim)}.pl-sb__next strong{display:inline-grid;place-items:center;min-width:2.2em;margin-left:var(--sp-1);padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums}.pl-sb__next--wait,.pl-sb__next--paused{color:var(--text-faint);font-size:var(--fs-sm)}.pl-sb__next--paused{color:var(--warning);font-weight:700}.pl-sb__you{display:flex;flex-direction:column;gap:var(--sp-1);animation:rise-in var(--t-med) var(--ease-out) both}.pl-sb__gap{text-align:center;letter-spacing:.3em;color:var(--text-faint);padding:var(--sp-1) 0}.pl-sb__chase{text-align:center;font-size:var(--fs-sm);margin-top:auto}.pl-final{position:relative;flex:1;display:flex;flex-direction:column;gap:var(--sp-4)}.pl-final__head{text-align:center}.pl-final__title{font-size:var(--fs-2xl);margin-top:var(--sp-1)}.pl-podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:var(--sp-2)}.pl-podium__col{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);min-width:0}.pl-podium__who{animation:pop-in var(--t-slow) var(--ease-bounce) both}.pl-podium__name{font-size:var(--fs-sm);font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-podium__score{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.pl-podium__block{width:100%;border-radius:var(--r-md) var(--r-md) 0 0;display:grid;place-items:center;font-weight:800;color:var(--text-on-bright);animation:rise-in var(--t-slow) var(--ease-out) both}.pl-podium__block--1{height:118px;background:linear-gradient(180deg,var(--gold),#b58a20);box-shadow:var(--shadow-glow)}.pl-podium__block--2{height:86px;background:linear-gradient(180deg,var(--silver),#7d8a9c)}.pl-podium__block--3{height:64px;background:linear-gradient(180deg,var(--bronze),#8b5a2b)}.pl-podium__block--you{outline:3px solid var(--accent);outline-offset:-3px}.pl-podium__place{font-size:var(--fs-2xl)}.pl-placing{display:flex;align-items:baseline;justify-content:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3)}.pl-placing__rank{font-size:var(--fs-2xl);font-weight:800;color:var(--accent)}.pl-placing__meta{font-size:var(--fs-sm);color:var(--text-dim)}.pl-awards{display:flex;flex-direction:column;gap:var(--sp-2)}.pl-award{display:grid;grid-template-columns:1fr auto;gap:0 var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3)}.pl-award__label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.pl-award__who{grid-row:2;font-weight:700}.pl-award__detail{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:var(--fs-sm);color:var(--text-dim);text-align:right}.pl-final__hint{text-align:center;font-size:var(--fs-sm);margin-top:auto}.pl-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.pl-confetti__bit{position:absolute;top:-6vh;width:8px;height:14px;border-radius:2px;opacity:0;animation-name:pl-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes pl-fall{0%{transform:translate3d(0,-10vh,0) rotate(var(--pl-tilt, 0deg));opacity:0}8%{opacity:1}to{transform:translate3d(0,105vh,0) rotate(calc(var(--pl-tilt, 0deg) + 540deg));opacity:.9}}.pl-ended{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center;padding:calc(var(--sp-6) + var(--safe-top)) var(--sp-4) calc(var(--sp-6) + var(--safe-bottom));max-width:420px;margin:0 auto;width:100%}.pl-ended__mark{font-size:var(--fs-4xl);line-height:1}.pl-ended__title{font-size:var(--fs-2xl)}.pl-ended__msg{color:var(--text-dim);overflow-wrap:anywhere}.pl-ended__code{font-size:var(--fs-sm);letter-spacing:.16em}.pl-ended__hint{font-size:var(--fs-xs);max-width:30ch}@media(min-width:560px){.pl-screen{width:100%;max-width:560px;margin:0 auto}.pl-choices,.pl-rev__choices{grid-template-columns:1fr 1fr}.pl-rev__choice{flex-direction:column;align-items:stretch;gap:var(--sp-1)}.pl-rev__count{width:auto;text-align:center}}@media(orientation:landscape)and (max-height:520px){.pl-screen{gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);max-width:720px}.pl-choices,.pl-rev__choices{grid-template-columns:1fr 1fr}.pl-choices>*{min-height:56px}.pl-q__title,.pl-lobby__title,.pl-count__label,.pl-rev__verdict,.pl-sb__title,.pl-final__title{font-size:var(--fs-xl)}.pl-rev__points,.pl-repeat__num{font-size:var(--fs-2xl)}.pl-count__ring{min-height:110px}.pl-count__pulse{width:84px;height:84px}.pl-lobby{gap:var(--sp-3)}.pl-tip{min-height:0;padding:var(--sp-2) var(--sp-3)}.pl-podium__block--1{height:78px}.pl-podium__block--2{height:58px}.pl-podium__block--3{height:44px}.pl-foot{min-height:44px;padding-top:var(--sp-1);padding-bottom:var(--sp-1)}}@media(prefers-reduced-motion:reduce){.pl-confetti,.pl-clip--playing .pl-clip__icon i,.pl-q__ring--urgent,.pl-conn--off .pl-conn__dot,.pl-count__pulse{animation:none}}@media(max-width:559px){.pl-sb{gap:var(--sp-2)}.pl-sb__head{gap:0}.pl-sb__title{font-size:var(--fs-lg)}.pl-sb__next{font-size:var(--fs-sm)}.pl-sb .tsu-lb{gap:var(--sp-1)}.pl-sb .tsu-lb__row{min-height:40px;padding:var(--sp-1) var(--sp-2);gap:var(--sp-2);border-radius:var(--r-sm)}.pl-sb .tsu-lb__rank{min-width:22px;height:22px;font-size:var(--fs-xs)}.pl-sb .tsu-avatar{display:none}.pl-sb .tsu-lb__name{font-size:var(--fs-sm);gap:var(--sp-1)}.pl-sb .tsu-lb__score{font-size:var(--fs-md)}.pl-sb .tsu-lb__delta,.pl-sb .tsu-lb__streak{font-size:.68rem}.pl-sb__chase{font-size:var(--fs-xs);margin-top:var(--sp-2)}.pl-sb__gap{margin:0;line-height:1}}.pl-count__waiting{font-size:var(--fs-sm);color:var(--text-dim);text-align:center}.pl-q__image{display:grid;place-items:center;width:100%;min-height:120px;max-height:36vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.pl-q__image img{display:block;width:100%;height:100%;max-height:36vh;object-fit:contain}.pl-q__image-missing{padding:var(--sp-4);text-align:center}.pl-rev__image{display:block;width:100%;max-height:40vh;object-fit:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}:root{--bg: #0d0b1f;--bg-2: #14102e;--bg-glow-a: #3d1d7a;--bg-glow-b: #0b2a5e;--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--surface-solid: #1b1638;--surface-solid-2: #241d4a;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--text: #f6f4ff;--text-dim: rgba(246, 244, 255, .68);--text-faint: rgba(246, 244, 255, .42);--text-on-bright: #14102e;--accent: #a855f7;--accent-2: #f0308c;--accent-soft: rgba(168, 85, 247, .18);--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .16);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .16);--info: #38bdf8;--choice-0: #e5364b;--choice-0-dark: #a91f31;--choice-1: #2f6bff;--choice-1-dark: #1c47bd;--choice-2: #f0a808;--choice-2-dark: #b57905;--choice-3: #17b978;--choice-3-dark: #0d8a58;--gold: #ffd35c;--silver: #cbd5e1;--bronze: #d08c52;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-4xl: 3rem;--fs-5xl: clamp(3rem, 12vw, 6rem);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .38);--shadow-lg: 0 20px 56px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(168, 85, 247, .35);--press: 0 5px 0;--t-fast: .12s;--t-med: .22s;--t-slow: .42s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--content-max: 1180px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-reduced-motion:reduce){:root{--t-fast: 1ms;--t-med: 1ms;--t-slow: 1ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--fs-md);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60vw 60vw at 12% -10%,var(--bg-glow-a) 0%,transparent 60%),radial-gradient(55vw 55vw at 100% 8%,var(--bg-glow-b) 0%,transparent 62%),linear-gradient(170deg,var(--bg-2) 0%,var(--bg) 55%)}img,svg,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.15;font-weight:800;letter-spacing:-.02em}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.page{min-height:100%;padding:calc(var(--sp-5) + var(--safe-top)) var(--sp-4) calc(var(--sp-6) + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--sp-4)}.page--center{align-items:center;justify-content:center;text-align:center}.page--wide{max-width:var(--content-max);margin:0 auto;width:100%}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{flex:1}.center{text-align:center}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:var(--fs-xs);font-weight:700;color:var(--text-faint)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.82)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(4px)}50%{transform:translate(-4px)}}.anim-rise{animation:rise-in var(--t-med) var(--ease-out) both}.anim-pop{animation:pop-in var(--t-med) var(--ease-bounce) both}.anim-fade{animation:fade-in var(--t-med) ease both}