@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-violet-500:oklch(60.6% .25 292.717);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.min-h-\[5rem\]{min-height:5rem}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scale-\[1\.02\]{scale:1.02}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-white{background-color:var(--color-white)}.bg-white\/4{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/4{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-white{color:var(--color-white)}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-white\/25{color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.accent-violet-500{accent-color:var(--color-violet-500)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-white\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}}.active\:scale-\[0\.97\]:active{scale:.97}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}main,.history-table-wrap{touch-action:pan-y}button,.opt-a,.opt-b,.opt-c,.opt-d{-webkit-user-select:none;user-select:none}:root,[data-theme=dark]{--bg:#0c0c1e;--bg-sidebar:#08081a;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--border:#ffffff17;--border-focus:#8b5cf68c;--text:#e8e6ff;--text-muted:#e8e6ff80;--text-faint:#e8e6ff3d;--accent:#7c3aed;--accent-light:#a78bfa;--blue:#2563eb;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}[data-theme=light]{--bg:#f0eeff;--bg-sidebar:#e6e0ff;--bg-card:#ffffffe0;--bg-card-hover:#fff;--border:#6d28d91a;--border-focus:#6d28d973;--text:#1c143a;--text-muted:#1c143a8c;--text-faint:#1c143a47;--accent:#6d28d9;--accent-light:#7c3aed;--blue:#1d4ed8;--success:#059669;--danger:#dc2626;--warning:#d97706}.bg-app{background:var(--bg);background-image:radial-gradient(80% 50% at 50% -10%,#7c3aed1a 0%,#0000 65%);min-height:100vh}[data-theme=light] .bg-app{background-image:radial-gradient(80% 50% at 50% -10%,#6d28d90e 0%,#0000 65%)}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(1.6);border:1px solid var(--border);border-radius:1.25rem}[data-theme=light] .glass{box-shadow:0 1px 3px #0000000f,0 8px 28px #6d28d90d}.glass-sm{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:.625rem}[data-theme=light] .glass-sm{box-shadow:0 1px 2px #0000000a}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c4b5fd 0%,#818cf8 45%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 55%,#2563eb 100%);-webkit-background-clip:text;background-clip:text}.input-field{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:.625rem;outline:none;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .18s,box-shadow .18s}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #7c3aed1f}.input-field::placeholder{color:var(--text-faint)}.input-field option{color:var(--text);background:#14121f}[data-theme=light] .input-field{background:#ffffffd9;border-color:#0000001a}[data-theme=light] .input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6d28d914}[data-theme=light] .input-field option{background:#fff}.btn-primary{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 55%,#2563eb 100%);border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.6875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:opacity .18s,transform .14s,box-shadow .18s;display:inline-flex;box-shadow:0 1px 2px #0006,0 4px 16px #6d28d947}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 2px 4px #00000059,0 8px 24px #6d28d966}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.32;cursor:not-allowed}.btn-accent{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#0891b2);border:none;border-radius:.625rem;justify-content:center;align-items:center;padding:.6875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:opacity .18s,transform .14s;display:inline-flex;box-shadow:0 1px 2px #0006,0 4px 14px #0891b240}.btn-accent:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-accent:disabled{opacity:.32;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff0f;border-radius:.625rem;justify-content:center;align-items:center;padding:.5625rem 1.25rem;font-size:.875rem;font-weight:500;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.btn-ghost:hover{color:var(--text);background:#ffffff1c;border-color:#ffffff26}[data-theme=light] .btn-ghost{background:#0000000a;border-color:#0000001a}[data-theme=light] .btn-ghost:hover{color:var(--text);background:#00000012;border-color:#00000029}.opt-a{background:linear-gradient(140deg,#5b21b6 0%,#7c3aed 100%)}.opt-b{background:linear-gradient(140deg,#1d4ed8 0%,#3b82f6 100%)}.opt-c{background:linear-gradient(140deg,#0369a1 0%,#0ea5e9 100%)}.opt-d{background:linear-gradient(140deg,#0f766e 0%,#14b8a6 100%)}.opt-a,.opt-b,.opt-c,.opt-d{box-shadow:inset 0 1px #ffffff1f,0 2px 8px #00000047}.timer-track{background:#ffffff14;border-radius:3px;width:100%;height:5px;overflow:hidden}[data-theme=light] .timer-track{background:#00000014}.timer-fill{border-radius:3px;height:100%;transition:width 1s linear,background-color .4s}.timer-fill-ok{background:linear-gradient(90deg,#6d28d9,#2563eb)}.timer-fill-warning{background:linear-gradient(90deg,#b45309,#f59e0b)}.timer-fill-danger{background:linear-gradient(90deg,#991b1b,#ef4444)}.lang-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:2rem;gap:2px;padding:2px;display:inline-flex}.lang-pill button{letter-spacing:.04em;cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:2rem;padding:.25rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .18s,color .18s}.lang-pill button.active{background:var(--accent);color:#fff}.lang-pill button:hover:not(.active){background:var(--bg-card-hover);color:var(--text)}.badge{letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:700;font-family:var(--font-mono,monospace);border-radius:.3rem;align-items:center;padding:.18rem .5rem;display:inline-flex}.badge-lang{color:#c4b5fd;background:#7c3aed33;border:1px solid #7c3aed47}.badge-cat{color:var(--text-muted);border:1px solid var(--border);background:#ffffff12}[data-theme=light] .badge-lang{color:#6d28d9;background:#6d28d91a;border-color:#6d28d938}[data-theme=light] .badge-cat{color:var(--text-muted);background:#0000000d;border-color:#0000001a}.rank-row{border-radius:.625rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:background .15s;display:flex}.rank-row.mine{background:#7c3aed26;border:1px solid #7c3aed4d}.rank-row:not(.mine){background:#ffffff0a}[data-theme=light] .rank-row:not(.mine){background:#00000008}[data-theme=light] .rank-row.mine{background:#6d28d912;border-color:#6d28d938}.divider{background:linear-gradient(90deg, transparent, var(--border) 30%, var(--border) 70%, transparent);height:1px}.nav-glass{-webkit-backdrop-filter:blur(12px)saturate(1.8);border-bottom:1px solid var(--border);background:#0c0c1ed9}[data-theme=light] .nav-glass{background:#f0eeffe6}.app-layout{flex-direction:column;min-height:100vh;display:flex}.topnav{z-index:40;background:var(--bg-sidebar);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);align-items:center;gap:.25rem;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}[data-theme=light] .topnav{box-shadow:0 1px 12px #6d28d90f}.topnav-logo{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.5rem;margin-right:1rem;padding:0;display:flex}.topnav-logo-mark{width:32px;height:32px;font-family:var(--font-display);color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:900;display:flex;box-shadow:0 2px 10px #7c3aed66}.topnav-logo-name{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-size:.9rem;font-weight:700}.topnav-links{align-items:center;gap:.125rem;display:flex}.topnav-link{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;padding:.375rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;position:relative}.topnav-link:hover{color:var(--text);background:#ffffff0f}.topnav-link.active{color:var(--accent-light);background:#7c3aed24}.topnav-link.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}[data-theme=light] .topnav-link:hover{color:var(--text);background:#6d28d90f}[data-theme=light] .topnav-link.active{color:var(--accent);background:#6d28d91a}.topnav-spacer{flex:1}.topnav-controls{align-items:center;gap:.5rem;display:flex}.topnav-controls-skeleton{background:var(--border);border-radius:50%;width:34px;height:34px;animation:1.8s ease-in-out infinite pulse}.topnav-avatar{color:#fff;width:34px;height:34px;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);border:2px solid #7c3aed66;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:700;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.topnav-avatar:hover{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26}.topnav-avatar-img{object-fit:cover;width:100%;height:100%}.topnav-avatar-guest{color:var(--text-muted);background:#ffffff14}[data-theme=light] .topnav-avatar-guest{color:var(--text-muted);background:#00000012}.theme-toggle{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{background:#7c3aed1a;border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed14}[data-theme=light] .theme-toggle:hover{background:#f59e0b1a;border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b1a}.theme-toggle-icon{pointer-events:none;font-size:15px;line-height:1;transition:transform .38s cubic-bezier(.34,1.56,.64,1),opacity .22s;position:absolute}.theme-toggle-moon{color:#a78bfa;opacity:1;transform:translateY(0)scale(1)}.theme-toggle-sun{color:#fbbf24;opacity:0;transform:translateY(10px)scale(.6)}[data-theme=light] .theme-toggle-moon{opacity:0;transform:translateY(-10px)scale(.6)}[data-theme=light] .theme-toggle-sun{opacity:1;transform:translateY(0)scale(1)}.content-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 2.5rem 3rem}@media (max-width:768px){.content-main{padding:1.5rem 1.25rem 2rem}}.content-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.content-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);margin:0;font-size:1.875rem;font-weight:800;line-height:1.1}.content-subtitle{color:var(--text-muted);margin:.375rem 0 0;font-size:.9375rem}.landing-hero{flex-direction:column;justify-content:space-between;align-items:center;min-height:calc(100vh - 56px);display:flex;position:relative;overflow:hidden}.landing-hero-glow{pointer-events:none;background:radial-gradient(80% 55% at 50% -5%,#7c3aed47 0%,#0000 65%),radial-gradient(40% 35% at 15% 85%,#2563eb24 0%,#0000 55%),radial-gradient(35% 30% at 85% 75%,#7c3aed1a 0%,#0000 50%);position:absolute;inset:0}.landing-hero-inner{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.75rem;width:100%;max-width:680px;padding:5rem 2rem 3rem;display:flex;position:relative}.landing-badge{letter-spacing:.04em;color:var(--accent-light);background:#7c3aed24;border:1px solid #7c3aed47;border-radius:2rem;align-items:center;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.landing-title{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(4.5rem,16vw,9rem);font-weight:900;line-height:.88}.landing-subtitle{color:var(--text-muted);max-width:460px;margin:0;font-size:1.0625rem;line-height:1.65}.landing-hero-btns{flex-wrap:wrap;justify-content:center;gap:.875rem;display:flex}.landing-cta-primary{padding:.8125rem 2rem;font-size:.9375rem}.landing-cta-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:.625rem;padding:.8125rem 2rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .18s,border-color .18s,color .18s}.landing-cta-ghost:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff3d}[data-theme=light] .landing-cta-ghost{border-color:#0000001f}[data-theme=light] .landing-cta-ghost:hover{color:var(--text);background:#0000000a;border-color:#0003}.landing-strip{z-index:1;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem;width:100%;padding:1.25rem 2.5rem;display:flex;position:relative}.landing-strip-item{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.landing-strip-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:3px;height:3px}.landing-actions{justify-content:center;padding:4rem 2rem 5rem;display:flex}.landing-cards{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:780px;display:grid}@media (max-width:640px){.landing-actions{padding:2.5rem 1.25rem 3.5rem}.landing-cards{grid-template-columns:1fr}}.landing-card{flex-direction:column;gap:.875rem;padding:2.25rem;transition:border-color .2s,box-shadow .2s,transform .22s;display:flex}.landing-card:hover{border-color:#7c3aed4d;transform:translateY(-3px);box-shadow:0 8px 36px #7c3aed1a}[data-theme=light] .landing-card:hover{border-color:#6d28d938;box-shadow:0 8px 28px #6d28d912}.landing-card-num{font-family:var(--font-mono,monospace);letter-spacing:.12em;color:var(--accent-light);opacity:.55;font-size:.6875rem;font-weight:700}.landing-card-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:0;font-size:1.4375rem;font-weight:800}.landing-card-desc{color:var(--text-muted);flex:1;margin:0;font-size:.875rem;line-height:1.6}.landing-card-cta{width:100%;padding:.6875rem 1.25rem}.landing-join-form{flex-direction:column;flex:1;justify-content:flex-end;gap:.625rem;display:flex}.landing-code-input{text-align:center;font-weight:700;font-family:var(--font-mono)!important;letter-spacing:.28em!important;padding-left:.5rem!important;font-size:1.5rem!important}.lang-switch{align-items:center;gap:.125rem;display:flex}.lang-switch-btn{letter-spacing:.05em;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1;transition:color .15s,background .15s}.lang-switch-btn.active{color:var(--text);background:#ffffff14}.lang-switch-btn:hover:not(.active){color:var(--text-muted)}[data-theme=light] .lang-switch-btn.active{color:var(--text);background:#00000012}.lang-switch-sep{color:var(--text-faint);pointer-events:none;font-size:.5625rem;line-height:1}.cr-grid{grid-template-columns:1fr 380px;align-items:start;gap:1.25rem;display:grid}@media (max-width:860px){.cr-grid{grid-template-columns:1fr}}.cr-pack-card{flex-direction:column;gap:0;display:flex;overflow:hidden}.cr-cover{aspect-ratio:16/7;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.cr-pack-info{flex-direction:column;gap:.5rem;padding:1.5rem 1.75rem 1.75rem;display:flex}.cr-pack-cat{letter-spacing:.1em;color:var(--accent-light);margin:0;font-size:.6875rem;font-weight:700}.cr-pack-name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:0;font-size:1.375rem;font-weight:800}.cr-pack-desc{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.cr-pack-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.cr-meta-item{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.cr-settings-card{padding:1.75rem}.cr-form{flex-direction:column;gap:1.125rem;display:flex}.create-room-form{flex-direction:column;gap:1rem;display:flex}.create-room-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.create-room-label-opt{color:var(--text-faint);font-weight:400}.create-room-identity{background:#7c3aed14;border:1px solid #7c3aed2e;border-radius:.75rem;align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.create-room-identity-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9375rem;font-weight:800;display:flex}.create-room-identity-name{color:var(--text);margin:0;font-size:.9375rem;font-weight:600}.create-room-identity-role{color:var(--text-faint);margin:.1rem 0 0;font-size:.75rem}[data-theme=light] .create-room-identity{background:#6d28d90d;border-color:#6d28d924}.home-main{flex-direction:column;flex:1;display:flex}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:3rem 3rem 2rem;display:flex;position:relative;overflow:hidden}.hero-orb{filter:blur(55px);pointer-events:none;z-index:0;background:radial-gradient(circle at 40% 35%,#7c3aed80 0%,#4f46e547 35%,#2563eb1f 58%,#0000 72%);border-radius:50%;width:420px;height:420px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-ring{pointer-events:none;z-index:0;border:1px solid #7c3aed2e;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-ring-2{border-color:#7c3aed14;width:380px;height:380px}.hero-title{z-index:1;font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,9vw,5.5rem);font-weight:900;line-height:1;position:relative}.hero-decos{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-deco{color:var(--accent-light);opacity:.3;font-size:1.25rem;animation:7s ease-in-out infinite deco-float;position:absolute}.hero-deco:first-child{animation-delay:0s;top:22%;left:18%}.hero-deco:nth-child(2){font-size:.875rem;animation-delay:2.5s;top:28%;right:20%}.hero-deco:nth-child(3){font-size:1rem;animation-delay:5s;bottom:22%;left:28%}.hero-deco:nth-child(4){opacity:.18;font-size:1.5rem;animation-delay:1.5s;bottom:18%;right:18%}@keyframes deco-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(10deg)}}.home-body{justify-content:center;width:100%;padding:0 2.5rem 3rem;display:flex}@media (max-width:768px){.home-body{padding:0 1.25rem 2.5rem}}.home-actions{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.25rem;width:100%;max-width:680px;display:grid}@media (max-width:600px){.home-actions{grid-template-columns:1fr}}.action-card{flex-direction:column;gap:.75rem;padding:1.75rem;transition:border-color .2s,box-shadow .2s;display:flex}.action-card:hover{border-color:#7c3aed4d;box-shadow:0 4px 20px #7c3aed14}[data-theme=light] .action-card:hover{border-color:#6d28d933;box-shadow:0 4px 16px #6d28d90f}.action-icon-wrap{width:44px;height:44px;color:var(--accent-light);background:#7c3aed2e;border:1px solid #7c3aed40;border-radius:.875rem;justify-content:center;align-items:center;margin-bottom:.25rem;font-size:1.125rem;display:flex}.action-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:1.0625rem;font-weight:800}.action-desc{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.action-sub{color:var(--text-faint);font-size:.75rem;line-height:1.4}.action-code-input{text-align:center;margin-bottom:.75rem;font-weight:700;font-family:var(--font-mono)!important;letter-spacing:.22em!important;font-size:1.375rem!important}.action-btn{width:100%}.action-pack-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0;display:grid}.action-pack-chip{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;background:#7c3aed1a;border:1px solid #7c3aed2e;border-radius:.625rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.action-join-fields{flex-direction:column;gap:.5rem;margin:.25rem 0;display:flex}.action-join-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.home-features{flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.feature-item{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;align-items:flex-start;gap:.875rem;padding:1.25rem;transition:border-color .18s;display:flex}.feature-item:hover{border-color:#7c3aed38}.feature-icon-circle{width:38px;height:38px;color:var(--accent-light);background:#7c3aed2e;border:1px solid #7c3aed40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.feature-title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.feature-desc{color:var(--text-faint);font-size:.75rem;line-height:1.45}.packs-main{flex:1;min-width:0;min-height:100vh;padding:2.5rem 2.5rem 3rem}.packs-header{margin-bottom:1.75rem}.packs-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);margin-bottom:.375rem;font-size:2rem;font-weight:800}.packs-subtitle{color:var(--text-muted);font-size:.9375rem}.packs-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:1.25rem 2.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.filter-group{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.625rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap}.filter-pills{flex-wrap:wrap;gap:.375rem;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border-radius:2rem;padding:.3125rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1;transition:all .18s}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px #7c3aed59}.filter-pill:hover:not(.active){background:var(--bg-card-hover);color:var(--text);border-color:#7c3aed47}.packs-search-wrap{margin-bottom:1.5rem;position:relative}.packs-search-icon{color:var(--text-faint);pointer-events:none;font-size:1.0625rem;font-style:normal;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.packs-search{padding-left:2.5rem!important}.pack-list,.packs-skeleton{flex-direction:column;gap:.625rem;display:flex}.pack-card-skeleton{border:1px solid var(--border);background:var(--bg-card);border-radius:1rem;align-items:stretch;min-height:96px;display:flex;overflow:hidden}.pack-sk-cover{flex-shrink:0;width:112px}.pack-sk-info{flex-direction:column;flex:1;justify-content:center;gap:.5rem;padding:.875rem 1rem;display:flex}.pack-sk-line{border-radius:.375rem;height:.625rem}.packs-empty{text-align:center;color:var(--text-faint);padding:3rem 0;font-size:.9375rem}.pack-card-v2{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:1rem;align-items:stretch;min-height:96px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;overflow:hidden}.pack-card-v2:hover{border-color:#7c3aed52;transform:translateY(-2px);box-shadow:0 4px 24px #7c3aed1a}[data-theme=light] .pack-card-v2:hover{box-shadow:0 4px 20px #6d28d91f}.pack-cover{flex-shrink:0;justify-content:center;align-items:center;width:112px;display:flex;position:relative;overflow:hidden}.pack-cover-icon{color:#ffffff47;z-index:1;font-size:2.5rem;position:relative}.pack-info{flex-direction:column;flex:1;justify-content:center;gap:.3rem;min-width:0;padding:.875rem 1rem;display:flex}.pack-badges-row{align-items:center;gap:.5rem;display:flex}.pack-cat-label{letter-spacing:.12em;color:var(--accent-light);font-size:.5625rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.pack-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.15rem .45rem;font-size:.5rem;font-weight:700;display:inline-flex}.pack-badge-private{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.pack-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pack-name{font-family:var(--font-display);color:var(--text);font-size:1rem;font-weight:700;line-height:1.2}.pack-desc{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.pack-stats-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.pack-stats-left{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.pack-stat{color:var(--text-faint);font-size:.6875rem;font-family:var(--font-mono);align-items:center;gap:.3rem;display:inline-flex}.pack-meta-text{color:var(--text-faint);font-size:.6875rem;font-family:var(--font-mono)}.pack-footer-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.star-rating{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.star-row{gap:1px;display:flex}.star-btn{cursor:pointer;color:var(--border);background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:color .1s,transform .1s}.star-btn.filled{color:#f59e0b}.star-btn:hover:not(:disabled){color:#fbbf24;transform:scale(1.2)}.star-btn:disabled{cursor:default;opacity:.6}.star-meta{color:var(--text-faint);font-size:.625rem;font-family:var(--font-mono);white-space:nowrap}.pack-play-btn{border-left:1px solid var(--border);width:52px;color:var(--accent-light);background:#7c3aed1a;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s;display:flex}.pack-card-v2:hover .pack-play-btn{color:#a78bfa;background:#7c3aed33}.pack-form{border-radius:.875rem;margin-top:.5rem;padding:1.375rem 1.5rem}.pack-form-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.625rem;font-weight:700;font-family:var(--font-mono);margin-bottom:1.125rem}.pack-form-fields{flex-direction:column;gap:.875rem;display:flex}.pack-form-label{color:var(--text-muted);margin-bottom:.375rem;font-size:.875rem;display:block}.pack-form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sidebar-user{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:left;border-radius:.875rem;align-items:center;gap:.625rem;width:100%;margin-bottom:1.25rem;padding:.5rem .625rem;font-family:inherit;transition:background .18s,border-color .18s;display:flex}.sidebar-user:hover{background:var(--bg-card-hover);border-color:#7c3aed47}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.sidebar-avatar-img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.sidebar-login-btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#6d28d9,#4f46e5);border:none;border-radius:.625rem;width:100%;margin-bottom:.625rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:opacity .18s;display:block}.sidebar-login-btn:hover{opacity:.88}.auth-page{background:var(--bg);background-image:radial-gradient(70% 55% at 50% -5%,#7c3aed26 0%,#0000 60%),radial-gradient(50% 40% at 80% 100%,#2563eb12 0%,#0000 55%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}[data-theme=light] .auth-page{background-image:radial-gradient(70% 55% at 50% -5%,#6d28d912 0%,#0000 60%)}.auth-card{flex-direction:column;gap:1.25rem;width:100%;max-width:420px;padding:2.5rem 2rem;display:flex}.auth-logo{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.auth-logo-mark{width:56px;height:56px;font-family:var(--font-display);color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:1rem;justify-content:center;align-items:center;margin-bottom:.25rem;font-size:1.375rem;font-weight:900;display:flex;box-shadow:0 4px 20px #7c3aed73}.auth-logo-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:1.875rem;font-weight:900}.auth-logo-sub{color:var(--text-muted);margin:0;font-size:.9375rem}.auth-error{color:var(--danger);background:#ef44441a;border:1px solid #ef444440;border-radius:.625rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.auth-btns{flex-direction:column;gap:.625rem;display:flex}.auth-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.8125rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .18s,transform .14s,box-shadow .18s;display:flex}.auth-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.4;cursor:not-allowed}.auth-telegram-widget{border-radius:.75rem;justify-content:center;align-items:center;width:100%;min-height:50px;display:flex;overflow:hidden}.auth-btn-telegram{color:#fff;background:#2aabee;box-shadow:0 1px 4px #2aabee59}.auth-btn-telegram:hover:not(:disabled){background:#1a9ed6;box-shadow:0 2px 8px #2aabee73}.auth-btn-google{color:#3c4043;background:#fff;border:1px solid #0000001f;box-shadow:0 1px 4px #00000014}.auth-btn-google:hover:not(:disabled){background:#f8f8f8;box-shadow:0 2px 8px #0000001f}[data-theme=dark] .auth-btn-google{color:#3c4043;background:#fff}.auth-btn-apple{color:#fff;background:#000;box-shadow:0 1px 4px #0006}.auth-btn-apple:hover:not(:disabled){background:#1a1a1a;box-shadow:0 2px 8px #00000080}[data-theme=light] .auth-btn-apple{color:#fff;background:#000}.auth-divider{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.75rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-guest-btn{text-align:center;width:100%}.auth-loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9375rem}.profile-main{flex-direction:column;flex:1;gap:1.25rem;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:2.5rem 2.5rem 3rem;display:flex}.profile-header{align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.profile-avatar-wrap{flex-shrink:0}.profile-avatar{width:64px;height:64px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;justify-content:center;align-items:center;font-size:1.375rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 16px #7c3aed59}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-avatar-guest{color:var(--text-muted);box-shadow:none;background:#ffffff14}[data-theme=light] .profile-avatar-guest{background:#00000012}.profile-info{flex:1;min-width:0}.profile-name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:0 0 .125rem;font-size:1.375rem;font-weight:800;line-height:1.2}.profile-email{color:var(--text-muted);margin:0;font-size:.875rem}.profile-logout-btn{flex-shrink:0;font-size:.8125rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 1.5rem;display:flex}.stat-value{font-family:var(--font-display);letter-spacing:-.04em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c4b5fd 0%,#818cf8 45%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;line-height:1}[data-theme=light] .stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 55%,#2563eb 100%);-webkit-background-clip:text;background-clip:text}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.profile-section{padding:1.5rem 1.75rem}.profile-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0 0 1.25rem;font-size:1.125rem;font-weight:800}.profile-loading{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.9375rem}.profile-error{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:.5rem;padding:.75rem;font-size:.875rem}.profile-empty{color:var(--text-faint);text-align:center;margin:0;padding:2rem 0;font-size:.9375rem}.profile-skeleton-header{background:var(--bg-card);border:1px solid var(--border);border-radius:1.125rem;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.profile-skeleton-avatar{background:var(--border);border-radius:50%;flex-shrink:0;width:64px;height:64px;animation:1.8s ease-in-out infinite pulse}.profile-skeleton-lines{flex-direction:column;flex:1;gap:.5rem;display:flex}.profile-skeleton-line{background:var(--border);border-radius:6px;height:14px;animation:1.8s ease-in-out infinite pulse}.profile-skeleton-line-lg{width:55%;height:20px;animation-delay:.1s}.profile-skeleton-line-sm{width:38%;height:13px;animation-delay:.2s}.profile-skeleton-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (max-width:600px){.profile-skeleton-stats{grid-template-columns:1fr}}.profile-skeleton-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;height:88px;animation:1.8s ease-in-out infinite pulse}.profile-skeleton-stat:nth-child(2){animation-delay:.1s}.profile-skeleton-stat:nth-child(3){animation-delay:.2s}.profile-skeleton-section{background:var(--bg-card);border:1px solid var(--border);border-radius:1.125rem;flex-direction:column;gap:.75rem;padding:1.5rem 1.75rem;display:flex}.profile-skeleton-section-title{background:var(--border);border-radius:6px;width:42%;height:18px;animation:1.8s ease-in-out infinite pulse}.profile-skeleton-row{background:var(--border);border-radius:6px;height:13px;animation:1.8s ease-in-out infinite pulse}.profile-skeleton-row:nth-child(2){width:88%;animation-delay:50ms}.profile-skeleton-row:nth-child(3){width:76%;animation-delay:.1s}.profile-skeleton-row:nth-child(4){width:82%;animation-delay:.15s}.history-table-wrap{border:1px solid var(--border);border-radius:.75rem;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:.875rem}.history-table thead tr{border-bottom:1px solid var(--border);background:#ffffff0a}[data-theme=light] .history-table thead tr{background:#00000008}.history-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:.6875rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap;padding:.75rem 1rem}.history-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:hover{background:#ffffff08}.history-table tbody tr.row-winner{background:#7c3aed12}[data-theme=light] .history-table tbody tr.row-winner{background:#6d28d90d}.td-pack{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.td-rank{white-space:nowrap}.rank-badge{font-size:1rem}.rank-of{color:var(--text-faint);margin-left:2px;font-size:.75rem}.td-score{font-family:var(--font-mono);color:var(--accent-light);font-weight:600}.pts-label{color:var(--text-faint);font-size:.75rem;font-weight:400}.td-date{color:var(--text-muted);white-space:nowrap;font-size:.8125rem}@media (max-width:768px){.profile-main{padding:1.5rem 1.25rem 2rem}.profile-header{flex-wrap:wrap;gap:1rem}.profile-logout-btn{order:3;width:100%}}.confirm-overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.confirm-card{flex-direction:column;gap:1.5rem;width:100%;max-width:380px;padding:1.75rem 2rem;display:flex;box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff0f;-webkit-backdrop-filter:none!important;background:#1a1530!important;border-color:#ffffff24!important}[data-theme=light] .confirm-card{box-shadow:0 24px 60px #0000002e,0 0 0 1px #0000000d;background:#fff!important;border-color:#0000001a!important}.confirm-message{color:var(--text);text-align:center;margin:0;font-size:.9375rem;line-height:1.6}.confirm-actions{gap:.625rem;display:flex}.confirm-cancel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:.625rem;flex:1;padding:.6875rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.confirm-cancel-btn:hover{color:var(--text);border-color:#fff3}[data-theme=light] .confirm-cancel-btn{border-color:#0000001f}[data-theme=light] .confirm-cancel-btn:hover{border-color:#00000038}.confirm-action-btn{flex:1;padding:.6875rem 1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}65%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:.32s ease-out forwards fadeInUp}.anim-fade{animation:.25s ease-out forwards fadeIn}.anim-scale{animation:.28s ease-out forwards scaleIn}.anim-pop{animation:.42s cubic-bezier(.34,1.56,.64,1) forwards popIn}.anim-pulse{animation:1.8s ease-in-out infinite pulse}.anim-slide-down{animation:.28s ease-out forwards slideDown}.lh-anim-1,.lh-anim-2,.lh-anim-3,.lh-anim-4,.lh-anim-5{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.lh-anim-1{animation-delay:50ms}.lh-anim-2{animation-delay:.18s}.lh-anim-3{animation-delay:.32s}.lh-anim-4{animation-delay:.44s}.lh-anim-5{animation-delay:.56s}@media (max-width:768px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;width:100%;height:auto;padding:.75rem 1rem;position:static;overflow-y:visible}.sidebar-logo{margin-bottom:0}.sidebar-nav{flex-direction:row;gap:.125rem;margin-left:.75rem}.sidebar-nav-item{padding:.375rem .625rem;font-size:.8125rem}.sidebar-nav-item.active:before,.sidebar-nav-icon,.sidebar-spacer{display:none}.sidebar-footer{border-top:none;margin-top:0;margin-left:auto;padding-top:0}.home-actions{grid-template-columns:1fr}.hero-section{min-height:240px;padding:2rem 1.5rem 1.5rem}.hero-title{font-size:clamp(2.5rem,12vw,4rem)}.packs-main{padding:1.5rem 1.25rem 2rem}.packs-filters{gap:.625rem 1rem}.topnav-logo-name{display:none}.studio-questions{grid-template-columns:1fr}.landing-hero-inner{gap:1.25rem;padding:3rem 1.5rem 2rem}.landing-strip{gap:1rem;padding:1rem 1.25rem}.landing-strip-dot{display:none}}.studio-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 2.5rem 3rem}.studio-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.studio-header-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:1.75rem;font-weight:800}.studio-pack-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.studio-pack-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:1.125rem;flex-direction:column;gap:.5rem;padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.studio-pack-card:hover{border-color:#7c3aed59;transform:translateY(-2px);box-shadow:0 8px 28px #7c3aed1a}.studio-pack-title{font-family:var(--font-display);color:var(--text);font-size:1rem;font-weight:700;line-height:1.3}.studio-pack-desc{color:var(--text-muted);flex:1;font-size:.8125rem;line-height:1.5}.studio-pack-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.studio-pack-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-light);background:#7c3aed1f;border:1px solid #7c3aed33;border-radius:.375rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:600}.studio-pack-count{color:var(--text-faint);margin-left:auto;font-size:.75rem}.studio-empty{text-align:center;color:var(--text-muted);padding:4rem 2rem}.studio-empty-icon{opacity:.4;margin-bottom:1rem;font-size:3rem}.studio-empty h3{font-family:var(--font-display);color:var(--text);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.studio-empty p{margin-bottom:1.5rem;font-size:.875rem}.editor-main{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 2.5rem 3rem;display:flex}.editor-topbar{align-items:center;gap:1rem;display:flex}.editor-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem 0;font-family:inherit;font-size:.875rem;transition:color .15s;display:flex}.editor-back:hover{color:var(--text)}.editor-meta-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.125rem;flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.editor-meta-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.editor-meta-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.editor-section-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1rem;font-weight:700}.q-list{flex-direction:column;gap:.5rem;display:flex}.q-item{background:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;transition:border-color .2s;overflow:hidden}.q-item.open{border-color:#7c3aed4d}.q-item-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.875rem;padding:1rem 1.25rem;transition:background .15s;display:flex}.q-item-header:hover{background:#ffffff08}.q-num{font-family:var(--font-mono);color:var(--accent-light);background:#7c3aed24;border-radius:.375rem;flex-shrink:0;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.q-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;overflow:hidden}.q-preview.empty{opacity:.5;font-style:italic}.q-meta{color:var(--text-faint);flex-shrink:0;gap:.5rem;font-size:.75rem;display:flex}.q-chevron{color:var(--text-faint);flex-shrink:0;transition:transform .2s}.q-item.open .q-chevron{transform:rotate(180deg)}.q-editor{border-top:1px solid var(--border);flex-direction:column;gap:1rem;padding:0 1.25rem 1.25rem;display:flex}.q-editor-options{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.q-option-wrap{position:relative}.q-option-input{width:100%;padding-left:2.25rem!important}.q-option-label{font-family:var(--font-mono);pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.q-option-wrap.opt-a .q-option-label{color:#a78bfa}.q-option-wrap.opt-b .q-option-label{color:#93c5fd}.q-option-wrap.opt-c .q-option-label{color:#7dd3fc}.q-option-wrap.opt-d .q-option-label{color:#5eead4}.q-option-wrap.correct .q-option-input{background:#34d39914;border-color:#34d39999}.q-option-wrap.correct .q-option-label{color:#34d399!important}.correct-answer-row{border:1px solid var(--border);background:#ffffff0a;border-radius:.625rem;align-items:center;gap:.75rem;margin-top:.25rem;padding:.625rem .875rem;display:flex}[data-theme=light] .correct-answer-row{background:#00000008}.correct-answer-btns{gap:.375rem;display:flex}.correct-answer-btn{border:1px solid var(--border);background:var(--bg-card);width:2.25rem;height:2.25rem;color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:2px;font-size:.8125rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.correct-answer-btn:hover:not(.active){color:var(--text);background:#ffffff14;border-color:#ffffff2e}.correct-answer-btn.active{color:#34d399;background:#34d39926;border-color:#34d399}.correct-check{font-size:.6875rem;line-height:1}.q-editor-footer{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.q-editor-footer label{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.q-editor-footer input[type=number]{width:70px;padding:.375rem .5rem}.q-editor-save-status{color:var(--success);opacity:0;margin-left:auto;font-size:.75rem;transition:opacity .3s}.q-editor-save-status.visible{opacity:1}.q-editor-actions{align-items:center;gap:.5rem;display:flex}.btn-danger{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef444440;border-radius:.625rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s}.btn-danger:hover{background:#ef444433;border-color:#ef444466}.select-field{appearance:none;background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.625rem;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.select-field:focus{border-color:var(--accent);outline:none}.label-sm{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.q-type-selector{flex-wrap:wrap;gap:.375rem;display:flex}.q-type-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:.5rem;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.q-type-btn:hover{color:var(--text);background:#ffffff14}.q-type-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.q-type-badge{color:#a5b4fc;letter-spacing:.03em;text-transform:uppercase;background:#6366f126;border-radius:999px;flex-shrink:0;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.media-upload-wrap{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.media-upload-row{align-items:center;gap:.5rem;display:flex}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:.625rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff14}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.ordering-editor{flex-direction:column;gap:.75rem;margin-bottom:.75rem;display:flex}.ordering-item-row{align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.ordering-item-num{width:1.75rem;height:1.75rem;color:var(--text-muted);background:#ffffff14;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.ordering-sort-row{background:#ffffff0d;border-radius:.625rem;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.5rem .75rem;display:flex}.ordering-sort-pos{color:var(--accent);min-width:1.25rem;font-size:.875rem;font-weight:700}.ordering-sort-label{color:var(--text);flex:1;font-size:.875rem}.ordering-sort-row[draggable]{cursor:grab;border:1px solid #0000;transition:background .12s,border-color .12s,transform .1s}.ordering-sort-row[draggable]:active{cursor:grabbing}.ordering-sort-row.drag-over{border-color:var(--accent);background:#8b5cf62e;transform:scale(1.01)}.ordering-sort-handle{color:var(--text-muted);opacity:.5;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:1rem;line-height:1}.studio-pack-card-top{align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.studio-pack-logo{object-fit:cover;border-radius:.5rem;flex-shrink:0;width:2.5rem;height:2.5rem}.studio-pack-badge-public{color:#a5b4fc;background:#6366f126;border-color:#6366f140}.pack-public-toggle{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.pack-public-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.round-section{border:1px solid var(--border);background:var(--bg-card);border-radius:1rem;margin-bottom:1.25rem;overflow:hidden}.round-header{border-bottom:1px solid var(--border);background:#7c3aed0f;padding:.75rem 1rem}.round-title-row{align-items:center;gap:.625rem;display:flex}.round-title{font-family:var(--font-display);color:var(--text);flex:1;font-size:.9375rem;font-weight:700}.round-q-count{color:var(--text-faint);font-size:.75rem}.round-action-btn{opacity:.55;border-radius:.375rem;padding:.2rem .5rem;font-size:.875rem;transition:opacity .15s}.round-action-btn:hover{opacity:1}.round-action-btn.danger:hover{color:var(--danger)}.round-rename-row{align-items:center;gap:.5rem;display:flex}.round-section .q-list{padding:.75rem 1rem 0}.round-add-q-btn{text-align:center;border:1px dashed var(--border);width:calc(100% - 2rem);color:var(--text-muted);border-radius:.5rem;margin:.625rem 1rem .75rem;padding:.45rem;font-size:.8125rem;transition:border-color .15s,color .15s;display:block}.round-add-q-btn:hover{border-color:var(--accent);color:var(--accent-light)}.round-add-row{background:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.lp-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2.5rem}.lp-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:6rem 2.5rem 5rem;display:flex;position:relative;overflow:hidden}.lp-hero-glow{pointer-events:none;background:radial-gradient(80% 65% at 50% -5%,#7c3aed4d 0%,#0000 62%),radial-gradient(35% 30% at 8% 85%,#2563eb1f 0%,#0000 55%),radial-gradient(30% 25% at 92% 80%,#7c3aed14 0%,#0000 50%);position:absolute;inset:0}.lp-hero-inner{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;max-width:700px;display:flex;position:relative}.lp-title{font-family:var(--font-display);letter-spacing:-.045em;color:var(--text);margin:0;font-size:clamp(2.75rem,5.5vw,4.75rem);font-weight:900;line-height:1.06}.lp-title-accent{-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#a78bfa 0%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .lp-title-accent{-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#6d28d9 0%,#2563eb 100%);-webkit-background-clip:text;background-clip:text}.lp-subtitle{color:var(--text-muted);max-width:500px;margin:0;font-size:1.0625rem;line-height:1.7}.lp-cards-section{padding:0 2.5rem 3.5rem}.lp-cards-row{align-items:stretch;gap:1.25rem;max-width:1200px;margin:0 auto;display:flex}.lp-card{flex-direction:column;flex:1;gap:1.125rem;min-width:0;padding:2rem 2.25rem;transition:border-color .2s,box-shadow .22s,transform .22s;display:flex}.lp-card:hover{border-color:#7c3aed59;transform:translateY(-2px);box-shadow:0 16px 48px #7c3aed1a}[data-theme=light] .lp-card:hover{border-color:#6d28d938;box-shadow:0 8px 28px #6d28d912}.lp-card-head{align-items:flex-start;gap:1rem;display:flex}.lp-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.lp-card-icon-purple{color:#c4b5fd;background:#7c3aed26;border:1px solid #7c3aed38}.lp-card-icon-teal{color:#67e8f9;background:#06b6d41f;border:1px solid #06b6d433}.lp-card-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:0 0 .2rem;font-size:1.3125rem;font-weight:800}.lp-card-sub{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.45}.lp-or-label{letter-spacing:.08em;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:9999px;padding:.3rem .45rem;font-size:.625rem;font-weight:700}.lp-join-form{flex-direction:column;flex:1;justify-content:flex-end;gap:.875rem;display:flex}.lp-code-boxes{gap:.5rem;display:flex}.lp-code-box{border:1px solid var(--border);min-width:0;height:56px;color:var(--text);font-family:var(--font-mono,monospace);text-align:center;caret-color:#0000;background:#ffffff0d;border-radius:.625rem;outline:none;flex:1;font-size:1.375rem;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s}.lp-code-box:focus{border-color:#7c3aed99;box-shadow:0 0 0 3px #7c3aed1f}.lp-code-box-filled{color:#c4b5fd;background:#7c3aed14;border-color:#7c3aed66}[data-theme=light] .lp-code-box{background:#ffffffd9;border-color:#0000001a}[data-theme=light] .lp-code-box-filled{color:var(--accent);background:#6d28d912;border-color:#6d28d959}.lp-join-btn{width:100%;padding:.875rem 1.25rem;font-size:1rem}.lp-features{flex-direction:column;flex:1;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.lp-feature{color:var(--text-muted);align-items:center;gap:.625rem;font-size:.9375rem;display:flex}.lp-feature-dot{background:#7c3aed80;border-radius:50%;flex-shrink:0;width:6px;height:6px}.lp-host-btn{width:100%;color:var(--text);cursor:pointer;letter-spacing:.01em;background:0 0;border:1px solid #ffffff2e;border-radius:.625rem;padding:.875rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .18s,border-color .18s}.lp-host-btn:hover{background:#ffffff12;border-color:#ffffff4d}[data-theme=light] .lp-host-btn{border-color:#00000024}[data-theme=light] .lp-host-btn:hover{background:#0000000a}.lp-hiw{flex-direction:column;align-items:center;gap:2.5rem;padding:3.5rem 2.5rem;display:flex}.lp-hiw-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);margin:0;font-size:.6875rem;font-weight:700}.lp-steps{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;max-width:1200px;display:grid}.lp-step{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.lp-step-top{justify-content:center;align-items:center;width:100%;margin-bottom:.25rem;display:flex;position:relative}.lp-step-num{background:var(--accent);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8125rem;font-weight:800;display:flex;position:relative;box-shadow:0 0 16px #7c3aed73}.lp-step-dash{border-top:1px dashed #7c3aed40;position:absolute;top:50%;left:calc(50% + 18px);right:0;transform:translateY(-50%)}.lp-step-icon{border:1px solid var(--border);width:56px;height:56px;color:var(--text-muted);background:#ffffff0a;border-radius:1rem;justify-content:center;align-items:center;display:flex}.lp-step-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;margin:0;font-size:1rem;font-weight:700}.lp-step-desc{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.55}.lp-stats-section{padding:0 2.5rem 4rem}.lp-stats{border-radius:1.25rem;grid-template-columns:repeat(4,1fr);width:100%;max-width:1200px;margin:0 auto;display:grid;overflow:hidden}.lp-stat{border-right:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:2rem 1rem;display:flex}.lp-stat:last-child{border-right:none}.lp-stat-icon{justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.lp-stat-value{font-family:var(--font-display);color:var(--text);letter-spacing:-.035em;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-height:2.3rem;font-size:2rem;font-weight:800;line-height:1.1;display:flex}.lp-stat-label{color:var(--text-muted);min-height:1.25rem;font-size:.875rem}.lp-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2.5rem;display:flex}.lp-footer-copy{color:var(--text-faint);white-space:nowrap;font-size:.8125rem}.lp-footer-links{align-items:center;gap:1.5rem;display:flex}.lp-footer-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem;transition:color .15s}.lp-footer-link:hover{color:var(--text)}.lp-footer-end{display:none}.topnav-create-btn{color:var(--text);cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:0 0;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.25rem;padding:.4375rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.topnav-create-btn:hover{color:var(--accent-light);background:#7c3aed1f;border-color:#7c3aed73}@media (max-width:900px){.lp-hero{padding:4rem 1.5rem 3.5rem}.lp-cards-section{padding:0 1.5rem 3rem}.lp-hiw{padding:3rem 1.5rem}.lp-stats-section{padding:0 1.5rem 3rem}.lp-footer{padding:1.25rem 1.5rem}}@media (max-width:700px){.lp-hero{padding:3rem 1.25rem 2.5rem}.lp-title{font-size:clamp(2rem,10vw,2.75rem)}.lp-subtitle-br{display:none}.lp-cards-section{padding:0 1.25rem 2.5rem}.lp-cards-row{flex-direction:column;gap:1rem}.lp-hiw{padding:2.5rem 1.25rem}.lp-steps{grid-template-columns:repeat(2,1fr)}.lp-step-dash{display:none}.lp-stats-section{padding:0 1.25rem 2.5rem}.lp-stats{grid-template-columns:repeat(2,1fr)}.lp-stat{border-right:none;border-bottom:1px solid var(--border);padding:1.5rem .75rem}.lp-stat:nth-child(odd){border-right:1px solid var(--border)}.lp-stat:nth-last-child(-n+2){border-bottom:none}.lp-footer{gap:.75rem;padding:1rem 1.25rem}}.legal-main{flex-direction:column;flex:1;display:flex}.legal-content{flex:1;width:100%;max-width:780px;margin:0 auto;padding:2.5rem 2.5rem 4rem}.legal-intro{color:var(--text-muted);border-left:3px solid var(--accent);margin:0 0 2rem;padding-left:1rem;font-size:.9375rem;line-height:1.75}.legal-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;margin-bottom:2rem;padding:0;font-family:inherit;font-size:.875rem;transition:color .15s;display:inline-flex}.legal-back:hover{color:var(--text)}.legal-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);margin:0 0 .5rem;font-size:2rem;font-weight:800}.legal-updated{color:var(--text-faint);margin:0 0 2.5rem;font-size:.875rem}.legal-section{margin-bottom:2rem}.legal-section h2{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.125rem;font-weight:700}.legal-section p{color:var(--text-muted);margin:0 0 .75rem;font-size:.9375rem;line-height:1.7}.legal-section ul{flex-direction:column;gap:.375rem;margin:.5rem 0 .75rem 1.25rem;padding:0;display:flex}.legal-section li{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.legal-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2.5rem;display:flex}@media (max-width:768px){.legal-content{padding:2rem 1.25rem 3rem}.legal-footer{gap:.75rem;padding:1rem 1.25rem}}.lobby-main{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem 2.5rem 3rem;display:flex}@media (max-width:768px){.lobby-main{padding:1.5rem 1.25rem 2rem}}.lobby-code-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.lobby-host-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);background:#7c3aed1f;border:1px solid #7c3aed38;border-radius:9999px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.625rem;font-weight:700;display:inline-block}.lobby-code-text{font-family:var(--font-mono);letter-spacing:.18em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.75rem;font-weight:900;line-height:1.1}.lobby-code-hint{color:var(--text-faint);margin:.375rem 0 0;font-size:.8125rem}.lobby-grid{grid-template-columns:1fr 2fr;align-items:start;gap:1.25rem;display:grid}@media (max-width:640px){.lobby-grid{grid-template-columns:1fr}}.lobby-card{flex-direction:column;gap:.875rem;padding:1.5rem 1.75rem;display:flex}.lobby-card-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:.625rem;font-weight:700}.lobby-tv-url{color:var(--accent);word-break:break-all;font-size:.8125rem;line-height:1.55;text-decoration:none}.lobby-tv-url:hover{opacity:.8}.lobby-copy-btn{color:var(--accent-light);cursor:pointer;background:#7c3aed1a;border:1px solid #7c3aed38;border-radius:.625rem;align-self:flex-start;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s}.lobby-copy-btn:hover{background:#7c3aed2e}.lobby-copy-btn.copied{color:#34d399;background:#10b9811f;border-color:#10b9814d}.lobby-right-col{flex-direction:column;gap:1rem;display:flex}.lobby-players-header{justify-content:space-between;align-items:center;display:flex}.lobby-count{min-width:26px;height:26px;color:var(--accent-light);background:#7c3aed26;border-radius:9999px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.lobby-chip-list{flex-wrap:wrap;gap:.5rem;min-height:2.25rem;display:flex}.lobby-chip{border:1px solid var(--border);background:var(--bg-sidebar);color:var(--text);border-radius:9999px;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.lobby-chip.is-me{color:#c4b5fd;background:#7c3aed14;border-color:#7c3aed66}.lobby-kick{color:#f8717180;cursor:pointer;background:0 0;border:none;padding:0;font-size:.625rem;line-height:1;transition:color .15s}.lobby-kick:hover{color:#f87171}.lobby-waiting-row{color:var(--text-faint);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.lobby-dot{background:var(--accent);opacity:.6;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.lobby-dot:nth-child(2){animation-delay:.2s}.lobby-dot:nth-child(3){animation-delay:.4s}.lobby-start{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9375rem;font-size:1rem;font-weight:700;display:flex}.lobby-error-inline{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:.75rem;margin:0;padding:.75rem 1rem;font-size:.875rem}.lobby-player-outer{flex:1;justify-content:center;align-items:center;padding:2rem 1.25rem 3rem;display:flex}.lobby-player-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem 2rem;display:flex}.lobby-player-dots{align-items:center;gap:6px;display:flex}.lobby-player-name-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:.75rem;font-weight:600}.lobby-player-name{font-family:var(--font-display);letter-spacing:-.025em;margin:.25rem 0 0;font-size:1.75rem;font-weight:800}.lobby-player-room-code{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-muted);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:.625rem;padding:.5rem 1.25rem;font-size:1.25rem;font-weight:700}.lobby-player-status{color:var(--text-muted);margin:0;font-size:.875rem}.lobby-player-count-chip{color:var(--text-muted);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:.375rem;padding:.3rem .875rem;font-size:.8125rem;display:inline-flex}.join-outer{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem 1.25rem;display:flex}.join-back-row{width:100%;max-width:400px}.join-card{flex-direction:column;gap:1.25rem;width:100%;max-width:400px;padding:2.25rem 2rem 2rem;display:flex}.join-room-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .375rem;font-size:.625rem;font-weight:700}.join-room-code{font-family:var(--font-mono);letter-spacing:.2em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.25rem;font-weight:900}.join-divider{border:none;border-top:1px solid var(--border);margin:0}.join-field-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.screen-center{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.screen-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px;padding:2.25rem 2rem;display:flex}.screen-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.25rem;display:flex}.screen-icon-danger{color:#f87171;background:#ef44441f}.screen-icon-warn{color:#fbbf24;background:#f59e0b1f}.screen-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.25rem;font-weight:800}.screen-msg{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.screen-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.25rem;display:flex}.bg-blob{pointer-events:none;z-index:-1;filter:blur(90px);border-radius:50%;position:fixed}.bg-blob-a{background:radial-gradient(circle,#7c3aed33 0%,#7c3aed14 40%,#7c3aed05 65%,#0000 80%);width:650px;height:650px;top:-180px;left:25%}.bg-blob-b{background:radial-gradient(circle,#2563eb24 0%,#2563eb0d 45%,#2563eb03 65%,#0000 80%);width:480px;height:480px;bottom:5%;right:10%}.bg-blob-c{background:radial-gradient(circle,#7c3aed1a 0%,#7c3aed08 50%,#0000 75%);width:350px;height:350px;top:40%;left:-5%}.topnav-avatar-wrap{position:relative}.topnav-dropdown{background:var(--bg-sidebar);border:1px solid var(--border);z-index:100;border-radius:.875rem;min-width:180px;padding:.375rem;animation:.18s ease-out forwards slideDown;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}[data-theme=light] .topnav-dropdown{box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.topnav-drop-user{padding:.5rem .625rem .375rem}.topnav-drop-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.8125rem;font-weight:600;display:block;overflow:hidden}.topnav-drop-divider{background:var(--border);height:1px;margin:.3rem 0}.topnav-drop-item{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .625rem;font-family:inherit;font-size:.875rem;transition:background .14s,color .14s;display:flex}.topnav-drop-item:hover{color:var(--text);background:#ffffff12}[data-theme=light] .topnav-drop-item:hover{background:#0000000d}.topnav-drop-danger{color:var(--danger)}.topnav-drop-danger:hover{color:var(--danger)!important;background:#ef44441a!important}.topnav-tv-wrap{position:relative}.topnav-tv-btn{color:#fbbf24;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.topnav-tv-btn:hover,.topnav-tv-btn.active{background:#f59e0b2e;border-color:#f59e0b66;box-shadow:0 0 0 3px #f59e0b1a}[data-theme=light] .topnav-tv-btn{color:#b45309;background:#f59e0b14;border-color:#f59e0b3d}[data-theme=light] .topnav-tv-btn:hover,[data-theme=light] .topnav-tv-btn.active{background:#f59e0b26;border-color:#f59e0b61;box-shadow:0 0 0 3px #f59e0b14}.topnav-tv-drop{background:var(--bg-sidebar);z-index:100;border:1px solid #f59e0b38;border-radius:.875rem;width:296px;padding:1rem;animation:.18s ease-out forwards slideDown;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000052,0 2px 8px #0003,0 0 0 1px #f59e0b0f}[data-theme=light] .topnav-tv-drop{border-color:#f59e0b47;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.topnav-tv-drop-title{color:var(--text);letter-spacing:-.015em;align-items:center;gap:.45rem;margin:0 0 .15rem;font-size:.875rem;font-weight:700;display:flex}.topnav-tv-drop-title svg{color:#fbbf24;flex-shrink:0}[data-theme=light] .topnav-tv-drop-title svg{color:#b45309}.topnav-tv-drop-hint{color:var(--text-faint);margin:0 0 .875rem;font-size:.75rem}.topnav-tv-form{align-items:center;gap:.375rem;width:100%;min-width:0;display:flex}.topnav-tv-boxes{flex:1;grid-template-columns:repeat(6,1fr);gap:.25rem;min-width:0;display:grid}.topnav-tv-box{width:100%;height:36px;color:var(--text);font-family:var(--font-mono,monospace);text-align:center;caret-color:#0000;background:#ffffff0d;border:1px solid #f59e0b33;border-radius:.4375rem;outline:none;font-size:.9375rem;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s}.topnav-tv-box:focus{background:#f59e0b0f;border-color:#f59e0b99;box-shadow:0 0 0 2px #f59e0b24}.topnav-tv-box-filled{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b61}[data-theme=light] .topnav-tv-box{background:#fffc;border-color:#f59e0b40}[data-theme=light] .topnav-tv-box:focus{border-color:#f59e0b99;box-shadow:0 0 0 2px #f59e0b1f}[data-theme=light] .topnav-tv-box-filled{color:#92400e;background:#f59e0b14;border-color:#f59e0b66}.topnav-tv-submit{color:#fbbf24;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:.4375rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.0625rem;font-weight:700;transition:background .15s,border-color .15s;display:flex}.topnav-tv-submit:hover:not(:disabled){background:#f59e0b38;border-color:#f59e0b7a}.topnav-tv-submit:disabled{opacity:.32;cursor:default}[data-theme=light] .topnav-tv-submit{color:#92400e}@keyframes tv-slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes tv-pop{0%{opacity:0;transform:scale(.88)}65%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes tv-correct-glow{0%{transform:scale(1);box-shadow:0 0 #10b98180}50%{transform:scale(1.03);box-shadow:0 0 0 16px #10b98100}to{transform:scale(1.02);box-shadow:0 0 #10b98100}}@keyframes tv-wrong-out{0%{opacity:1}to{opacity:.18}}@keyframes tv-lb-row{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tv-enter{animation:.45s cubic-bezier(.22,1,.36,1) both tv-slide-up}.tv-pop{animation:.4s cubic-bezier(.22,1,.36,1) both tv-pop}.tv-opt-enter{animation:.4s cubic-bezier(.22,1,.36,1) both tv-slide-up}.tv-opt-enter:first-child{animation-delay:50ms}.tv-opt-enter:nth-child(2){animation-delay:.12s}.tv-opt-enter:nth-child(3){animation-delay:.19s}.tv-opt-enter:nth-child(4){animation-delay:.26s}.tv-reveal-correct{animation:.7s ease-out .15s both tv-correct-glow}.tv-reveal-wrong{animation:.35s ease-out .1s both tv-wrong-out}.tv-history-entry{animation:.4s cubic-bezier(.22,1,.36,1) both tv-slide-up}.tv-history-entry:first-child{animation-delay:50ms}.tv-history-entry:nth-child(2){animation-delay:.12s}.tv-history-entry:nth-child(3){animation-delay:.19s}.tv-history-entry:nth-child(4){animation-delay:.26s}.tv-history-entry:nth-child(5){animation-delay:.33s}.tv-history-entry:nth-child(n+6){animation-delay:.4s}.tv-lb-row{animation:.35s cubic-bezier(.22,1,.36,1) both tv-lb-row}.tv-lb-row:first-child{animation-delay:.1s}.tv-lb-row:nth-child(2){animation-delay:.17s}.tv-lb-row:nth-child(3){animation-delay:.24s}.tv-lb-row:nth-child(4){animation-delay:.31s}.tv-lb-row:nth-child(5){animation-delay:.38s}.tv-lb-row:nth-child(n+6){animation-delay:.45s}.pack-creator{color:var(--text-faint);font-size:.6875rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:10rem;overflow:hidden}.settings-list{flex-direction:column;gap:.75rem;max-width:560px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.settings-row-info{flex-direction:column;gap:.2rem;display:flex}.settings-row-label{color:var(--text);margin:0;font-size:.9375rem;font-weight:600}.settings-row-sub{color:var(--text-faint);font-size:.75rem;font-family:var(--font-mono);margin:0}.rv-screen{flex-direction:column;min-height:100vh;padding:2rem 3rem;display:flex}.rv-topbar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.rv-topbar-left{align-items:baseline;gap:0;display:flex}.rv-round-label{color:var(--text-faint);font-size:1.1rem}.rv-q-counter{color:var(--text-muted);font-size:1.4rem;font-weight:600}.rv-ready-pill{color:var(--accent-light,#a78bfa);background:#8b5cf626;border:1px solid #8b5cf659;border-radius:2rem;padding:.375rem 1.125rem;font-size:1rem;font-weight:600}.rv-body{flex:1;grid-template-columns:1fr 380px;align-items:start;gap:2.5rem;min-height:0;display:grid}.rv-answers-col{flex-direction:column;gap:1.5rem;min-height:0;display:flex}.rv-lb-col{position:sticky;top:2rem}.rv-question-text{color:var(--text);font-size:clamp(1.8rem,4vw,3.5rem);font-weight:700;line-height:1.2}.rv-options-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.rv-option{border-radius:1.25rem;align-items:center;gap:1rem;padding:1.5rem;animation:.5s cubic-bezier(.22,1,.36,1) both tv-slide-up;display:flex}.rv-option-correct{color:#6ee7b7;background:#10b9812e;border:1.5px solid #10b98173;animation:.9s ease-out both tv-correct-glow}.rv-option-wrong{color:#ffffff38;background:#ffffff0a;border:1px solid #ffffff0f}.rv-option-letter{background:#ffffff1f;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;font-weight:900;display:flex}.rv-option-wrong .rv-option-letter{background:#ffffff0a}.rv-option-text{flex:1;font-size:clamp(1rem,2vw,1.75rem);font-weight:600}.rv-option-wrong .rv-option-text{text-decoration:line-through}.rv-option-check{color:#34d399;flex-shrink:0;align-items:center;margin-left:auto;display:flex}.rv-ordering{flex-direction:column;gap:.75rem;display:flex}.rv-ordering-row{color:#6ee7b7;background:#10b9812e;border:1.5px solid #10b98166;border-radius:1.25rem;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;animation:.5s cubic-bezier(.22,1,.36,1) both tv-slide-up;display:flex}.rv-ordering-pos{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:900;display:flex}.rv-ordering-text{flex:1;font-size:clamp(1rem,2vw,1.75rem);font-weight:600}.rv-check-icon{color:#34d399;flex-shrink:0;align-items:center;display:flex}.rv-explanation{border:1px solid #7c3aed33;border-left:4px solid var(--accent);background:#7c3aed14;border-radius:1rem;padding:1.25rem 1.75rem}.rv-explanation-label{text-transform:uppercase;letter-spacing:.13em;color:var(--text-faint);margin-bottom:.5rem;font-size:.7rem;font-weight:700}.rv-explanation-text{color:var(--text);font-size:clamp(1rem,1.8vw,1.4rem);line-height:1.5}.rv-lb-container{background:#ffffff09;border:1px solid #ffffff12;border-radius:1.5rem;overflow:hidden}.rv-lb-header{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid #ffffff0f;padding:.875rem 1.25rem;font-size:.7rem;font-weight:700}.rv-lb-list{flex-direction:column;gap:.2rem;margin:0;padding:.5rem;list-style:none;display:flex}.rv-lb-row{border:1px solid #0000;border-radius:1rem;align-items:center;gap:.875rem;padding:.875rem 1rem;animation:.45s cubic-bezier(.22,1,.36,1) both tv-lb-row;display:flex}.rv-lb-p1{background:#f59e0b1a;border-color:#f59e0b33;animation-delay:.2s}.rv-lb-p2{background:#94a3b812;border-color:#94a3b821;animation-delay:.28s}.rv-lb-p3{background:#b4530914;border-color:#b4530924;animation-delay:.36s}.rv-lb-rest{background:#ffffff08;animation-delay:.44s}.rv-lb-rank{width:2.25rem;height:2.25rem;color:var(--text-muted);background:#ffffff12;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:900;display:flex}.rv-lb-rank-1{color:#fcd34d;background:#f59e0b40}.rv-lb-rank-2{color:#cbd5e1;background:#94a3b833}.rv-lb-rank-3{color:#fca57a;background:#b4530933}.rv-lb-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.25rem;font-weight:600;overflow:hidden}.rv-lb-score{font-family:var(--font-mono,monospace);color:var(--accent-light,#a78bfa);font-size:1.35rem;font-weight:700}.rv-lb-large-list{flex-direction:column;gap:.5rem;width:100%;max-width:44rem;margin:0;padding:0;list-style:none;display:flex}.rv-lb-large-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:1.25rem;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;animation:.45s cubic-bezier(.22,1,.36,1) both tv-lb-row;display:flex}.rv-lb-large-p1{background:#f59e0b1f;border-color:#f59e0b40;animation-delay:.1s}.rv-lb-large-p2{background:#94a3b814;border-color:#94a3b829;animation-delay:.18s}.rv-lb-large-p3{background:#b453091a;border-color:#b453092e;animation-delay:.26s}.rv-round-header{text-align:center;margin-bottom:2rem;animation:.5s cubic-bezier(.22,1,.36,1) both tv-slide-up}.rv-round-header-label{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-light,#a78bfa);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.rv-round-header-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1}.rv-round-header-ready{color:var(--text-faint);margin-top:.625rem;font-size:1.25rem}.rv-history-card{background:#ffffff0a;border:1px solid #ffffff12;border-left:3px solid #8b5cf673;border-radius:1rem;padding:1rem 1.25rem;animation:.5s cubic-bezier(.22,1,.36,1) both tv-slide-up}.rv-history-q{color:var(--text);margin-bottom:.625rem;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:600}.rv-history-chips{flex-wrap:wrap;gap:.5rem;display:flex}.rv-history-chip{border-radius:.625rem;padding:.3rem .75rem;font-size:.875rem;font-weight:500}.rv-history-chip-correct{color:#6ee7b7;background:#10b98138;border:1px solid #10b98166}.rv-history-chip-wrong{color:#ffffff47;background:#ffffff0d;text-decoration:line-through}.play-result-card{border-radius:1.25rem;flex-direction:column;gap:0;width:100%;max-width:28rem;padding:1.25rem 1.25rem 1rem;display:flex}.play-result-correct{background:#10b98124;border:1.5px solid #10b98152}.play-result-wrong{background:#ef44441c;border:1.5px solid #ef444447}.play-result-timeout{background:#ffffff0d;border:1.5px solid #ffffff1a}.play-result-top{align-items:center;gap:.875rem;display:flex}.play-result-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.play-result-correct .play-result-icon-wrap{color:#34d399;background:#10b98133}.play-result-wrong .play-result-icon-wrap{color:#f87171;background:#ef444433}.play-result-timeout .play-result-icon-wrap{color:var(--text-muted);background:#ffffff14}.play-result-center{flex:1;min-width:0}.play-result-verdict{font-size:1.375rem;font-weight:800;line-height:1.2}.play-result-correct .play-result-verdict{color:#34d399}.play-result-wrong .play-result-verdict{color:#f87171}.play-result-timeout .play-result-verdict{color:var(--text-muted)}.play-result-points{color:#6ee7b7;margin-top:.15rem;font-size:1.05rem;font-weight:700}.play-result-answer-hint{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-top:.3rem;font-size:.8125rem;line-height:1.4;overflow:hidden}.play-result-score-box{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.1rem;display:flex}.play-result-score-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.65rem;font-weight:700}.play-result-score-value{font-family:var(--font-mono,monospace);color:var(--text);font-size:1.375rem;font-weight:700}.play-result-divider{background:#ffffff12;height:1px;margin:.875rem 0 0}.play-lb-card{border-radius:1rem;padding:.875rem 1rem}.play-lb-title{text-transform:uppercase;letter-spacing:.13em;color:var(--text-faint);margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.play-lb-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.play-lb-row{opacity:0;border-radius:.625rem;align-items:center;gap:.625rem;padding:.45rem .625rem;animation:.35s cubic-bezier(.22,1,.36,1) both tv-lb-row;display:flex}.play-lb-row-mine{background:#8b5cf626;border:1px solid #8b5cf64d}.play-lb-rank{color:var(--text-faint);text-align:center;min-width:1.25rem;font-size:.75rem;font-weight:700}.play-lb-rank-1{color:#fcd34d}.play-lb-rank-2{color:#cbd5e1}.play-lb-rank-3{color:#fca57a}.play-lb-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;font-weight:500;overflow:hidden}.play-lb-row-mine .play-lb-name{font-weight:700}.play-lb-score{font-family:var(--font-mono,monospace);color:var(--text);font-size:.875rem;font-weight:700}.play-history-card{background:#ffffff0a;border:1px solid #ffffff12;border-left:3px solid #8b5cf666;border-radius:.875rem;padding:.75rem 1rem;animation:.4s ease-out both fadeInUp}.play-history-q{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.play-history-chips{flex-wrap:wrap;gap:.375rem;display:flex}.play-history-chip{border-radius:.5rem;padding:.2rem .625rem;font-size:.75rem;font-weight:500}.play-history-chip-correct{color:#6ee7b7;background:#10b98138;border:1px solid #10b98161}.play-history-chip-wrong{color:#ffffff47;background:#ffffff0d;text-decoration:line-through}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sk-shimmer{background:linear-gradient(90deg, var(--bg-card) 0%, #ffffff12 50%, var(--bg-card) 100%);background-size:200% 100%;border-radius:.375rem;animation:1.6s ease-in-out infinite shimmer}[data-theme=light] .sk-shimmer{background:linear-gradient(90deg, var(--bg-card) 0%, #0000000f 50%, var(--bg-card) 100%);background-size:200% 100%}.pack-card-skeleton:nth-child(2) .sk-shimmer{animation-delay:.13s}.pack-card-skeleton:nth-child(3) .sk-shimmer{animation-delay:.26s}.pack-card-skeleton:nth-child(4) .sk-shimmer{animation-delay:.39s}.pack-card-skeleton:nth-child(5) .sk-shimmer{animation-delay:.52s}.studio-sk-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.studio-sk-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.125rem;flex-direction:column;gap:.75rem;min-height:148px;padding:1.5rem;display:flex}.studio-sk-card:nth-child(2) .sk-shimmer{animation-delay:.1s}.studio-sk-card:nth-child(3) .sk-shimmer{animation-delay:.2s}.studio-sk-card:nth-child(4) .sk-shimmer{animation-delay:.3s}.studio-sk-title{width:65%;height:1rem}.studio-sk-desc{width:90%;height:.625rem}.studio-sk-desc2{width:72%;height:.625rem}.studio-sk-badges{gap:.5rem;margin-top:auto;display:flex}.studio-sk-badge{border-radius:.5rem;width:2.75rem;height:1.375rem}.editor-sk-topbar{width:150px;height:1.75rem;margin-bottom:1.5rem}.editor-sk-meta{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.editor-sk-meta-row{gap:1rem;display:flex}.editor-sk-field{border-radius:.5rem;flex:1;height:2.5rem}.editor-sk-textarea{border-radius:.5rem;flex:1;height:5rem}.editor-sk-section{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1.5rem;display:flex}.editor-sk-section-h{width:130px;height:.875rem;margin-bottom:.25rem}.editor-sk-q-row{border-radius:.5rem;height:3rem}.editor-sk-q-row:nth-child(4){width:92%}.editor-sk-q-row:nth-child(5){width:84%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}