:root{--background:#fff;--foreground:#171717;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e7000b;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f54900;--chart-2:#009689;--chart-3:#104e64;--chart-4:#ffb900;--chart-5:#fe9a00;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#171717;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --font-sans: Arial, Helvetica, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}:root[data-theme=dark]{--background:#090e17;--foreground:#f4f7fc;--card:#111925;--card-foreground:#f4f7fc;--popover:#111925;--popover-foreground:#f4f7fc;--primary:#73a7ff;--primary-foreground:#07101f;--secondary:#182334;--secondary-foreground:#e8eef8;--muted:#182334;--muted-foreground:#9eacc0;--accent:#1d2a40;--accent-foreground:#f4f7fc;--destructive:#ff6b75;--border:#27364a;--input:#304158;--ring:#73a7ff;--chart-1:#73a7ff;--chart-2:#35c979;--chart-3:#efb849;--chart-4:#9b8cff;--chart-5:#ff7d87;--sidebar:#0d141f;--sidebar-foreground:#f4f7fc;--sidebar-primary:#73a7ff;--sidebar-primary-foreground:#07101f;--sidebar-accent:#182334;--sidebar-accent-foreground:#f4f7fc;--sidebar-border:#27364a;--sidebar-ring:#73a7ff}html{overflow-x:clip}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}.site-credit{padding:18px 20px max(22px, env(safe-area-inset-bottom));color:#8a94a6;background:var(--background);border-top:1px solid color-mix(in srgb, var(--border) 58%, transparent);text-align:center;letter-spacing:.035em;font-size:11px;font-weight:600}:root[data-theme=dark] .site-credit{color:#687488}@view-transition{navigation:auto}::view-transition-old(root){animation:.14s both portal-page-out}::view-transition-new(root){animation:.22s both portal-page-in}::view-transition-group(fluency-header){z-index:100;animation-duration:.22s}::view-transition-old(fluency-header){mix-blend-mode:normal;animation:none}::view-transition-new(fluency-header){mix-blend-mode:normal;animation:none}@keyframes portal-page-out{to{opacity:0;transform:translateY(-3px)}}@keyframes portal-page-in{0%{opacity:0;transform:translateY(5px)}}.auth-page{background:radial-gradient(circle at 12% -8%,#255ce624,#0000 32rem),#f6f8fc;place-items:center;min-height:100vh;padding:32px 16px;display:grid}body:has(>.auth-page)>.portal-header{display:none}.portal-header{view-transition-name:fluency-header;z-index:20;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#fafcffe0;border-bottom:1px solid #b7c3d89e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,42px);min-height:72px;padding:10px clamp(18px,3.4vw,52px);display:grid;position:sticky;top:0;box-shadow:0 8px 28px #1424510e}.portal-brand{color:#101a36;align-items:center;gap:11px;width:max-content;text-decoration:none;display:inline-flex}.portal-brand strong,.portal-brand small{display:block}.portal-brand strong{letter-spacing:-.015em;font-size:15px;line-height:1.05}.portal-brand small{color:#64708b;margin-top:4px;font-size:11px}.portal-mark{color:#fff;background:#142451;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 7px 18px #14245129}.portal-mark img{object-fit:cover;width:100%;height:100%;display:block}.portal-header nav{--nav-slider-x:0px;--nav-slider-width:0px;isolation:isolate;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;background:#e8eef8b8;border:1px solid #c5d0e2a8;border-radius:14px;justify-self:center;gap:2px;max-width:100%;padding:4px;display:flex;position:relative}.portal-header nav::-webkit-scrollbar{display:none}.portal-nav-slider{z-index:0;width:var(--nav-slider-width);opacity:0;transform:translateX(var(--nav-slider-x));will-change:width, transform;pointer-events:none;background:#fffffff5;border-radius:10px;transition:width .32s cubic-bezier(.22,.8,.25,1),transform .32s cubic-bezier(.22,.8,.25,1),opacity .14s;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 4px 14px #13234e17,inset 0 -2px #255ce6}.portal-header nav[data-slider-ready=true] .portal-nav-slider{opacity:1}.portal-header nav a{z-index:1;color:#65718d;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:760;text-decoration:none;transition:color .18s,background .18s;display:inline-flex;position:relative}.nav-notification{box-sizing:border-box;color:#fff;background:#e23f4b;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 0 0 2px #e23f4b1f}.portal-header nav a:hover,.portal-header nav a.active{color:#142451}.portal-header nav a:focus-visible{outline-offset:1px;outline:3px solid #255ce647}.portal-account{justify-self:end;align-items:center;gap:9px;min-width:0;display:flex}.portal-mastery{border-right:1px solid #dce3ee;justify-items:end;padding-right:12px;line-height:1.02;display:grid}.portal-mastery strong{color:#101a36;letter-spacing:-.045em;font-size:19px}.portal-mastery span{color:#64708b;font-size:10px}.portal-account-name{text-overflow:ellipsis;white-space:nowrap;color:#142451;border-radius:10px;max-width:190px;padding:8px 9px;font-size:13px;font-weight:820;text-decoration:none;transition:color .18s,background .18s;overflow:hidden}.portal-account-name:hover{color:#255ce6;background:#255ce612}.portal-account-name.needs-name{color:#174fc6;background:#edf3ff}.portal-account .cl-userButtonAvatarBox{width:36px;height:36px;box-shadow:0 0 0 1px #7e93b559,0 5px 14px #1424511f}.portal-sign-in{color:#fff;background:#255ce6;border-radius:11px;align-items:center;min-height:42px;padding:0 17px;font-weight:800;text-decoration:none;display:inline-flex}.name-prompt-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050b16ad;place-items:center;padding:20px;animation:.2s both name-backdrop-in;display:grid;position:fixed;inset:0}.name-prompt{color:#101a36;background:#fff;border:1px solid #dbe3f1;border-radius:24px;width:min(100%,450px);padding:30px;animation:.3s cubic-bezier(.2,.8,.25,1) both name-card-in;box-shadow:0 28px 90px #040d224d}.name-prompt-mark{color:#fff;background:#255ce6;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:22px;font-size:13px;font-style:italic;font-weight:950;display:grid;box-shadow:0 10px 24px #255ce640}.name-prompt-kicker{color:#255ce6;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:900}.name-prompt h2{letter-spacing:-.045em;margin:0;font-size:clamp(29px,7vw,38px);line-height:1.02}.name-prompt>p:not(.name-prompt-kicker){color:#64708b;margin:13px 0 24px;line-height:1.55}.name-prompt form,.name-prompt label{gap:8px;display:grid}.name-prompt label{color:#263657;font-size:13px;font-weight:850}.name-prompt input{box-sizing:border-box;color:#101a36;background:#f9fbff;border:1px solid #c9d4e6;border-radius:12px;outline:0;width:100%;min-height:50px;padding:0 14px;font-size:16px}.name-prompt input:focus{border-color:#4e7dea;box-shadow:0 0 0 4px #255ce61f}.name-prompt form>small{color:#71809a;font-size:11px}.name-prompt-status{color:#b4232f;min-height:20px;font-size:12px}.name-prompt-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}.name-prompt-actions button{min-height:44px;font:inherit;cursor:pointer;border-radius:11px;padding:0 16px;font-size:13px;font-weight:850}.name-prompt-later{color:#64708b;background:0 0;border:1px solid #0000}.name-prompt-save{color:#fff;background:#255ce6;border:1px solid #255ce6;box-shadow:0 8px 20px #255ce638}.name-prompt-save:disabled{opacity:.62;cursor:wait}@keyframes name-backdrop-in{0%{opacity:0}}@keyframes name-card-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.pricing-main{color:#101a36;background:radial-gradient(circle at 15% 0,#255ce62e,#0000 34rem),linear-gradient(160deg,#f7f9fd,#edf3ff);place-items:center;min-height:calc(100vh - 80px);padding:56px 20px 90px;display:grid}.pricing-card{box-sizing:border-box;background:#fffffff5;border:1px solid #d8e0ef;border-radius:28px;width:min(100%,630px);padding:clamp(30px,6vw,58px);box-shadow:0 28px 70px #0f1e4424}.pricing-eyebrow{color:#255ce6;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.pricing-card h1{letter-spacing:-.05em;margin:0;font:700 clamp(40px,7vw,62px)/.98 Georgia,serif}.pricing-intro{color:#65718d;margin:22px 0;font-size:17px;line-height:1.65}.pricing-price{align-items:baseline;gap:12px;margin:28px 0 20px;display:flex}.pricing-price strong{letter-spacing:-.06em;font:800 62px/1 Georgia,serif}.pricing-price span{color:#65718d;font-weight:800}.pricing-features{color:#39445e;border-top:1px solid #e3e8f1;border-bottom:1px solid #e3e8f1;gap:12px;margin:0 0 30px;padding:22px 0 22px 24px;display:grid}.pricing-card form{text-align:center;gap:11px;display:grid}.pricing-card form small{color:#7a849a}.pricing-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.billing-primary,.billing-secondary{box-sizing:border-box;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font:800 15px Arial,sans-serif;text-decoration:none;display:inline-flex}.billing-primary{color:#fff;background:#255ce6;box-shadow:0 10px 22px #255ce640}.billing-primary:hover{background:#194bc7}.billing-secondary{color:#142451;background:#edf2fa}.billing-wide{width:100%}.billing-note,.billing-error{border-radius:10px;padding:12px 14px;font-size:14px}.billing-note{color:#694d00;background:#fff8df}.billing-error{color:#9e2835;background:#fff0f2}.billing-setup{color:#45516a;background:#eef3fb;border-radius:12px;gap:5px;padding:16px;display:grid}.billing-setup strong{color:#142451}.billing-main{display:block}.billing-card{background:#fff;border:1px solid #dce2ec;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;padding:30px;display:flex;box-shadow:0 18px 45px #0f1e4417}.billing-card h2{margin:12px 0 5px;font:700 30px Georgia,serif}.billing-card p{color:#65718d;margin:7px 0 0}.billing-status{color:#6a7388;letter-spacing:.06em;text-transform:uppercase;background:#eef1f6;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.billing-status.is-active{color:#08773f;background:#e5f8ec}.billing-success{text-align:center}.success-check{color:#fff;background:#22a65a;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:30px;font-weight:900;display:grid}.portal-main{color:#101a36;background:radial-gradient(circle at 12% -8%,#255ce621,#0000 32rem),#f6f8fc;min-height:calc(100vh - 80px);padding:52px max(20px,50vw - 590px) 90px}.portal-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.portal-heading p{color:#255ce6;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.portal-heading h1{letter-spacing:-.04em;margin:0;font:700 clamp(36px,5vw,58px)/1 Georgia,serif}.portal-heading>span{color:#64708b;text-align:right;max-width:360px}.landing-main{color:#101a36;background:radial-gradient(circle at 14% 0,#255ce621,#0000 34rem),#f6f8fc;min-height:calc(100vh - 80px)}.landing-hero{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(48px,7vw,86px);width:min(100% - 40px,1180px);margin:0 auto;padding:clamp(72px,9vw,124px) 0 74px;display:grid}.landing-copy h1{letter-spacing:-.055em;max-width:690px;margin:0;font:700 clamp(52px,6vw,78px)/.96 Georgia,serif}.landing-copy>p{color:#5e6b86;max-width:690px;margin:24px 0 0;font-size:18px;line-height:1.65}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.landing-actions a{min-width:150px}.landing-copy .landing-note{color:#7b869d;margin-top:14px;font-size:13px}.landing-preview{box-sizing:border-box;color:#f4f7fc;background:#101a31;border:1px solid #263d68;border-radius:26px;flex-direction:column;justify-content:center;min-height:420px;padding:34px;display:flex;box-shadow:0 28px 70px #0f1e4433}.landing-preview-head{color:#9fb1d2;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:auto;font-size:12px;font-weight:850;display:flex}.landing-preview-head strong{color:#8fb4ff;letter-spacing:-.02em;font-size:22px}.landing-preview-logo{margin-top:44px}.landing-preview-logo img{border-radius:18px;display:block}.landing-preview h2{letter-spacing:-.035em;margin:20px 0 7px;font:700 36px/1.05 Georgia,serif}.landing-preview>p{color:#a9b6cc;margin:0;line-height:1.55}.landing-fields{flex-wrap:wrap;gap:7px;margin-top:26px;display:flex}.landing-fields span{color:#a9b9d4;text-transform:uppercase;border:1px solid #34445f;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:900}.landing-stats{background:#fff;border:1px solid #dce2ec;border-radius:20px;grid-template-columns:repeat(4,1fr);width:min(100% - 40px,1180px);margin:0 auto;display:grid;box-shadow:0 16px 40px #0f1e4414}.landing-stats>div{border-left:1px solid #e3e8f1;gap:4px;padding:24px 28px;display:grid}.landing-stats>div:first-child{border-left:0}.landing-stats strong{letter-spacing:-.04em;font-size:30px}.landing-stats span{color:#68758e;font-size:13px}.landing-details{grid-template-columns:.9fr 1.1fr;gap:clamp(48px,8vw,110px);width:min(100% - 40px,1180px);margin:0 auto;padding:96px 0 110px;display:grid}.landing-details h2{letter-spacing:-.045em;margin:0;font:700 clamp(36px,4vw,52px)/1.02 Georgia,serif}.landing-details>div p{color:#64708b;margin:18px 0 0;line-height:1.65}.landing-details ol{counter-reset:steps;margin:0;padding:0;list-style:none}.landing-details li{counter-increment:steps;border-bottom:1px solid #dce2ec;gap:6px;min-height:76px;padding:4px 0 22px 58px;display:grid;position:relative}.landing-details li+li{padding-top:22px}.landing-details li:before{content:"0" counter(steps);color:#255ce6;font:800 19px Georgia,serif;position:absolute;top:4px;left:0}.landing-details li+li:before{top:22px}.landing-details li strong{font-size:17px}.landing-details li span{color:#64708b;line-height:1.55}.leaderboard-table{background:#fff;border:1px solid #dce2ec;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #0f1e4417}.leaderboard-row{border-top:1px solid #e7ebf2;grid-template-columns:70px minmax(180px,1.5fr) repeat(4,minmax(90px,.7fr));align-items:center;gap:16px;min-height:74px;padding:12px 22px;display:grid}.leaderboard-row:first-child{border-top:0}.leaderboard-labels{color:#64708b;letter-spacing:.06em;text-transform:uppercase;background:#f8fafe;min-height:52px;font-size:12px;font-weight:850}.rank{color:#64708b;font:800 22px Georgia,serif}.rank-1{color:#c28a00}.rank-2{color:#72809a}.rank-3{color:#a35f35}.leader-name{align-items:center;gap:11px;display:flex}.leader-name img,.avatar-fallback{object-fit:cover;border-radius:50%;width:38px;height:38px}.avatar-fallback{color:#fff;background:#255ce6;place-items:center;font-weight:900;display:grid}.mastery-cell{gap:2px;display:grid}.mastery-cell strong{color:#255ce6}.mastery-cell small{color:#77839a;font-size:11px}.leaderboard-not-started{color:#7c879b}.history-totals{text-align:right;grid-template-columns:auto auto;align-items:baseline;gap:2px 10px;display:grid}.history-totals strong{font-size:22px}.history-totals span{color:#64708b;font-size:13px}.history-list{gap:16px;display:grid}.history-card{background:#fff;border:1px solid #dce2ec;border-radius:18px;padding:24px;box-shadow:0 12px 30px #0f1e4412}.history-card-head{justify-content:space-between;gap:24px;display:flex}.history-card-head small{color:#255ce6;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:850}.history-card-head h2{margin:4px 0 0;font:700 28px/1.1 Georgia,serif}.history-score{text-align:right;flex:none}.history-score strong,.history-score span{display:block}.history-score strong{font-size:25px}.history-score span{color:#22a65a;font-weight:800}.history-summary{color:#64708b}.history-meta{color:#77829a;border-top:1px solid #e7ebf2;flex-wrap:wrap;gap:8px 18px;padding:12px 0;font-size:12px;display:flex}.history-fields{gap:9px;margin-top:12px;display:grid}.history-fields details{border:1px solid #dce2ec;border-radius:12px;overflow:hidden}.history-fields summary{cursor:pointer;text-transform:capitalize;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:13px 15px;display:grid}.history-fields summary em{color:#255ce6;font-size:12px;font-style:normal;font-weight:800}.history-fields details>div{color:#64708b;padding:0 15px 16px}.history-fields details>div>p{line-height:1.55}.history-fields section{background:#fff7f6;border:1px solid #f1cbc7;border-radius:10px;margin-top:10px;padding:12px 14px}.history-fields section p,.history-fields section ul{margin-bottom:0}.history-fields .history-improved{color:#101a36;background:#eef4ff;border-color:#cbd9fb #cbd9fb #cbd9fb #255ce6;border-left-style:solid;border-left-width:4px}.portal-empty{text-align:center;color:#64708b;padding:54px 24px}.portal-empty h2{color:#101a36;margin:0;font:700 30px Georgia,serif}.portal-empty a{color:#fff;background:#255ce6;border-radius:11px;margin-top:12px;padding:11px 18px;font-weight:800;text-decoration:none;display:inline-flex}.settings-form{background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 18px 45px #0f1e4417}.settings-section{border-bottom:1px solid var(--border);grid-template-columns:minmax(230px,.8fr) minmax(340px,1.2fr);gap:48px;padding:30px;display:grid}.settings-section h2{color:var(--foreground);margin:2px 0 7px;font:700 27px/1.1 Georgia,serif}.settings-section p{color:var(--muted-foreground);margin:0;line-height:1.55}.settings-section .settings-kicker{color:#255ce6;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.settings-field{align-content:center;gap:8px;display:grid}.settings-field>span{color:var(--foreground);font-size:13px;font-weight:850}.settings-field input{min-height:48px;color:var(--foreground);background:var(--background);border:1px solid var(--input);border-radius:11px;outline:none;padding:0 14px;font:700 15px Arial,sans-serif}.settings-field input:focus{border-color:#255ce6;box-shadow:0 0 0 3px #255ce621}.settings-field small{color:var(--muted-foreground)}.theme-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-options label{cursor:pointer;color:var(--muted-foreground);border:1px solid var(--border);border-radius:13px;gap:9px;padding:11px;display:grid}.theme-options label.selected{color:var(--foreground);border-color:#255ce6;box-shadow:0 0 0 2px #255ce61c}.theme-options input{opacity:0;pointer-events:none;position:absolute}.theme-preview{background:#f6f8fc;border:1px solid #dce2ec;border-radius:9px;height:72px;display:block;position:relative;overflow:hidden}.theme-preview:before{content:"";background:#fff;border-bottom:1px solid #dce2ec;height:17px;position:absolute;inset:0 0 auto}.theme-preview i,.theme-preview b{border-radius:5px;height:31px;position:absolute;top:27px}.theme-preview i{background:#142451;width:27%;left:8px}.theme-preview b{background:#fff;border:1px solid #dce2ec;left:calc(27% + 14px);right:8px}.theme-dark{background:#111a2c;border-color:#33415c}.theme-dark:before,.theme-dark b{background:#172238;border-color:#33415c}.theme-system{background:linear-gradient(90deg,#f6f8fc 50%,#111a2c 50%)}.theme-system b{background:linear-gradient(90deg,#fff 42%,#172238 42%)}.settings-actions{justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:16px 30px;display:flex}.settings-actions>span{color:var(--muted-foreground);font-size:13px}.support-layout{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:start;gap:20px;display:grid}.support-compose,.support-history{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #0f1e4412}.support-form{padding:26px}.support-form fieldset{border:0;gap:22px;margin:0;padding:0;display:grid}.support-form legend{color:var(--foreground);margin-bottom:15px;font:700 24px Georgia,serif}.support-type-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.support-type-options label{cursor:pointer;min-width:0;position:relative}.support-type-options input{opacity:0;pointer-events:none;position:absolute}.support-type-options label>span{box-sizing:border-box;min-height:105px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:5px;padding:15px;transition:border-color .18s,background .18s,transform .18s;display:flex}.support-type-options strong{font-size:14px}.support-type-options small{color:var(--muted-foreground);font-size:12px;line-height:1.4}.support-type-options input:checked+span{background:#edf3ff;border-color:#6f96ed;transform:translateY(-1px);box-shadow:0 0 0 2px #255ce61a}.support-type-options input:focus-visible+span{outline-offset:2px;outline:3px solid #255ce638}.support-field{gap:7px;display:grid}.support-field>span{color:var(--foreground);font-size:13px;font-weight:850}.support-field input,.support-field textarea{box-sizing:border-box;width:100%;color:var(--foreground);background:var(--background);border:1px solid var(--input);font:inherit;resize:vertical;border-radius:12px;outline:0;padding:13px 14px;line-height:1.5}.support-field input:focus,.support-field textarea:focus{border-color:#6196f5;box-shadow:0 0 0 4px #6196f524}.support-submit-row{justify-content:space-between;align-items:center;gap:20px;min-height:50px;display:flex}.support-form-status{color:var(--muted-foreground);margin:0;font-size:13px}.support-form-status.success{color:#16824a}.support-form-status.error{color:#c23640}.support-history-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.support-history-head p{color:#255ce6;letter-spacing:.11em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:900}.support-history-head h2{margin:0;font:700 23px Georgia,serif}.support-history-head>span{color:#255ce6;background:#edf3ff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.support-history-list{max-height:680px;overflow-y:auto}.support-history-list article{border-top:1px solid var(--border);padding:18px 20px}.support-history-list article:first-child{border-top:0}.support-history-list article>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.support-history-list h3{margin:12px 0 6px;font-size:16px}.support-history-list p{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 11px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.support-history-list time{color:var(--muted-foreground);font-size:10px}.support-empty{color:var(--muted-foreground);text-align:center;padding:54px 24px}.support-empty strong{color:var(--foreground)}.support-empty p{margin:5px 0 0}.ticket-kind,.ticket-status{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;width:max-content;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.ticket-kind{color:#2550a5;background:#e8f0ff}.ticket-kind.problem{color:#a1323b;background:#ffe9eb}.ticket-kind.question{color:#750;background:#fff2c9}.ticket-status{color:#6c778c;background:#eef1f6}.ticket-status.new{color:#b4232f;background:#ffe6e8}.ticket-status.in_progress{color:#195fba;background:#e6f0ff}.ticket-status.resolved{color:#167545;background:#e4f7eb}.ticket-status.archived{color:#5e687a;background:#e7eaf0}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.admin-stats>div{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:3px;padding:22px;display:grid;box-shadow:0 10px 24px #0f1e440f}.admin-stats strong{color:var(--foreground);letter-spacing:-.04em;font-size:29px}.admin-stats span{color:var(--muted-foreground);font-size:13px}.admin-stats .has-notifications{background:#fff7f8;border-color:#f1b8bd}.admin-stats .has-notifications strong{color:#c72e39}.admin-support-panel{margin-bottom:18px}.admin-panel-head>div p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.admin-inbox-count{border-radius:999px;padding:6px 9px}.admin-inbox-count.active{color:#fff;background:#d83a46}.admin-inbox-summary{align-items:center;gap:7px;display:flex}.admin-ticket-list{max-height:720px;overflow-y:auto}.admin-ticket{border-top:1px solid var(--border);grid-template-columns:minmax(150px,.42fr) minmax(0,1.4fr) auto;gap:18px;padding:20px;display:grid}.admin-ticket:first-child{border-top:0}.admin-ticket.is-new{background:linear-gradient(90deg,#e23f4b11,#0000 42%);box-shadow:inset 3px 0 #e23f4b}.admin-ticket.is-archived{opacity:.68}.admin-ticket-meta{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:7px;display:flex}.admin-ticket-meta time{color:var(--muted-foreground);flex-basis:100%;font-size:10px}.admin-ticket-body{min-width:0}.admin-ticket-body h3{margin:0 0 6px;font-size:16px}.admin-ticket-body p{color:var(--foreground);white-space:pre-wrap;margin:0 0 10px;line-height:1.55}.admin-ticket-body small{color:var(--muted-foreground)}.admin-ticket-actions{flex-wrap:wrap;align-items:flex-start;gap:7px;max-width:260px;display:flex}.admin-ticket-actions button{color:#34415a;background:var(--background);border:1px solid var(--border);min-height:36px;font:inherit;cursor:pointer;border-radius:9px;padding:0 11px;font-size:11px;font-weight:850}.admin-ticket-actions .resolve{color:#fff;background:#218653;border-color:#218653}.admin-ticket-actions .archive{color:#5c6575}.admin-ticket-actions .delete{color:#b4232f;border-color:#b4232f59}.admin-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;display:grid}.admin-panel{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 14px 35px #0f1e4412}.admin-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.admin-panel-head h2{margin:0;font:700 23px Georgia,serif}.admin-panel-head span{color:var(--muted-foreground);font-size:12px}.admin-user-row{border-top:1px solid var(--border);grid-template-columns:minmax(180px,1.5fr) .7fr .55fr .65fr;align-items:center;gap:12px;min-height:64px;padding:10px 18px;font-size:13px;display:grid}.admin-user-row:first-child{border-top:0}.admin-user-row div{min-width:0}.admin-user-row strong,.admin-user-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-row small,.admin-user-row span,.admin-user-row time{color:var(--muted-foreground)}.admin-attempts article{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:3px 12px;padding:14px 18px;display:grid}.admin-attempts article:first-child{border-top:0}.admin-attempts article div{min-width:0}.admin-attempts article strong,.admin-attempts article span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-attempts article span,.admin-attempts article small{color:var(--muted-foreground)}.admin-attempts article small{text-transform:capitalize;grid-column:1/-1}.race-shell{min-height:520px;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0f1e441a}.race-lobby,.race-searching,.race-results,.race-wait{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:42px 24px;display:flex}.race-lobby>p,.race-searching>p,.race-wait>p{max-width:610px;color:var(--muted-foreground);margin:7px auto 22px;line-height:1.6}.race-lobby h2,.race-searching h2,.race-results h2,.race-wait h2{letter-spacing:-.035em;margin:10px 0 4px;font:700 clamp(30px,4vw,46px)/1.05 Georgia,serif}.race-lobby-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.race-ranked-profile{color:#152551;font-variant-numeric:tabular-nums;background:#f5f8ff;border:1px solid #ccdaf7;border-radius:999px;align-items:center;gap:9px;margin:-7px 0 5px;padding:7px 12px 7px 8px;display:flex;box-shadow:0 8px 20px #122a5e14}.race-ranked-profile span{color:#744e00;letter-spacing:.09em;text-transform:uppercase;background:#ffe49a;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950}.race-ranked-profile strong{font-size:14px}.race-ranked-profile small{color:#66728b;font-size:11px;font-weight:750}.race-mode-options{grid-template-columns:repeat(2,minmax(0,250px));gap:12px;width:min(100%,512px);margin-top:3px;display:grid}.race-mode-card{min-height:128px;color:var(--foreground);text-align:left;background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:16px;gap:4px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.race-mode-card:hover{border-color:#85a6ed;transform:translateY(-2px);box-shadow:0 12px 28px #1c3f871f}.race-mode-card:focus-visible{outline-offset:3px;outline:3px solid #255ce647}.race-mode-card>span{color:#255ce6;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:950}.race-mode-card>strong{font:700 23px/1.1 Georgia,serif}.race-mode-card>small{color:var(--muted-foreground);font:12px/1.45 Arial,sans-serif}.race-mode-card.ranked{color:#fff;background:#142451;border-color:#142451;box-shadow:inset 0 4px #f5c451,0 12px 28px #14245129}.race-mode-card.ranked:after{content:"RP";color:#ffe6a0;letter-spacing:.12em;font:950 11px Arial,sans-serif;position:absolute;top:16px;right:17px}.race-mode-card.ranked>span{color:#ffe49a}.race-mode-card.ranked>small{color:#c9d6f1}.race-mode-card.ranked:hover{border-color:#3869cd;box-shadow:inset 0 4px #f5c451,0 15px 34px #1424513d}.race-invite-button{margin-top:12px}.race-ranked-search{color:#8a6100;letter-spacing:.1em;text-transform:uppercase;margin:-7px 0 3px;font-size:11px;font-weight:950}.race-invite-join{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:42px 24px;display:flex}.race-invite-icon{color:#fff;background:#255ce6;border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:18px;font-size:20px;font-weight:900;display:grid;box-shadow:0 14px 32px #255ce647}.race-invite-join>p{color:#255ce6;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}.race-invite-join h2{margin:10px 0 8px;font:700 clamp(30px,4vw,46px)/1.05 Georgia,serif}.race-invite-join>span:not(.race-error){max-width:560px;color:var(--muted-foreground);margin-bottom:24px;line-height:1.6}.race-invite-link{background:var(--background);border:1px solid var(--border);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;width:min(100%,680px);margin:4px 0 10px;padding:7px;display:grid}.race-invite-link input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;padding:0 13px;font:14px Arial,sans-serif}.race-invite-link .billing-primary{min-height:44px}.race-invite-expiry{color:var(--muted-foreground);margin:0 0 22px;font-size:13px}.race-visual{grid-template-columns:68px 90px 68px;align-items:center;gap:14px;margin-bottom:20px;display:grid}.race-visual span{color:#fff;background:#142451;border-radius:18px;place-items:center;width:68px;height:68px;font-weight:900;display:grid}.race-visual span:last-child{color:#255ce6;background:#edf3ff;border:1px dashed #9ab5ee}.race-visual i{background:linear-gradient(90deg,#255ce6,#68c4ff);border-radius:9px;height:3px}.race-error{color:#b9323d;margin-top:14px;font-weight:750;display:block}.match-radar{border:1px solid #b8cafa;border-radius:50%;place-items:center;width:130px;height:130px;margin-bottom:18px;display:grid;position:relative}.match-radar:before,.match-radar:after{content:"";border:1px solid #d6e0fb;border-radius:50%;position:absolute}.match-radar:before{inset:20px}.match-radar:after{inset:40px}.match-radar span{z-index:1;color:#fff;background:#142451;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.match-radar i{transform-origin:0;background:linear-gradient(90deg,#255ce6,#0000);width:52px;height:2px;animation:1.35s linear infinite radar;position:absolute;inset:50% 50% auto}@keyframes radar{to{transform:rotate(360deg)}}.race-stage{padding:0 28px 30px}.race-scoreboard{color:#fff;background:#142451;grid-template-columns:1fr auto 1fr;align-items:stretch;margin:0 -28px 28px;display:grid}.race-player{justify-content:space-between;align-items:center;gap:12px;padding:17px 24px;display:flex}.race-player.opponent{flex-direction:row-reverse}.race-player>div{gap:2px;min-width:0;display:grid}.race-player.opponent>div{text-align:right}.race-player span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.race-player small{color:#f9d978;letter-spacing:.05em;font-size:10px;font-weight:900}.race-player strong{color:#9ec0ff;font-size:13px}.race-clock{background:#203568;place-items:center;min-width:110px;padding:10px 18px;display:grid}.race-clock strong{font-size:25px;line-height:1}.race-clock span{color:#bfd0f6;text-transform:uppercase;font-size:10px}.race-fact{text-align:center;margin-bottom:24px}.race-fact span{color:#255ce6;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:900}.race-fact h2{margin:4px 0 0;font:700 clamp(29px,4vw,42px)/1.08 Georgia,serif}.race-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.race-form label{gap:7px;display:grid}.race-form label.wide{grid-column:1/-1}.race-form label>span{font-size:13px;font-weight:850}.race-form textarea{resize:vertical;box-sizing:border-box;width:100%;color:var(--foreground);background:var(--background);border:1px solid var(--input);border-radius:11px;outline:none;padding:12px 13px;font:15px/1.45 Arial,sans-serif}.race-form textarea:focus{border-color:#255ce6;box-shadow:0 0 0 3px #255ce61f}.race-submit{grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding-top:5px;display:flex}.race-submit span{color:var(--muted-foreground);font-size:12px}.race-grading{align-content:center;gap:16px;max-width:650px;min-height:300px;margin:auto;display:grid}.race-grading>div:first-child{justify-content:space-between;align-items:center;gap:18px;display:flex}.race-grading span{color:var(--muted-foreground);font-size:13px}.race-grading [role=progressbar]{background:#e2e9f8;border-radius:999px;height:10px;overflow:hidden}.race-grading i{border-radius:inherit;background:linear-gradient(90deg,#255ce6,#68c4ff);height:100%;transition:width .5s;display:block}.race-check{color:#fff;background:#22a65a;border-radius:50%;place-items:center;width:62px;height:62px;font-size:30px;display:grid}.waiting-dots{gap:6px;display:flex}.waiting-dots i{background:#255ce6;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite wait-dot}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}@keyframes wait-dot{50%{opacity:.25;transform:translateY(-4px)}}.race-results>p{color:#255ce6;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.race-result-grid{grid-template-columns:180px auto 180px;align-items:center;gap:22px;margin:32px 0;display:grid}.race-result-grid>div{background:var(--background);border:1px solid var(--border);border-radius:16px;gap:3px;padding:22px;display:grid}.race-result-grid>div.winner{border-color:#22a65a;box-shadow:0 0 0 3px #22a65a1f}.race-result-grid span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);overflow:hidden}.race-result-grid strong{font-size:38px}.race-result-grid small{color:var(--muted-foreground)}.race-no-result{background:var(--background);border:1px solid var(--border);border-radius:15px;gap:5px;min-width:min(100%,340px);margin:28px 0;padding:20px 24px;display:grid}.race-no-result strong{font-size:16px}.race-no-result span{color:var(--muted-foreground);font-size:13px}.race-rating-change{color:#17335f;font-variant-numeric:tabular-nums;background:#f3f8ff;border:1px solid #bfd2f5;border-radius:14px;gap:3px;min-width:245px;margin:-15px 0 26px;padding:14px 22px;display:grid}.race-rating-change>span{color:#486184;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:950}.race-rating-change>strong{font-size:22px}.race-rating-change i{color:#8796ad;font-style:normal}.race-rating-change>small{color:#16824b;font-size:12px;font-weight:900}.race-rating-change.negative>small{color:#bb3a46}.race-reveal{text-align:center;background:radial-gradient(circle,#3e7bf329,#0000 42%);align-content:center;place-items:center;gap:8px;min-height:520px;padding:40px 24px;display:grid}.race-reveal-badge{color:#fff;background:#255ce6;border-radius:20px;place-items:center;width:70px;height:70px;margin-bottom:12px;font-size:23px;font-weight:900;animation:.65s ease-in-out infinite alternate race-badge-pulse;display:grid;box-shadow:0 16px 40px #255ce64d}.race-reveal p{color:#255ce6;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}.race-reveal h2{margin:3px 0;font:700 clamp(30px,4vw,46px)/1.05 Georgia,serif}.race-reveal>strong{margin-top:12px;font-size:72px;line-height:1;animation:.6s both race-count-pop}@keyframes race-count-pop{0%{opacity:0;transform:scale(.55)}55%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes race-badge-pulse{to{transform:translateY(-4px);box-shadow:0 22px 48px #255ce66b}}@media (prefers-reduced-motion:reduce){.match-radar i,.waiting-dots i,.race-reveal-badge,.race-reveal>strong{animation:none}.race-mode-card,.portal-nav-slider{transition:none}}.race-review-toggle{margin:-12px 0 20px}.race-review{text-align:left;width:min(100%,760px);margin:0 auto 22px}.race-review-summary{color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:12px;gap:5px;padding:16px;display:grid}.race-review-summary span{color:var(--muted-foreground);line-height:1.5}.race-review details{background:var(--background);border:1px solid var(--border);border-radius:11px;margin-top:9px;overflow:hidden}.race-review summary{cursor:pointer;justify-content:space-between;padding:14px 16px;font-size:14px;display:flex}.race-review details>div{gap:10px;padding:0 16px 16px;display:grid}.race-review details p{color:var(--muted-foreground);margin:0;line-height:1.55}.race-review details b{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:12px;display:block}:root[data-theme=dark] body{color:#f4f7fc;background:#090e17}:root[data-theme=dark] .auth-page{background:linear-gradient(#0b111c 0,#090e17 65%)}:root[data-theme=dark] .portal-header{background:#080d16e0;border-color:#314158b8;box-shadow:0 9px 30px #0003}:root[data-theme=dark] .portal-brand{color:#f4f7fc}:root[data-theme=dark] .portal-brand small{color:#9eacc0}:root[data-theme=dark] .portal-mark{color:#fff;background:#326fef;box-shadow:0 8px 22px #1a57d547}:root[data-theme=dark] .portal-header nav{background:#111a29c2;border-color:#364862b8}:root[data-theme=dark] .portal-nav-slider{background:#1a2639;box-shadow:inset 0 0 0 1px #304158,inset 0 -2px #73a7ff,0 5px 16px #00000038}:root[data-theme=dark] .portal-header nav a{color:#9eacc0}:root[data-theme=dark] .portal-header nav a:hover,:root[data-theme=dark] .portal-header nav a.active{color:#fff}:root[data-theme=dark] .portal-account-name{color:#e8f0ff}:root[data-theme=dark] .portal-account-name:hover{color:#fff;background:#73a7ff1a}:root[data-theme=dark] .portal-account-name.needs-name{color:#b8d2ff;background:#152238}:root[data-theme=dark] .portal-mastery{border-color:#2a384d}:root[data-theme=dark] .name-prompt{color:#f4f7fc;background:#111925;border-color:#304158}:root[data-theme=dark] .name-prompt>p:not(.name-prompt-kicker),:root[data-theme=dark] .name-prompt form>small{color:#9eacc0}:root[data-theme=dark] .name-prompt label{color:#dfe8f7}:root[data-theme=dark] .name-prompt input{color:#f4f7fc;background:#0c121d;border-color:#304158}:root[data-theme=dark] .portal-mastery strong{color:#f4f7fc}:root[data-theme=dark] .portal-mastery span,:root[data-theme=dark] .mastery-cell small{color:#9eacc0}:root[data-theme=dark] .portal-main{color:#f4f7fc;background:linear-gradient(#0b111c 0,#090e17 300px)}:root[data-theme=dark] .landing-main{color:#f4f7fc;background:linear-gradient(#0b111c 0,#090e17 360px)}:root[data-theme=dark] .landing-copy>p,:root[data-theme=dark] .landing-details>div p,:root[data-theme=dark] .landing-details li span{color:#9eacc0}:root[data-theme=dark] .landing-copy .landing-note{color:#8493a9}:root[data-theme=dark] .landing-preview{background:#111925;border-color:#30445f;box-shadow:0 28px 72px #00000057}:root[data-theme=dark] .landing-stats{background:#111925;border-color:#27364a;box-shadow:0 16px 42px #00000038}:root[data-theme=dark] .landing-stats>div,:root[data-theme=dark] .landing-details li{border-color:#27364a}:root[data-theme=dark] .landing-stats span{color:#9eacc0}:root[data-theme=dark] .portal-heading h1,:root[data-theme=dark] .portal-empty h2,:root[data-theme=dark] .history-improved{color:#f4f7fc}:root[data-theme=dark] .portal-heading>span,:root[data-theme=dark] .history-totals span,:root[data-theme=dark] .history-summary,:root[data-theme=dark] .history-meta,:root[data-theme=dark] .history-fields details>div,:root[data-theme=dark] .portal-empty{color:#9eacc0}:root[data-theme=dark] .leaderboard-table,:root[data-theme=dark] .history-card{background:#111925;border-color:#27364a;box-shadow:0 18px 48px #0000003d}:root[data-theme=dark] .leaderboard-labels{color:#9eacc0;background:#0e1622}:root[data-theme=dark] .leaderboard-row,:root[data-theme=dark] .history-meta,:root[data-theme=dark] .history-fields details{border-color:#27364a}:root[data-theme=dark] .history-fields section{color:#efb6bb;background:#28181e;border-color:#60343e}:root[data-theme=dark] .history-fields .history-improved{color:#edf3fc;background:#13233c;border-color:#304f7d}:root[data-theme=dark] .billing-primary{background:#3f7bf3;box-shadow:0 10px 24px #2467eb40}:root[data-theme=dark] .billing-primary:hover{background:#4f88f5}:root[data-theme=dark] .billing-secondary{color:#dfe8f7;background:#162235;border:1px solid #304158}:root[data-theme=dark] .settings-form,:root[data-theme=dark] .support-compose,:root[data-theme=dark] .support-history,:root[data-theme=dark] .admin-stats>div,:root[data-theme=dark] .admin-panel,:root[data-theme=dark] .race-shell{box-shadow:0 18px 48px #0000003d}:root[data-theme=dark] .support-type-options input:checked+span{background:#17284b;border-color:#42649d}:root[data-theme=dark] .support-history-head>span{color:#a9c7ff;background:#162640}:root[data-theme=dark] .admin-stats .has-notifications{background:#2b171b;border-color:#65323a}:root[data-theme=dark] .admin-ticket.is-new{background:linear-gradient(90deg,#ff6b7514,#0000 42%)}:root[data-theme=dark] .race-ranked-profile{color:#edf4ff;box-shadow:none;background:#131e30;border-color:#32445f}:root[data-theme=dark] .race-ranked-profile small{color:#a8b6c9}:root[data-theme=dark] .race-mode-card.ranked{background:#17284b;border-color:#34548c}:root[data-theme=dark] .race-rating-change{color:#eaf2ff;background:#111c2c;border-color:#314968}:root[data-theme=dark] .race-rating-change>span{color:#a7bad2}:root[data-theme=dark] .settings-field input,:root[data-theme=dark] .race-form textarea{background:#0c121d;border-color:#304158}:root[data-theme=dark] .theme-options label.selected{border-color:#6c9ff7;box-shadow:0 0 0 2px #6c9ff729}:root[data-theme=dark] .theme-dark{background:#090e17;border-color:#304158}:root[data-theme=dark] .theme-dark:before,:root[data-theme=dark] .theme-dark b{background:#111925;border-color:#304158}:root[data-theme=dark] .race-visual span{background:#1a2c4a}:root[data-theme=dark] .race-visual span:last-child{color:#8bb4ff;background:#162640;border-color:#3b5f91}:root[data-theme=dark] .match-radar,:root[data-theme=dark] .match-radar:before,:root[data-theme=dark] .match-radar:after{border-color:#304f7d}:root[data-theme=dark] .match-radar span{background:#326fef}:root[data-theme=dark] .race-scoreboard{background:#0c121d;border-color:#27364a}:root[data-theme=dark] .race-clock{background:#162640}:root[data-theme=dark] .race-grading [role=progressbar]{background:#26364c}:root[data-theme=dark] .race-invite-link{background:#0c121d;border-color:#304158}@media (max-width:920px){.landing-hero{grid-template-columns:1fr;padding-top:64px}.landing-copy{text-align:center}.landing-copy h1,.landing-copy>p{margin-left:auto;margin-right:auto}.landing-actions{justify-content:center}.landing-preview{width:min(100%,620px);min-height:380px;margin:0 auto}.landing-stats{grid-template-columns:1fr 1fr}.landing-stats>div:nth-child(3){border-top:1px solid #e3e8f1;border-left:0}.landing-stats>div:nth-child(4){border-top:1px solid #e3e8f1}:root[data-theme=dark] .landing-stats>div:nth-child(3),:root[data-theme=dark] .landing-stats>div:nth-child(4){border-top-color:#27364a}.landing-details,.support-layout{grid-template-columns:1fr}.support-history-list{max-height:none}}@media (max-width:1180px){.portal-header{grid-template-columns:1fr auto}.portal-header nav{grid-area:2/1/auto/-1;overflow-x:auto}.portal-account{grid-area:1/2}.portal-heading{flex-direction:column;align-items:start}.portal-heading>span{text-align:left}.leaderboard-table{overflow-x:auto}.leaderboard-row{min-width:780px}}@media (max-width:520px){.landing-hero,.landing-stats,.landing-details{width:min(100% - 24px,1180px)}.landing-hero{padding-top:48px}.landing-copy h1{font-size:47px}.landing-copy>p{font-size:16px}.landing-actions{flex-direction:column;align-items:stretch}.landing-preview{border-radius:20px;min-height:360px;padding:26px}.landing-preview h2{font-size:31px}.landing-stats>div{padding:20px}.landing-stats strong{font-size:25px}.landing-details{padding:72px 0 84px}.portal-main{padding-top:34px}.portal-brand small,.portal-mastery{display:none}.history-card{padding:18px}.history-card-head{align-items:start}.history-card-head h2{font-size:23px}.history-fields summary{grid-template-columns:1fr auto}.history-fields summary em{grid-column:1/-1}.pricing-actions{grid-template-columns:1fr}.billing-card{flex-direction:column;align-items:stretch}.settings-section{grid-template-columns:1fr;gap:20px;padding:22px}.theme-options{grid-template-columns:1fr}.settings-actions{flex-direction:column;align-items:stretch}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.race-mode-options{grid-template-columns:1fr;width:min(100%,340px)}.race-mode-card{min-height:116px}.race-ranked-profile{flex-wrap:wrap;justify-content:center}.race-stage{padding:0 16px 22px}.race-scoreboard{margin:0 -16px 22px}.race-player{flex-direction:column;min-width:0;padding:13px 10px}.race-player.opponent{flex-direction:column}.race-player>div,.race-player.opponent>div{text-align:center;max-width:100%}.race-clock{min-width:84px;padding-inline:9px}.race-form{grid-template-columns:1fr}.race-form label.wide,.race-submit{grid-column:auto}.race-submit,.race-grading>div:first-child{flex-direction:column;align-items:stretch}.race-result-grid{grid-template-columns:1fr;width:100%}.race-result-grid>b{transform:rotate(90deg)}}@media (max-width:760px){.portal-header{padding:max(10px, env(safe-area-inset-top)) 16px 10px;gap:10px 14px}.portal-brand{gap:9px;min-width:0}.portal-mark{border-radius:11px;width:38px;height:38px}.portal-header nav{width:100%}.portal-header nav a{white-space:nowrap;align-items:center;min-height:44px;padding:7px 13px;display:inline-flex}.portal-account{gap:7px}.portal-account-name{max-width:min(28vw,104px);padding:8px 10px}.portal-sign-in{min-height:44px;padding-inline:13px}.name-prompt{border-radius:20px;padding:25px 22px}.name-prompt-actions{flex-direction:column-reverse;align-items:stretch}.name-prompt-actions button{width:100%}.support-form{padding:20px 16px}.support-type-options{grid-template-columns:1fr}.support-type-options label>span{min-height:0}.support-submit-row{flex-direction:column;align-items:stretch}.support-submit-row button{width:100%}.admin-ticket{grid-template-columns:1fr;gap:12px;padding:17px 15px}.admin-ticket-actions{flex-wrap:wrap}.portal-main{padding:32px 12px max(68px, env(safe-area-inset-bottom))}.portal-heading{gap:12px;margin-bottom:22px}.portal-heading h1{font-size:clamp(34px,11vw,46px)}.portal-heading>span{font-size:14px;line-height:1.45}.pricing-main{min-height:calc(100vh - 124px);padding:34px 12px max(68px, env(safe-area-inset-bottom))}.pricing-card{border-radius:20px;padding:26px 20px}.leaderboard-table{gap:10px;padding:10px;display:grid;overflow:visible}.leaderboard-labels{display:none}.leaderboard-row{border:1px solid #e2e7f0;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;gap:11px 10px;min-width:0;padding:15px 12px}.leaderboard-row:first-child{border-top:1px solid #e2e7f0}.leaderboard-row .rank{grid-area:1/1}.leaderboard-row .leader-name{grid-area:1/2;min-width:0}.leaderboard-row .leader-name b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-row>:nth-child(3){text-align:right;grid-area:1/3}.leaderboard-row>:nth-child(4){grid-area:2/1}.leaderboard-row>:nth-child(5){grid-area:2/2}.leaderboard-row>:nth-child(6){text-align:right;grid-area:2/3}.leaderboard-row>:nth-child(n+3):before{color:#77839a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:900;display:block}.leaderboard-row>:nth-child(3):before{content:"Mastery"}.leaderboard-row>:nth-child(4):before{content:"Points"}.leaderboard-row>:nth-child(5):before{content:"Tries"}.leaderboard-row>:nth-child(6):before{content:"Study time"}.history-card-head{flex-direction:column;gap:12px}.history-score{text-align:left;align-items:baseline;gap:9px;display:flex}.billing-card{padding:22px}.settings-section{padding:22px 18px}.settings-actions{padding-inline:18px}.settings-field input,.race-form textarea,.race-invite-link input{font-size:16px}.admin-user-row{grid-template-columns:1fr 1fr;gap:7px 12px;padding:14px 16px}.admin-user-row div{grid-column:1/-1}.admin-user-row time{justify-self:end}.race-shell{border-radius:17px;min-height:0}.race-lobby,.race-searching,.race-results,.race-wait,.race-invite-join{min-height:460px;padding:32px 16px}.race-lobby-actions{width:100%}.race-lobby-actions>*{flex:140px}}@media (prefers-reduced-motion:reduce){.portal-nav-slider{transition:none}.name-prompt-backdrop,.name-prompt{animation:none}}@media (max-width:380px){.portal-header{padding-inline:12px}.portal-brand strong{font-size:14px}.portal-account-name{max-width:78px}.landing-copy h1{font-size:40px}.landing-stats{grid-template-columns:1fr}.landing-stats>div{border-top:1px solid #e3e8f1;border-left:0}.landing-stats>div:first-child{border-top:0}.race-invite-link{grid-template-columns:1fr;gap:7px}}