:root{--brand-blue:#3563ff;--success-teal:#19c6a3;--reward-yellow:#ffc83d;--challenge-coral:#ff6b5f;--level-violet:#8b5cf6;--deep-navy:#172554;--navy:var(--brand-blue);--navy-deep:var(--deep-navy);--teal:var(--success-teal);--teal-soft:#e8fbf6;--orange:var(--challenge-coral);--orange-soft:#fff0ee;--violet:var(--level-violet);--violet-soft:#f2edff;--blue-soft:#ebf0ff;--yellow-soft:#fff7dc;--ink:#17213d;--muted:#667085;--line:#e5eaf3;--surface:#fff;--page:#f7f9ff;--radius-lg:30px;--radius-md:20px;--shadow:0 24px 70px #3563ff24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}.app-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #e6eaf2e6;position:sticky;top:0}.app-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(22px,4vw,56px);min-height:74px;display:grid}.main-nav{justify-content:center;gap:clamp(10px,2vw,28px);display:flex}.main-nav a{color:#68738a;white-space:nowrap;padding:26px 0 23px;font-size:13px;font-weight:760;position:relative}.main-nav a:after{content:"";background:var(--brand-blue);border-radius:4px 4px 0 0;height:3px;transition:transform .16s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.main-nav a:hover,.main-nav a.active{color:var(--navy)}.main-nav a.active:after{transform:scaleX(1)}.header-actions{align-items:center;gap:12px;display:flex}.header-login{color:var(--navy);font-size:13px;font-weight:800}.header-join{border-radius:12px;min-height:40px;padding-inline:16px;font-size:13px}.mode-pill{color:#9a4c35;background:var(--orange-soft);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.mobile-nav{display:none}a{color:inherit;text-decoration:none}.shell{width:min(100% - 40px,1280px);margin-inline:auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e6eaf2d9;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.brand{align-items:center;display:inline-flex}.arena-gate-logo{align-items:center;gap:11px;display:inline-flex}.arena-gate-mark{filter:drop-shadow(0 7px 12px #3563ff29);flex:0 0 46px;width:46px;height:46px}.arena-gate-wordmark{gap:1px;display:grid}.arena-gate-wordmark strong{color:var(--deep-navy);letter-spacing:.12em;font-size:16px;font-weight:900;line-height:1.1}.arena-gate-wordmark small{color:var(--brand-blue);letter-spacing:.1em;font-size:10px;font-weight:800}.build-status{color:#58637a;background:#f1f4f9;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;font-weight:700;display:inline-flex}.build-status i{background:var(--orange);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ff85621f}.hero{background:radial-gradient(circle at 88% 18%,#ffc83d40,#0000 23%),radial-gradient(circle at 74% 82%,#19c6a333,#0000 29%),radial-gradient(circle at 18% 8%,#8b5cf629,#0000 23%),linear-gradient(135deg,#f7f9ff 0%,#eef5ff 42%,#fff5f1 100%);padding:82px 0 92px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;background-image:radial-gradient(#3563ff2b 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 48%);mask-image:linear-gradient(90deg,#000,#0000 48%)}.hero-orb{filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb-one{background:#8b5cf62e;width:260px;height:260px;top:-110px;right:8%}.hero-orb-two{background:#ff6b5f2b;width:200px;height:200px;bottom:-100px;left:8%}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);align-items:center;gap:clamp(52px,7vw,100px);display:grid;position:relative}.eyebrow{color:var(--navy);align-items:center;gap:10px;margin:0 0 20px;font-size:14px;font-weight:800;display:flex}.eyebrow span{color:#fff;background:var(--brand-blue);letter-spacing:.08em;border-radius:7px;padding:5px 8px;font-size:10px;box-shadow:0 7px 16px #3563ff38}.hero h1{letter-spacing:-.065em;max-width:660px;color:var(--navy-deep);margin:0;font-size:clamp(48px,6.5vw,82px);line-height:1.03}.hero h1 em{color:var(--brand-blue);background:linear-gradient(105deg, var(--brand-blue), var(--level-violet) 52%, var(--challenge-coral));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-summary{max-width:620px;color:var(--muted);margin:26px 0 0;font-size:clamp(18px,2vw,21px);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:50px;padding:0 21px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #3563ff4d}.button-primary{color:#fff;background:var(--brand-blue);box-shadow:0 12px 28px #3563ff3d}.button-primary:hover{background:#244fe0;box-shadow:0 16px 34px #3563ff4d}.button-secondary{color:var(--navy);background:#ffffffc7;border-color:#23315f24}.trust-list{color:#69738a;flex-wrap:wrap;gap:18px;margin:27px 0 0;padding:0;font-size:13px;font-weight:700;list-style:none;display:flex}.trust-list li{align-items:center;gap:7px;display:flex}.trust-list li:before{content:"✓";color:var(--teal);font-weight:900}.dashboard-preview{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#ffffffed;border:1px solid #ffffffe6;padding:26px;position:relative;transform:rotate(1.2deg)}.dashboard-preview:before{content:"";z-index:-1;background:linear-gradient(135deg, var(--brand-blue), var(--level-violet), var(--challenge-coral));border-radius:var(--radius-lg);opacity:.18;position:absolute;inset:16px -17px -17px 16px}.preview-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.preview-topbar>div:first-child{gap:4px;display:grid}.preview-topbar span{color:var(--muted);font-size:12px;font-weight:750}.preview-topbar strong{font-size:16px}.streak{background:var(--orange-soft);border-radius:13px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding:9px 13px;display:grid}.streak>span{grid-row:1/3;font-size:20px}.streak strong{color:#d45d3a;line-height:1}.streak small{color:#a46350;font-size:10px}.daily-goal{grid-template-columns:112px 1fr;align-items:center;gap:24px;padding:26px 0;display:grid}.goal-ring{aspect-ratio:1;text-align:center;background:radial-gradient(circle closest-side, white 78%, transparent 79% 100%), conic-gradient(var(--teal) 80%, #e5e9f1 0);border-radius:50%;place-content:center;width:110px;display:grid}.goal-ring strong{color:var(--navy);font-size:30px;line-height:1}.goal-ring span{color:var(--muted);margin-top:3px;font-size:11px}.mini-label{color:var(--teal);letter-spacing:.08em;font-size:11px;font-weight:850}.daily-goal h2{margin:7px 0 8px;font-size:19px;line-height:1.35}.daily-goal p{color:var(--muted);margin:0;font-size:13px}.daily-goal p strong{color:var(--teal)}.subject-progress{background:#f8f9fc;border-radius:18px;padding:18px}.section-label{justify-content:space-between;margin-bottom:15px;font-size:12px;display:flex}.section-label span{color:var(--muted)}.progress-row{grid-template-columns:44px 1fr 34px;align-items:center;gap:10px;margin-top:11px;font-size:11px;display:grid}.progress-row>span{font-weight:750}.progress-row>strong{color:var(--muted);text-align:right}.track{background:#e4e8f0;border-radius:99px;height:7px;overflow:hidden}.track i{border-radius:inherit;height:100%;display:block}.track .blue{background:var(--brand-blue)}.track .coral{background:var(--challenge-coral)}.track .violet{background:var(--violet)}.feature-section{background:#fff;padding:94px 0}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:42px;display:grid}.kicker{color:var(--teal);letter-spacing:.09em;margin:0 0 10px;font-size:12px;font-weight:900}.section-heading h2,.content-policy h2{color:var(--navy-deep);letter-spacing:-.04em;margin:0;font-size:clamp(30px,4.2vw,48px);line-height:1.16}.section-heading>p{color:var(--muted);margin:0;line-height:1.8}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature-card{background:linear-gradient(150deg, white, var(--page));border:1px solid var(--line);border-radius:var(--radius-md);min-height:300px;padding:24px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--brand-blue);height:5px;position:absolute;top:0;left:0;right:0}.feature-card:nth-child(2):before{background:var(--challenge-coral)}.feature-card:nth-child(3):before{background:var(--level-violet)}.feature-card:nth-child(4):before{background:var(--success-teal)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px #23315f17}.feature-icon{border-radius:19px;place-items:center;width:62px;height:62px;margin-bottom:27px;display:grid}.feature-icon span{font-size:13px;font-weight:900}.feature-icon.practice{color:#118d77;background:var(--teal-soft)}.feature-icon.mistakes{color:#d45d3a;background:var(--orange-soft)}.feature-icon.progress{color:#5f54ce;background:var(--violet-soft)}.feature-icon.community{color:#315da9;background:#e8f1ff}.feature-card h3{color:var(--navy-deep);margin:0 0 11px;font-size:20px}.feature-card p{color:var(--muted);margin:0;line-height:1.7}.coming-soon{color:#8a93a6;font-size:11px;font-weight:800;position:absolute;bottom:22px;left:24px}.card-link{color:var(--navy);justify-content:space-between;font-size:12px;font-weight:850;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.card-link span{color:var(--teal);font-size:17px;line-height:.8}.content-policy{background:#fff;padding:30px 0 88px}.policy-panel{color:#fff;background:radial-gradient(circle at 92% 5%, #8b5cf66b, transparent 31%), radial-gradient(circle at 72% 100%, #19c6a340, transparent 30%), var(--deep-navy);border-radius:var(--radius-lg);grid-template-columns:1fr .9fr;align-items:center;gap:70px;padding:clamp(32px,5vw,60px);display:grid;position:relative;overflow:hidden}.policy-panel .kicker{color:#69e0cb}.policy-panel h2{color:#fff}.policy-panel>div>p:last-child{color:#bdc7e3;max-width:620px;margin:20px 0 0;line-height:1.75}.source-badges{gap:12px;display:grid}.source-badges span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:15px;align-items:center;gap:13px;padding:16px 18px;font-weight:750;display:flex}.source-badges i{width:28px;height:28px;color:var(--navy-deep);background:#69e0cb;border-radius:9px;place-items:center;font-size:11px;font-style:normal;display:grid}.source-showcase{gap:13px;display:grid}.source-badge{border:1px solid;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:10px 13px;font-size:12px;font-weight:850;display:inline-flex}.source-badge:before{content:"✓";width:19px;height:19px;color:var(--navy-deep);background:currentColor;border-radius:50%;place-items:center;font-size:10px;display:grid}.source-platform_original{color:#67dfc9}.source-ai_assisted_original{color:#b4aaff}.source-licensed{color:#ffc38e}.policy-link{color:#fff;margin-top:24px;font-size:13px;font-weight:850;display:inline-flex}.home-notice{z-index:2;margin-top:-30px;position:relative}.runtime-notice{color:#725135;background:#fff8e8;border:1px solid #f2dfb3;border-radius:15px;align-items:center;gap:14px;padding:15px 18px;font-size:12px;display:flex;box-shadow:0 10px 30px #43301c0f}.runtime-notice strong{color:#8b582f;flex:none}.runtime-notice.misconfigured{color:#8a3241;background:#fff0f2;border-color:#f2bdc5}.app-page{background:radial-gradient(circle at 80% 0, #19c6a31f, transparent 25%), radial-gradient(circle at 8% 16%, #8b5cf617, transparent 22%), radial-gradient(circle at 95% 65%, #ffc83d1f, transparent 20%), var(--page);min-height:72vh;padding:56px 0 92px}.app-page .runtime-notice{margin-bottom:28px}.page-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);align-items:end;gap:50px;margin:0 0 38px;display:grid}.page-heading.compact{grid-template-columns:1fr auto;align-items:center}.page-heading h1{color:var(--navy-deep);letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,58px);line-height:1.08}.page-heading>p{color:var(--muted);margin:0;line-height:1.8}.subject-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.subject-card{--subject-accent:var(--teal);border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;min-height:280px;padding:23px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #23315f0b}.subject-card:after{content:"";background:color-mix(in srgb, var(--subject-accent) 14%, white);border-radius:50%;width:120px;height:120px;position:absolute;top:-55px;right:-48px}.subject-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #23315f1a}.subject-icon{width:48px;height:48px;color:var(--subject-accent);background:color-mix(in srgb, var(--subject-accent) 12%, white);border-radius:15px;place-items:center;margin-bottom:28px;font-size:16px;font-weight:900;display:grid}.subject-card>div>span{color:var(--subject-accent);font-size:10px;font-weight:900}.subject-card h2{color:var(--navy-deep);margin:5px 0 9px;font-size:19px;line-height:1.3}.subject-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.subject-card footer{color:#8992a5;border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:11px;font-weight:750;display:flex}.subject-card footer b{color:var(--subject-accent);font-size:18px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:46px 1fr;align-items:start;gap:15px;padding:21px;display:grid}.stat-icon{color:#138a77;background:var(--teal-soft);border-radius:14px;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.tone-orange .stat-icon{color:#c75a3c;background:var(--orange-soft)}.tone-violet .stat-icon{color:#5d52c9;background:var(--violet-soft)}.tone-blue .stat-icon{color:#315da9;background:#e8f1ff}.stat-card>div{display:grid}.stat-card span:not(.stat-icon){color:var(--muted);font-size:11px;font-weight:750}.stat-card strong{color:var(--navy-deep);margin:3px 0;font-size:26px}.stat-card small{color:#98a0b1;font-size:10px;line-height:1.4}.dashboard-grid{grid-template-columns:1.4fr .75fr;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:25px}.panel>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel>header span{color:var(--teal);font-size:10px;font-weight:900}.panel>header h2{color:var(--navy-deep);margin:4px 0 0;font-size:20px}.panel>header>strong{color:var(--navy);font-size:13px}.panel>header a{color:var(--teal);font-size:11px;font-weight:850}.activity-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:220px;padding-top:35px;display:grid}.activity-chart>div{color:#98a0b1;grid-template-rows:18px 1fr 20px;place-items:end center;gap:5px;height:100%;font-size:10px;display:grid}.activity-chart i{background:linear-gradient(to top, var(--teal), #75e2cf);border-radius:8px 8px 3px 3px;width:min(32px,68%);min-height:8px}.badge-list{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;display:grid}.badge-list div{text-align:center;background:#f8f9fc;border-radius:15px;place-items:center;gap:7px;padding:18px 8px;font-size:11px;font-weight:800;display:grid}.badge-list i{font-size:27px;font-style:normal}.badge-panel>p{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.6}.demo-dashboard-guide{justify-content:space-between;align-items:center;gap:28px;display:flex}.demo-dashboard-guide span{color:var(--teal);font-size:10px;font-weight:900}.demo-dashboard-guide h2{color:var(--navy-deep);margin:5px 0 8px;font-size:22px}.demo-dashboard-guide p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.demo-dashboard-guide nav{flex:none;gap:10px;display:flex}.demo-dashboard-guide a{color:var(--navy);background:var(--page);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:11px;font-weight:850}.narrow-shell{max-width:1000px}.leaderboard-panel{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px #23315f0f}.leaderboard-head,.leaderboard-row{grid-template-columns:70px minmax(180px,1fr) 100px 90px 110px;align-items:center;gap:14px;padding:17px 24px;display:grid}.leaderboard-head{color:#8a93a6;text-transform:uppercase;background:#f4f6fa;font-size:10px;font-weight:850}.leaderboard-row{border-top:1px solid var(--line);min-height:72px;font-size:13px}.leaderboard-row.viewer{background:var(--teal-soft)}.leaderboard-row>div{gap:3px;font-weight:800;display:grid}.leaderboard-row small{color:#178a77;font-size:9px}.leaderboard-row>span{color:var(--muted)}.leaderboard-row>b{color:var(--navy);text-align:right}.rank{font-size:19px}.paper-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.paper-card{--paper-accent:var(--teal);border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;min-height:390px;padding:24px;display:flex;box-shadow:0 14px 38px #23315f0e}.paper-card>header{justify-content:space-between;align-items:center;display:flex}.paper-card>header>span{width:52px;height:52px;color:var(--paper-accent);background:color-mix(in srgb, var(--paper-accent) 13%, white);border-radius:16px;place-items:center;font-weight:900;display:grid}.paper-card .source-badge{color:#63708b;border-color:var(--line);padding:6px 9px;font-size:9px}.paper-card .source-badge:before{color:#fff;background:var(--teal)}.paper-card>div{margin-top:34px}.paper-card>div>small{color:var(--paper-accent);font-weight:850}.paper-card h2{color:var(--navy-deep);margin:6px 0 10px;font-size:22px}.paper-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.paper-card ul{flex-wrap:wrap;gap:8px;margin:auto 0 20px;padding:0;list-style:none;display:flex}.paper-card li{color:#737d92;background:#f4f6f9;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:750}.subject-hero{--subject-accent:var(--teal);background:linear-gradient(125deg, color-mix(in srgb, var(--subject-accent) 13%, white), white);border:1px solid color-mix(in srgb, var(--subject-accent) 25%, white);border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin-bottom:20px;padding:34px;display:grid}.subject-hero>span{color:#fff;background:var(--subject-accent);width:80px;height:80px;box-shadow:0 14px 30px color-mix(in srgb, var(--subject-accent) 25%, transparent);border-radius:23px;place-items:center;font-size:26px;font-weight:900;display:grid}.subject-hero h1{color:var(--navy-deep);letter-spacing:-.05em;margin:3px 0 7px;font-size:clamp(32px,5vw,50px)}.subject-hero p{color:var(--muted);margin:0}.subject-hero aside{background:#ffffffc7;border-radius:18px;justify-items:center;min-width:110px;padding:18px;display:grid}.subject-hero aside strong{color:var(--subject-accent);font-size:32px}.subject-hero aside span{color:var(--muted);font-size:10px}.subject-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.topic-list{gap:10px;margin-top:22px;display:grid}.topic-list>div{background:#f7f8fb;border-radius:12px;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:13px;display:grid}.topic-list>div>span{color:var(--teal);font-size:11px;font-weight:900}.topic-list>div>div{gap:3px;display:grid}.topic-list strong{font-size:13px}.topic-list small{color:var(--muted);font-size:10px}.subject-paper-list{gap:10px;margin-top:22px;display:grid}.subject-paper-list>a{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:15px;display:flex}.subject-paper-list>a:hover{border-color:var(--teal)}.subject-paper-list>a>div{gap:6px;display:grid}.subject-paper-list .source-badge{padding:4px 7px;font-size:8px}.subject-paper-list strong{font-size:13px}.subject-paper-list small{color:var(--muted);font-size:10px}.subject-paper-list b{color:var(--teal)}.empty-state{color:var(--muted);text-align:center;background:#f7f8fb;border-radius:15px;justify-items:center;gap:8px;padding:32px;display:grid}.empty-state>span{font-size:28px}.practice-page{background:#f2f4f8;min-height:78vh;padding:30px 0 70px}.practice-shell{max-width:1180px}.practice-layout{grid-template-columns:260px 1fr;align-items:start;gap:18px;display:grid}.question-nav-panel{border:1px solid var(--line);background:#fff;border-radius:21px;padding:20px;position:sticky;top:92px;box-shadow:0 12px 36px #23315f0d}.practice-title{grid-template-columns:42px 1fr;align-items:center;gap:11px;display:grid}.practice-title>span{color:#fff;background:var(--navy);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.practice-title>div{gap:2px;display:grid}.practice-title small{color:var(--teal);font-size:9px;font-weight:900}.practice-title strong{color:var(--navy-deep);font-size:12px;line-height:1.3}.exam-timer{color:var(--navy);background:#f4f6fa;border-radius:12px;justify-content:space-between;align-items:center;margin:19px 0;padding:13px 14px;display:flex}.exam-timer span{font-size:9px;font-weight:800}.exam-timer strong{font-variant-numeric:tabular-nums;font-size:18px}.exam-timer.urgent{color:#b74432;background:var(--orange-soft)}.answer-progress{color:var(--muted);grid-template-columns:1fr auto;gap:7px;font-size:9px;font-weight:750;display:grid}.answer-progress>i{background:#e9ecf2;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.answer-progress b{background:var(--teal);border-radius:inherit;height:100%;display:block}.question-grid{grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0 13px;display:grid}.question-grid button{aspect-ratio:1;cursor:pointer;color:#778096;background:#f5f6f9;border:1px solid #0000;border-radius:9px;padding:0;font-size:10px;font-weight:850;position:relative}.question-grid button.answered{color:#fff;background:var(--teal)}.question-grid button.current{border-color:var(--navy);box-shadow:0 0 0 2px #23315f21}.question-grid button.flagged:after{content:"";background:var(--orange);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.question-key{color:#8d95a7;gap:12px;font-size:8px;display:flex}.question-key span{align-items:center;gap:4px;display:flex}.question-key i{background:var(--teal);border-radius:2px;width:7px;height:7px}.question-key i.flagged{background:var(--orange);border-radius:50%}.submit-paper{cursor:pointer;color:#fff;background:var(--navy);border:0;border-radius:11px;width:100%;min-height:42px;margin-top:21px;font-size:11px;font-weight:850}.submit-paper:disabled{opacity:.6;cursor:wait}.question-stage{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:600px;padding:clamp(24px,5vw,50px);box-shadow:0 12px 36px #23315f0d}.question-stage-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:19px;display:flex}.question-stage-head>div{align-items:center;gap:11px;display:flex}.question-stage-head>div>span{color:var(--muted);font-size:11px;font-weight:800}.question-stage-head .source-badge{padding:5px 8px;font-size:8px}.question-stage-head button{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:10px;font-weight:750}.question-stage-head button.flag-active{color:#d76444}.difficulty{color:#8992a6;align-items:center;gap:4px;margin-top:27px;font-size:9px;display:flex}.difficulty i{background:#dfe3eb;border-radius:50%;width:6px;height:6px}.difficulty i.on{background:var(--orange)}.difficulty b{color:var(--muted);margin-left:8px}.question-stage h1{max-width:800px;color:var(--navy-deep);letter-spacing:-.025em;margin:16px 0 30px;font-size:clamp(23px,3vw,34px);line-height:1.55}.option-list{gap:11px;display:grid}.option-list button{cursor:pointer;text-align:left;border:1px solid var(--line);background:#fafbfc;border-radius:14px;grid-template-columns:39px 1fr 26px;align-items:center;gap:14px;min-height:62px;padding:11px 15px;transition:border-color .15s,background .15s;display:grid}.option-list button:hover{border-color:#9fdbcf}.option-list button.selected{background:var(--teal-soft);border-color:var(--teal)}.option-list button>span{width:37px;height:37px;color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;font-size:11px;font-weight:900;display:grid}.option-list button.selected>span,.option-list button.selected>i{color:#fff;background:var(--teal);border-color:var(--teal)}.option-list button>strong{font-size:13px;font-weight:700;line-height:1.5}.option-list button>i{width:24px;height:24px;color:var(--teal);border-radius:50%;place-items:center;font-size:11px;font-style:normal;display:grid}.short-answer{color:var(--navy);gap:9px;font-size:11px;font-weight:850;display:grid}.short-answer textarea{resize:vertical;color:var(--ink);border:1px solid var(--line);background:#fafbfc;border-radius:14px;outline:0;padding:16px;line-height:1.7}.short-answer textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #20bfa41f}.question-controls{border-top:1px solid var(--line);grid-template-columns:120px 1fr 120px;align-items:center;gap:14px;margin-top:36px;padding-top:20px;display:grid}.question-controls button{cursor:pointer;min-height:42px;color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:11px;font-size:10px;font-weight:850}.question-controls button.next{color:#fff;background:var(--navy);border-color:var(--navy)}.question-controls button:disabled{opacity:.35;cursor:not-allowed}.question-controls span{color:#9aa2b2;text-align:center;font-size:9px}.practice-loading,.result-empty{min-height:420px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:16px;display:grid}.result-wrap{gap:22px;display:grid}.result-hero{color:#fff;background:var(--navy-deep);border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;padding:clamp(28px,5vw,50px);display:grid;box-shadow:0 22px 50px #1720442e}.score-ring{--score:0deg;aspect-ratio:1;background:conic-gradient(var(--teal) var(--score), #ffffff1f 0);border-radius:50%;place-items:center;width:150px;display:grid}.score-ring>div{aspect-ratio:1;background:var(--navy-deep);border-radius:50%;place-content:center;justify-items:center;width:118px;display:grid}.score-ring strong{font-size:45px;line-height:1}.score-ring span{color:#aeb9d5;font-size:10px}.result-hero h1{letter-spacing:-.045em;margin:4px 0 10px;font-size:clamp(28px,4vw,43px)}.result-hero>div>p:last-of-type{color:#b6c0dc}.result-actions{gap:10px;margin-top:22px;display:flex}.result-actions .button-primary{color:var(--navy-deep);background:var(--teal)}.result-actions .button-secondary{color:#fff;background:#ffffff14;border-color:#ffffff2e}.result-hero aside{background:#ffffff14;border-radius:19px;justify-items:center;min-width:125px;padding:20px;display:grid}.result-hero aside span,.result-hero aside small{color:#aeb9d5;font-size:9px}.result-hero aside strong{color:#78e5d1;margin:5px 0;font-size:35px}.review-section{border:1px solid var(--line);background:#fff;border-radius:26px;padding:clamp(24px,4vw,38px)}.review-section>header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.review-section h2{color:var(--navy-deep);margin:0;font-size:25px}.review-section>header>div:last-child{gap:8px;display:flex}.review-section>header>div:last-child span{border-radius:9px;padding:7px 10px;font-size:9px;font-weight:800}.correct-dot{color:#137966;background:var(--teal-soft)}.wrong-dot{color:#b54e34;background:var(--orange-soft)}.review-list{gap:13px;display:grid}.review-list article{border:1px solid var(--line);border-radius:17px;grid-template-columns:58px 1fr;gap:18px;padding:22px;display:grid}.review-list article.correct{border-left:4px solid var(--teal)}.review-list article.wrong{border-left:4px solid var(--orange)}.review-number{color:var(--teal);align-content:start;justify-items:center;gap:5px;font-size:20px;font-weight:900;display:grid}.wrong .review-number{color:var(--orange)}.review-number small{color:var(--muted);font-size:8px;font-weight:750}.review-list h3{color:var(--navy-deep);margin:0 0 12px;font-size:15px;line-height:1.6}.answer-line{color:var(--muted);margin:5px 0;font-size:11px}.answer-line strong{color:var(--ink)}.correct-answer strong{color:#14836f}.explanation{background:#f6f8fb;border-radius:11px;margin-top:14px;padding:14px}.explanation span{color:var(--teal);font-size:9px;font-weight:900}.explanation p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.7}.auth-page{background:radial-gradient(circle at 15% 0,#7669e81f,#0000 31%),radial-gradient(circle at 90% 80%,#20bfa41f,#0000 30%),#f5f7fb;place-items:center;min-height:76vh;padding:58px 20px 80px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:28px;grid-template-columns:.9fr 1fr;width:min(100%,980px);display:grid;overflow:hidden;box-shadow:0 28px 80px #23315f21}.auth-intro{color:#fff;background:var(--navy-deep);flex-direction:column;justify-content:center;padding:clamp(35px,5vw,64px);display:flex;position:relative;overflow:hidden}.auth-intro:after{content:"";background:#20bfa42b;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-95px;right:-85px}.auth-intro.signup:after{background:#7669e83d}.auth-flag{color:#75e2cf;background:#ffffff14;border-radius:999px;width:fit-content;padding:7px 10px;font-size:9px;font-weight:850}.auth-intro h1{letter-spacing:-.055em;margin:22px 0 14px;font-size:clamp(34px,5vw,52px);line-height:1.1}.auth-intro>p{color:#b9c3dd;margin:0;line-height:1.7}.auth-intro ul{color:#d2d9ea;gap:11px;margin:32px 0 0;padding:0;font-size:11px;font-weight:700;list-style:none;display:grid}.auth-intro li:before{content:"✓";color:#75e2cf;margin-right:8px}.auth-box{padding:clamp(34px,5vw,64px)}.auth-box>h2{color:var(--navy-deep);letter-spacing:-.03em;margin:0 0 27px;font-size:28px}.auth-form{gap:16px;display:grid}.auth-form>label{color:var(--navy);gap:7px;font-size:10px;font-weight:850;display:grid}.auth-form input:not([type=checkbox]){width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line);background:#fafbfc;border-radius:11px;outline:0;padding:0 13px}.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #20bfa41f}.auth-form>.button{cursor:pointer;border:0;width:100%}.auth-form>.button:disabled{opacity:.6;cursor:wait}.auth-help{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.auth-help label{align-items:center;gap:5px;display:flex}.auth-help a,.auth-switch a{color:var(--teal);font-weight:850}.auth-message{color:#8f4a36;background:var(--orange-soft);border-radius:9px;margin:0;padding:10px 12px;font-size:10px;line-height:1.5}.auth-divider{color:#9ba3b3;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:9px;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);height:1px}.google-button{color:var(--navy);background:#fff;border:1px solid var(--line)!important}.google-button b{color:#4285f4;margin-right:8px}.auth-switch{color:var(--muted);text-align:center;margin:2px 0 0;font-size:10px}.auth-privacy{color:var(--muted);margin:0;font-size:9px;line-height:1.6}.auth-privacy a{color:var(--teal);font-weight:850}.auth-unavailable{border:1px solid var(--line);background:#f7f8fb;border-radius:17px;justify-items:start;gap:11px;padding:24px;display:grid}.auth-unavailable>span{font-size:28px}.auth-unavailable h2,.auth-unavailable p{margin:0}.auth-unavailable h2{color:var(--navy-deep);font-size:18px}.auth-unavailable p{color:var(--muted);font-size:11px;line-height:1.7}.auth-unavailable .button{min-height:42px;margin-top:5px}.account-panel{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:28px;display:grid}.account-avatar{color:#fff;background:var(--navy);border-radius:18px;place-items:center;width:60px;height:60px;font-size:24px;font-weight:900;display:grid}.account-panel>div:nth-child(2){gap:3px;display:grid}.account-panel span{color:var(--teal);font-size:9px;font-weight:850}.account-panel strong{font-size:18px}.account-panel small{color:var(--muted)}.device-progress{color:#c9d4eb;background:var(--navy-deep);border-radius:16px;justify-content:space-between;align-items:center;gap:22px;margin:0 0 18px;padding:15px 19px;display:flex}.device-progress>strong{color:#fff;font-size:11px}.device-progress>div{flex-wrap:wrap;gap:16px;font-size:9px;display:flex}.device-progress b{color:#72e2cd;font-size:13px}.mistake-empty{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;justify-items:center;gap:10px;padding:60px 25px;display:grid}.mistake-empty>span{width:70px;height:70px;color:var(--teal);background:var(--teal-soft);border-radius:22px;place-items:center;font-size:28px;display:grid}.mistake-empty h2,.mistake-empty p{margin:0}.mistake-empty p{color:var(--muted)}.mistake-empty .button{margin-top:12px}.mistake-toolbar{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 18px;font-size:10px;display:flex}.mistake-toolbar>div{align-items:baseline;gap:7px;display:flex}.mistake-toolbar strong{color:var(--orange);font-size:22px}.mistake-toolbar label{cursor:pointer;align-items:center;gap:6px;display:flex}.mistake-list{gap:14px;display:grid}.mistake-list article{border:1px solid var(--line);border-left:4px solid var(--orange);background:#fff;border-radius:18px;padding:22px}.mistake-list article.mastered{opacity:.7;border-left-color:var(--teal)}.mistake-list article>header{justify-content:space-between;align-items:center;display:flex}.mistake-list article>header>div{align-items:center;gap:8px;display:flex}.mistake-status{color:#ac5139;background:var(--orange-soft);border-radius:8px;padding:6px 8px;font-size:9px;font-weight:850}.mastered .mistake-status{color:#147b69;background:var(--teal-soft)}.mistake-list .source-badge{color:var(--muted);border-color:var(--line);padding:4px 7px;font-size:8px}.mistake-list .source-badge:before{color:#fff;background:var(--teal)}.mistake-list article>header>small{color:#8c95a7;font-size:9px}.mistake-list h2{color:var(--navy-deep);margin:17px 0;font-size:17px;line-height:1.55}.mistake-explanation{background:#f6f8fb;border-radius:12px;padding:14px}.mistake-explanation span{color:var(--teal);font-size:9px;font-weight:900}.mistake-explanation p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.7}.mistake-list article>footer{color:#939bac;justify-content:space-between;margin-top:15px;font-size:9px;display:flex}.mistake-list article>footer a{color:var(--navy);font-weight:850}.badge-gallery{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.badge-gallery article{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:82px 1fr;gap:19px;padding:24px;display:grid}.badge-gallery article>span{filter:grayscale();background:#f2f4f8;border-radius:24px;place-items:center;width:82px;height:82px;font-size:35px;display:grid}.badge-gallery article.unlocked>span{background:linear-gradient(145deg, var(--teal-soft), #fff4e8);filter:none}.badge-gallery article>div{align-content:start;display:grid;position:relative}.badge-gallery small{color:#929aac;font-size:8px;font-weight:900}.badge-gallery .unlocked small{color:var(--teal)}.badge-gallery h2{color:var(--navy-deep);margin:4px 0;font-size:18px}.badge-gallery p{color:var(--muted);margin:0;font-size:10px}.badge-gallery i{background:#e8ebf1;border-radius:99px;height:5px;margin-top:17px;overflow:hidden}.badge-gallery i b{background:var(--teal);border-radius:inherit;height:100%;display:block}.badge-gallery em{color:#8c95a8;text-align:right;margin-top:5px;font-size:8px;font-style:normal}.community-grid{grid-template-columns:.72fr 1.28fr;align-items:start;gap:20px;display:grid}.discussion-compose,.discussion-feed{border:1px solid var(--line);background:#fff;border-radius:22px;padding:25px}.discussion-compose{position:sticky;top:94px}.discussion-compose h2,.discussion-feed h2{color:var(--navy-deep);margin:0 0 20px;font-size:22px}.discussion-compose form{gap:10px;display:grid}.discussion-compose form>label{color:var(--navy);gap:7px;font-size:9px;font-weight:850;display:grid}.discussion-compose textarea{resize:vertical;border:1px solid var(--line);border-radius:12px;outline:0;padding:13px;line-height:1.6}.discussion-compose textarea:focus{border-color:var(--teal)}.discussion-compose form>div{justify-content:space-between;align-items:center;display:flex}.discussion-compose form small{color:#949cad}.discussion-compose form .button{cursor:pointer;border:0;min-height:40px;padding-inline:14px;font-size:10px}.discussion-compose form>p{color:#8a5a3c;margin:2px 0;font-size:9px;line-height:1.5}.discussion-compose aside{color:var(--muted);background:#f6f8fb;border-radius:11px;gap:4px;margin-top:20px;padding:13px;font-size:9px;line-height:1.5;display:grid}.discussion-compose aside strong{color:var(--navy)}.discussion-feed>header{justify-content:space-between;align-items:start;display:flex}.discussion-feed>header>span{color:var(--teal);background:var(--teal-soft);border-radius:9px;padding:6px 9px;font-size:9px;font-weight:850}.discussion-feed article{border-top:1px solid var(--line);padding:19px 0}.discussion-feed article>header{align-items:center;gap:10px;display:flex}.discussion-avatar{color:#fff;background:var(--navy);border-radius:11px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid}.discussion-feed article>header>div:last-child{gap:2px;display:grid}.discussion-feed article>header strong{font-size:11px}.discussion-feed article>header small{color:#969eae;font-size:8px}.discussion-feed article>p{color:#4f5a72;margin:13px 0;font-size:12px;line-height:1.75}.discussion-feed article>footer{justify-content:space-between;display:flex}.discussion-feed article button{cursor:pointer;color:#7f889b;background:0 0;border:0;font-size:9px}.discussion-feed article button:disabled{cursor:default;color:var(--teal)}:is(body:has(.admin-layout)>.app-header,body:has(.admin-layout)>.mobile-nav,body:has(.admin-layout)>.site-footer){display:none}.admin-layout{color:#1d2742;background:#f4f6fa;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#bbc5df;background:var(--navy-deep);flex-direction:column;height:100vh;padding:24px 17px;display:flex;position:sticky;top:0}.admin-sidebar>header{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:0 8px 24px;display:flex}.admin-sidebar>header>span{width:38px;height:38px;color:var(--navy-deep);background:var(--teal);border-radius:11px;place-items:center;font-weight:950;display:grid}.admin-sidebar>header>div{gap:2px;display:grid}.admin-sidebar>header strong{color:#fff;letter-spacing:.1em;font-size:12px}.admin-sidebar>header small{color:#7986a8;font-size:9px}.admin-sidebar nav{gap:5px;margin-top:25px;display:grid}.admin-sidebar nav a{border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:11px;font-weight:750;display:flex}.admin-sidebar nav a span{color:#8592b2;text-align:center;width:22px;font-weight:900}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:#ffffff17}.admin-sidebar nav a.active span{color:var(--teal)}.admin-sidebar>footer{border-top:1px solid #ffffff17;margin-top:auto;padding:18px 8px 0;font-size:10px}.admin-main{min-width:0}.admin-topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;gap:12px;min-height:62px;padding:0 32px;display:flex}.admin-topbar>div{justify-items:end;gap:1px;display:grid}.admin-topbar>div span{color:#98a0af;font-size:8px}.admin-topbar>div strong{font-size:10px}.role-pill{color:#157965;background:var(--teal-soft);border-radius:8px;padding:6px 8px;font-size:8px;font-weight:850}.admin-content{width:min(100% - 48px,1240px);margin:0 auto;padding:38px 0 70px}.admin-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px;display:flex}.admin-heading>div>span{color:var(--teal);font-size:9px;font-weight:900}.admin-heading h1{color:var(--navy-deep);letter-spacing:-.045em;margin:4px 0 7px;font-size:34px}.admin-heading p{color:var(--muted);margin:0;font-size:11px}.admin-heading .button{min-height:42px;padding-inline:16px;font-size:10px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.admin-stats>a{border:1px solid var(--line);background:#fff;border-radius:17px;gap:7px;padding:20px;display:grid}.admin-stats span{color:var(--muted);font-size:9px;font-weight:800}.admin-stats strong{color:var(--navy-deep);font-size:29px}.admin-stats small{color:var(--teal);font-size:8px;font-weight:750}.admin-launch-check{color:#fff;background:var(--navy-deep);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:18px;padding:28px;display:grid}.admin-launch-check>div>span{color:#6fdfca;font-size:9px;font-weight:900}.admin-launch-check h2{margin:5px 0 8px;font-size:22px}.admin-launch-check p,.admin-launch-check ul{color:#aeb9d4;font-size:10px;line-height:1.7}.admin-launch-check ul{gap:7px;margin:0;display:grid}.admin-table{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.admin-table-head,.admin-table>article{grid-template-columns:minmax(300px,1fr) 120px 90px 170px;align-items:center;gap:16px;padding:15px 19px;display:grid}.admin-table-head{color:#929bad;background:#f2f4f8;font-size:8px;font-weight:900}.admin-table>article{border-top:1px solid var(--line);min-height:82px}.admin-table>article>div:first-child{gap:5px;display:grid}.admin-table>article small{color:#8f98aa;font-size:8px}.admin-table>article strong{font-size:11px;line-height:1.5}.admin-source,.admin-table>article>span{font-size:9px}.status-published,.status-draft,.status-review,.status-archived{border-radius:7px;width:fit-content;padding:5px 7px;font-weight:850;font-size:8px!important}.status-published{color:#147a68;background:var(--teal-soft)}.status-draft{color:#80633e;background:#fff7e6}.status-review{color:#5f55bc;background:var(--violet-soft)}.status-archived{color:#6f7788;background:#edf0f4}.question-actions{flex-wrap:wrap;gap:6px;display:flex}.question-actions button,.moderation-actions button{cursor:pointer;color:#fff;background:var(--navy);border:0;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800}.question-actions button.archive,.moderation-actions button.muted{color:#7b8496;background:#edf0f4}.question-actions small{color:#b14f3b;width:100%;font-size:7px}.admin-empty{color:var(--muted);text-align:center;padding:35px;font-size:11px}.admin-workbench{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.admin-workbench>div{border:1px solid var(--line);background:#fff;border-radius:19px;padding:22px}.admin-workbench>div>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-workbench>div>header>span{width:37px;height:37px;color:var(--teal);background:var(--teal-soft);border-radius:11px;place-items:center;font-size:10px;font-weight:900;display:grid}.admin-workbench>div>header>div{gap:2px;display:grid}.admin-workbench>div>header strong{font-size:13px}.admin-workbench>div>header small{color:var(--muted);font-size:8px}.admin-form{gap:14px;display:grid}.admin-form-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.admin-form label{color:var(--navy);gap:6px;font-size:8px;font-weight:850;display:grid}.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-height:39px;color:var(--ink);border:1px solid var(--line);background:#fafbfc;border-radius:9px;outline:0;padding:9px 10px}.admin-form textarea{resize:vertical;line-height:1.6}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--teal)}.option-editor{gap:7px;display:grid}.option-editor label{grid-template-columns:28px 1fr 20px;align-items:center}.option-editor label>span{width:28px;height:28px;color:var(--navy);background:#eef1f5;border-radius:7px;place-items:center;display:grid}.option-editor input[type=radio]{min-height:0}.admin-form>.button{cursor:pointer;border:0;width:fit-content;min-height:40px;padding-inline:16px;font-size:9px}.form-message{color:#775437;background:#fff7e8;border-radius:9px;margin:0;padding:10px 12px;font-size:9px;line-height:1.5}.ai-warning{color:#795039;background:var(--orange-soft);border-radius:10px;gap:3px;padding:12px;font-size:8px;display:grid}.file-drop{cursor:pointer;min-height:220px;color:var(--muted);text-align:center;background:#fff;border:2px dashed #cfd5e0;border-radius:20px;align-content:center;place-items:center;gap:8px;display:grid}.file-drop:hover{border-color:var(--teal)}.file-drop>span{color:var(--teal);font-size:34px}.file-drop strong{color:var(--navy);font-size:14px}.file-drop small{font-size:9px}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.file-ready{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;font-size:9px;display:flex}.file-ready button{cursor:pointer;color:#fff;background:var(--navy);border:0;border-radius:7px;padding:7px 9px;font-size:8px}.csv-importer>.form-message{margin-top:12px}.import-preview{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:16px;padding:19px}.import-preview>header{justify-content:space-between;margin-bottom:13px;font-size:10px;display:flex}.import-preview>header span{color:var(--muted)}.import-errors{color:#a94436;background:var(--orange-soft);border-radius:10px;padding:12px 28px;font-size:9px;line-height:1.6}.import-preview>div{display:grid}.import-preview article{border-top:1px solid var(--line);grid-template-columns:27px 1fr;align-items:center;gap:9px;padding:10px 0;display:grid}.import-preview article>span{color:var(--teal);font-size:9px;font-weight:900}.import-preview article>div{gap:3px;display:grid}.import-preview article strong{font-size:10px}.import-preview article small{color:var(--muted);font-size:8px}.import-preview>.button{cursor:pointer;border:0;min-height:39px;margin-top:15px;font-size:9px}.import-guide{border:1px solid var(--line);background:#fff;border-radius:15px;margin-top:17px;padding:20px}.import-guide h2{margin:0 0 10px;font-size:14px}.import-guide code{color:#354260;white-space:nowrap;background:#f1f3f7;border-radius:8px;padding:11px;font-size:8px;display:block;overflow-x:auto}.import-guide p{color:var(--muted);margin:10px 0 0;font-size:9px}.moderation-grid{grid-template-columns:1fr 1fr;align-items:start;gap:17px;display:grid}.moderation-grid>section{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.moderation-grid>section>header{background:#f2f4f8;justify-content:space-between;padding:15px 18px;font-size:10px;display:flex}.moderation-grid>section>header span{color:var(--teal)}.moderation-grid article{border-top:1px solid var(--line);padding:16px 18px}.moderation-grid article.hidden{opacity:.55}.moderation-grid article small{color:#939cad;font-size:8px}.moderation-grid article p{margin:8px 0 12px;font-size:10px;line-height:1.6}.moderation-actions{gap:6px;display:flex}.support-list{gap:14px;display:grid}.support-list>article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:20px}.support-list article>header{justify-content:space-between;gap:18px;display:flex}.support-list article>header>div{gap:3px;display:grid}.support-list article>header span{color:var(--teal);font-size:8px;font-weight:900}.support-list article>header strong{color:var(--navy-deep);font-size:14px}.support-list article>header a,.support-list time{color:var(--muted);font-size:9px}.support-list article>p{white-space:pre-wrap;color:#4f5a72;margin:18px 0;font-size:11px;line-height:1.7}.support-list article>footer{justify-content:space-between;align-items:center;display:flex}.support-status{color:#9b4b36;background:var(--orange-soft);border-radius:8px;padding:5px 8px;font-size:8px;font-weight:900}.support-status.reviewing{color:#5e53c4;background:var(--violet-soft)}.support-status.closed{color:#147b69;background:var(--teal-soft)}.footer-main{grid-template-columns:1.7fr repeat(3,.7fr);align-items:start;gap:60px;min-height:220px;padding-top:50px;padding-bottom:38px;display:grid}.footer-main .arena-gate-mark{filter:drop-shadow(0 8px 16px #0000002e)}.footer-main .arena-gate-wordmark strong{color:#fff}.footer-main .arena-gate-wordmark small{color:#a9bbff}.footer-brand p{color:#8e9ab7;max-width:320px;margin:20px 0 0;font-size:12px;line-height:1.7}.footer-main>div:not(.footer-brand){gap:11px;display:grid}.footer-main>div>strong{color:#fff;margin-bottom:5px;font-size:12px}.footer-main>div>a{color:#9da8c3;font-size:12px}.footer-main>div>a:hover{color:#fff}.footer-bottom{color:#6e7a98;border-top:1px solid #ffffff14;justify-content:space-between;padding-top:18px;padding-bottom:28px;font-size:10px;display:flex}.site-footer{color:#c8d0e4;background:radial-gradient(circle at 10% 0,#3563ff42,#0000 28%),radial-gradient(circle at 88% 100%,#8b5cf633,#0000 24%),#101831}.footer-inner{grid-template-columns:1fr auto auto;align-items:center;gap:34px;min-height:124px;display:grid}.footer-inner>div{gap:4px;display:grid}.footer-inner>div strong{color:#fff;letter-spacing:.12em}.footer-inner>div span{font-size:12px}.footer-inner nav{gap:20px;font-size:13px;display:flex}.footer-inner nav a:hover{color:#fff}.footer-inner small{color:#7f8aa8}.legal-page{background:linear-gradient(155deg,#f8faff,#edf9f6);min-height:100vh;padding:70px 20px}.legal-shell{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;width:min(100%,820px);margin:0 auto;padding:clamp(28px,6vw,58px);box-shadow:0 20px 60px #23315f14}.back-link{color:var(--navy);margin-bottom:42px;font-size:14px;font-weight:800;display:inline-flex}.legal-shell h1{color:var(--navy-deep);letter-spacing:-.05em;margin:0;font-size:clamp(40px,7vw,62px)}.legal-status{color:#8c5a46;background:var(--orange-soft);border-radius:12px;margin:16px 0 42px;padding:13px 15px;font-size:13px}.legal-shell section{border-top:1px solid var(--line);padding:24px 0}.legal-shell h2{color:var(--navy);margin:0 0 10px;font-size:20px}.legal-shell section p{color:var(--muted);margin:0;line-height:1.85}.legal-shell a:not(.back-link):not(.button){color:#137b69;text-underline-offset:3px;font-weight:750;text-decoration:underline}.contact-shell{width:min(100%,900px)}.contact-form{border-top:1px solid var(--line);gap:16px;margin-top:28px;padding-top:28px;display:grid}.contact-form>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form label{color:var(--navy);gap:7px;font-size:11px;font-weight:850;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:#fafbfc;border-radius:11px;outline:0;padding:13px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #20bfa41f}.contact-form textarea{resize:vertical;line-height:1.7}.contact-form .button{cursor:pointer;width:fit-content}.contact-honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contact-pics,.form-message{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.form-message{color:#7e5036;background:var(--orange-soft);border-radius:10px;padding:11px 13px}.contact-disabled{color:var(--muted);border:1px solid var(--line);background:#f7f8fb;border-radius:17px;gap:8px;margin-top:28px;padding:24px;display:grid}.contact-disabled strong{color:var(--navy)}.contact-disabled p{margin:0;line-height:1.7}.not-found-page{text-align:center;background:radial-gradient(circle at top,#edf9f6,#f7f8fc 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.not-found-card{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(100%,620px);box-shadow:var(--shadow);background:#fff;padding:clamp(38px,8vw,76px)}.not-found-card>span{width:78px;height:42px;color:var(--teal);background:var(--teal-soft);letter-spacing:.08em;border-radius:99px;place-items:center;margin-bottom:24px;font-weight:900;display:inline-grid}.not-found-card h1{color:var(--navy-deep);letter-spacing:-.05em;margin:0;font-size:clamp(38px,8vw,64px)}.not-found-card p{max-width:480px;color:var(--muted);margin:20px auto 30px;line-height:1.8}@media (max-width:980px){.main-nav{display:none}.app-header-inner{grid-template-columns:1fr auto}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:720px}.dashboard-preview{max-width:650px;transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-heading,.policy-panel{grid-template-columns:1fr;gap:30px}.subject-grid{grid-template-columns:repeat(3,1fr)}.paper-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.4fr repeat(3,.8fr);gap:28px}}@media (max-width:640px){body{padding-bottom:65px}.shell{width:min(100% - 30px,1280px)}.app-header{position:relative}.app-header-inner{min-height:66px}.header-login,.mode-pill{display:none}.header-join{min-height:37px;padding-inline:13px}.mobile-nav{z-index:60;padding:7px max(6px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #19244914}.mobile-nav a{color:#7b8498;place-items:center;gap:3px;font-size:9px;font-weight:800;display:grid}.mobile-nav a span{font-size:15px}.mobile-nav a.active{color:var(--teal)}.header-inner{min-height:70px}.arena-gate-mark{flex-basis:42px;width:42px;height:42px}.arena-gate-wordmark small{display:none}.build-status{padding:8px 10px;font-size:11px}.hero{padding:58px 0 68px}.hero h1{font-size:clamp(46px,15vw,64px)}.hero-summary{font-size:17px}.hero-actions,.button{width:100%}.runtime-notice{gap:4px;display:grid}.trust-list{gap:10px 15px}.dashboard-preview{border-radius:24px;padding:18px}.daily-goal{grid-template-columns:82px 1fr;gap:16px}.goal-ring{width:82px}.goal-ring strong{font-size:24px}.daily-goal h2{font-size:16px}.feature-section{padding:68px 0}.section-heading{margin-bottom:30px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.content-policy{padding-bottom:60px}.app-page{padding:38px 0 62px}.page-heading,.page-heading.compact{grid-template-columns:1fr;align-items:start;gap:20px}.page-heading.compact .button{width:auto}.subject-grid{grid-template-columns:repeat(2,1fr);gap:12px}.paper-grid{grid-template-columns:1fr}.subject-card{min-height:245px;padding:18px}.subject-icon{margin-bottom:20px}.subject-card h2{font-size:16px}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.subject-hero{grid-template-columns:auto 1fr;padding:23px}.subject-hero>span{border-radius:17px;width:58px;height:58px}.subject-hero aside{grid-column:1/-1;grid-template-columns:auto auto;justify-content:center;gap:7px}.subject-detail-grid{grid-template-columns:1fr}.practice-page{padding-top:16px}.practice-layout{grid-template-columns:1fr}.question-nav-panel{position:static}.question-grid{grid-template-columns:repeat(10,1fr)}.question-stage{min-height:540px;padding:22px 18px}.question-stage-head{align-items:flex-start}.question-stage-head>div{display:grid}.option-list button{grid-template-columns:36px 1fr 24px;padding:10px}.question-controls{grid-template-columns:1fr 1fr}.question-controls span{display:none}.result-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.result-actions{flex-direction:column}.result-hero aside{grid-template-columns:auto auto auto;align-items:center;width:100%}.review-section>header{flex-direction:column;align-items:flex-start}.review-list article{grid-template-columns:1fr}.review-number{grid-template-columns:auto auto;justify-content:start;align-items:center}.auth-page{padding:28px 15px 55px}.auth-card{grid-template-columns:1fr}.auth-intro{padding:32px 26px}.auth-intro ul{display:none}.auth-box{padding:30px 24px}.contact-form>div{grid-template-columns:1fr}.account-panel{grid-template-columns:auto 1fr}.account-panel form{grid-column:1/-1}.account-panel form .button{width:100%}.device-progress{flex-direction:column;align-items:flex-start}.badge-gallery,.community-grid{grid-template-columns:1fr}.discussion-compose{position:static}.mistake-list article>footer{flex-direction:column;gap:8px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{height:auto;padding:14px;position:static}.admin-sidebar>header,.admin-sidebar>footer{display:none}.admin-sidebar nav{grid-template-columns:repeat(6,minmax(80px,1fr));margin:0;overflow-x:auto}.admin-sidebar nav a{white-space:nowrap;justify-content:center}.admin-topbar{padding-inline:18px}.admin-content{width:min(100% - 28px,1240px);padding-top:26px}.admin-heading{flex-direction:column;align-items:flex-start}.admin-heading .button{width:auto}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-launch-check,.admin-workbench,.moderation-grid{grid-template-columns:1fr}.admin-table{overflow-x:auto}.admin-table-head,.admin-table>article{min-width:800px}.admin-form-grid{grid-template-columns:1fr}.leaderboard-panel{overflow-x:auto}.leaderboard-head,.leaderboard-row{min-width:680px}.footer-main{grid-template-columns:repeat(2,1fr);gap:34px 20px}.footer-brand{grid-column:1/-1}.footer-main>div:last-child{display:none}.footer-bottom{gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:hover,.feature-card:hover,.subject-card:hover{transform:none}}