@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/landing/fonts/figtree-latin.woff2) format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/landing/fonts/caveat-latin.woff2) format("woff2")}:root{--paper:#faf7f1;--paper2:#fff;--ink:#141414;--ink-soft:hsla(0,0%,8%,.72);--ink-fade:hsla(0,0%,8%,.42);--ink-faint:hsla(0,0%,8%,.14);--blue:#2563eb;--orange:#f97316;--green:#16a34a;--red:#dc2626;--border:3px solid var(--ink);--radius:22px;--font:"Figtree",ui-sans-serif,system-ui,sans-serif;--hand:"Caveat",cursive}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font);min-height:100vh}::selection{background:var(--orange);color:#fff}a{color:var(--blue);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.td-wrap{max-width:480px;margin:0 auto;padding:40px 24px 80px}.td-brand{display:block;text-align:center;font-weight:900;font-size:34px;letter-spacing:-1px;color:var(--ink);margin:18px 0 30px}.td-brand .door{color:var(--orange)}.td-brand .nl{font-size:.6em}.td-card{background:var(--paper2);border:var(--border);border-radius:var(--radius);box-shadow:10px 10px 0 var(--ink);padding:32px 30px;transform:rotate(-.4deg)}.td-card h1{font-size:24px;font-weight:900;letter-spacing:-.5px;margin-bottom:6px}.td-card .sub{color:var(--ink-soft);font-size:15px;margin-bottom:22px}.td-tabs{display:flex;border:2px solid var(--ink-faint);border-radius:14px;overflow:hidden;margin-bottom:22px}.td-tabs button{flex:1 1;padding:11px 0;font:inherit;font-weight:800;font-size:15px;background:transparent;color:var(--ink-fade);border:0;cursor:pointer}.td-tabs button.active{background:var(--ink);color:var(--paper)}.td-field{display:block;margin-bottom:14px}.td-field span{display:block;font-weight:700;font-size:13.5px;margin-bottom:6px;color:var(--ink-soft)}.td-field input{width:100%;padding:13px 16px;font:inherit;font-weight:600;font-size:16px;color:var(--ink);background:var(--paper);border:var(--border);border-radius:14px;outline:none}.td-field input:focus{box-shadow:4px 4px 0 var(--blue)}.td-btn{width:100%;padding:14px;font:inherit;font-weight:900;font-size:16.5px;color:#fff;background:var(--blue);border:var(--border);border-radius:14px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;margin-top:6px;transition:transform .12s,box-shadow .12s}.td-btn:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--ink)}.td-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.td-btn:disabled{opacity:.6;cursor:default;transform:none}.td-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--ink-fade);font-size:13px;font-weight:700}.td-divider:after,.td-divider:before{content:"";flex:1 1;border-top:2px dashed var(--ink-faint)}.td-oauth{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;font:inherit;font-weight:800;font-size:15.5px;color:var(--ink);background:var(--paper2);border:var(--border);border-radius:14px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;margin-bottom:12px;transition:transform .12s}.td-oauth:hover{transform:translate(-1px,-1px)}.td-oauth svg{width:20px;height:20px;flex:0 0 auto}.td-error{color:var(--red);background:rgba(220,38,38,.08);border:2px solid rgba(220,38,38,.35);border-radius:12px;padding:10px 14px}.td-error,.td-ok{margin-top:14px;font-weight:700;font-size:14px}.td-ok{color:var(--green)}.td-mini{margin-top:16px;text-align:center;font-size:13.5px;color:var(--ink-fade)}.td-select{position:relative;margin-bottom:22px}.td-select .lbl{display:block;font-weight:700;font-size:13.5px;margin-bottom:6px;color:var(--ink-soft)}.td-select-btn{position:relative;width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 12px 11px 16px;font:inherit;color:var(--ink);background:var(--paper2);border:var(--border);border-radius:14px;cursor:pointer;transition:box-shadow .12s}.td-select-btn:focus-visible,.td-select.open .td-select-btn{outline:none;box-shadow:4px 4px 0 var(--blue)}.td-select .tx{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.td-select .row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.td-select .pl{font-weight:800;font-size:15px}.td-select .pr{flex:0 0 auto;font-weight:900;font-size:17px}.td-select .pd{font-weight:700;font-size:12.5px;color:var(--ink-fade)}.td-select .chev{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;transition:transform .15s}.td-select.open .chev{transform:rotate(180deg)}.td-select .badge,.td-select .pill{background:var(--orange);color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.3px;padding:3px 9px;border-radius:999px;white-space:nowrap}.td-select .badge{position:absolute;top:-10px;right:12px}.td-select .pill{flex:0 0 auto;font-size:10px;padding:2px 8px}.td-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;margin:0;padding:6px;list-style:none;display:flex;flex-direction:column;gap:2px;background:var(--paper2);border:var(--border);border-radius:14px;box-shadow:6px 6px 0 var(--ink);animation:td-drop .12s ease-out}@keyframes td-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.td-select-opt{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border-radius:10px;cursor:pointer}.td-select-opt .pd{white-space:nowrap}.td-select-opt .row.sub{flex-wrap:wrap;row-gap:4px}.td-select-opt.act{background:var(--paper)}.td-select-opt.on{background:rgba(37,99,235,.08)}.td-select-opt.on.act{background:rgba(37,99,235,.14)}.td-select-opt.on .pl,.td-select-opt.on .pr{color:var(--blue)}.pn-stage{display:flex;justify-content:center;margin:4px 0 16px}.pn-stage svg{border-radius:48px;box-shadow:6px 6px 0 var(--ink)}.pn-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.pn-tabs button{font:inherit;font-weight:800;font-size:13.5px;padding:9px 16px;border-radius:999px;border:2px solid var(--ink-faint);background:var(--paper2);color:var(--ink-fade);cursor:pointer}.pn-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pn-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.pn-opt{font:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;background:var(--paper);border:2px solid var(--ink-faint);border-radius:14px;cursor:pointer}.pn-opt svg{border-radius:12px}.pn-opt.active{border-color:var(--ink);box-shadow:4px 4px 0 var(--blue)}.pn-opt.locked{opacity:.55}.pn-opt span{font-size:10.5px;font-weight:700;color:var(--ink-soft)}.pn-swatch{display:block;width:36px;height:36px;border-radius:999px;border:2px solid var(--ink-faint)}.pn-lockmsg{text-align:center;font-weight:700;font-size:13px;color:var(--orange);background:rgba(249,115,22,.08);border:2px dashed var(--orange);border-radius:12px;padding:9px 12px;margin-bottom:14px}.app{--paper:#f8f7f3;--card:#fff;--ink:#16181d;--ink-2:#5b6069;--ink-3:#9aa0aa;--line:#e8e6df;--blue:#2563eb;--blue-ink:#1d4fc4;--blue-tint:#eef3fe;--orange:#f97316;--orange-tint:#fff3ea;--green:#16a34a;--green-tint:#ecf8f0;--red:#dc2626;--font:"Figtree",ui-sans-serif,system-ui,sans-serif;--hand:"Caveat",cursive;--r-lg:20px;--r-md:14px;--r-sm:10px;--shadow-1:0 1px 2px rgba(22,24,29,.05),0 4px 16px rgba(22,24,29,.05);--shadow-2:0 2px 4px rgba(22,24,29,.06),0 12px 32px rgba(22,24,29,.09)}.app.dark{--paper:#141414;--card:#1f1f1f;--ink:#f2f0eb;--ink-2:hsla(43,21%,94%,.72);--ink-3:hsla(43,21%,94%,.45);--line:#33312c;--blue-tint:rgba(37,99,235,.18);--orange-tint:rgba(249,115,22,.16);--green-tint:rgba(22,163,74,.18);--blue-ink:#7aa2f7;--shadow-1:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.35);--shadow-2:0 2px 4px rgba(0,0,0,.45),0 12px 32px rgba(0,0,0,.5)}.app.dark .topbar{background:hsla(0,0%,8%,.82)}.app.dark .chp-num,.app.dark .duel-tabs button.on,.app.dark .hd-n,.app.dark .rev-filters button.on,.app.dark .switch button.on,.app.dark .topnav button.on{color:#141414}.app.dark .hero,.app.dark .oef-hero,.app.dark .pexam{background:linear-gradient(115deg,#1f1f1f,#1c2233)}.app.dark .fout-hero,.app.dark .next-cta{background:linear-gradient(115deg,#1f1f1f,#2a2018)!important}.app.dark .refer{background:linear-gradient(115deg,#1f1f1f,#1c2233)}.app.dark .answer.bad,.app.dark .feedback.bad,.app.dark .qdot.r,.app.dark .rev-ans.yours-wrong,.app.dark .score-pill.fail{background:rgba(220,38,38,.16)}.app.dark .feedback.bad{color:#fca5a5}.app.dark .explain,.app.dark .feedback.ok{color:#86efac}.app.dark .lvl.x{background:rgba(124,58,237,.25);color:#c4b5fd}.app.dark .demo-img:not(.photo),.app.dark .mini-img,.app.dark .quiz-img{background:radial-gradient(120% 90% at 30% 20%,#2c313c 0,#1a1d24 60%)}.app.dark .toggle:after{background:#e8e6df}.app.dark .day.hit{border-color:rgba(249,115,22,.35)}.app.dark .badge{background:#1f1f1f}.app .theme-btn .sun{display:none}.app .theme-btn .moon,.app.dark .theme-btn .sun{display:inline}.app.dark .theme-btn .moon{display:none}.app *{margin:0;padding:0;box-sizing:border-box}.app{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.app button{font:inherit;cursor:pointer;border:0;background:none}.app .switch{position:fixed;top:14px;right:16px;z-index:99;display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:var(--shadow-2)}.app .switch button{padding:7px 16px;border-radius:999px;font-weight:700;font-size:13px;color:var(--ink-2)}.app .switch button.on{background:var(--ink);color:var(--card)}.app .screen{display:none}.app .screen.on,.app .shell{display:block}.app .shell{min-height:100vh}.app .topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:14px 34px;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.app .logo{font-weight:900;font-size:20px;letter-spacing:-.5px;white-space:nowrap;cursor:pointer}.app .logo .o{color:var(--orange)}.app .logo .nl{font-size:.62em;color:var(--ink-3);font-weight:800}.app .topnav{display:flex;gap:4px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px}.app .topnav button{padding:8px 18px;border-radius:999px;font-weight:750;font-size:14px;color:var(--ink-2);transition:color .12s,background .12s}.app .topnav button:hover{color:var(--ink)}.app .topnav button.on{background:var(--ink);color:var(--card,#fff)}.app .topnav button .nb{margin-left:6px;background:var(--orange);color:#fff;font-size:10px;font-weight:900;border-radius:999px;padding:1.5px 6px;vertical-align:2px}.app .top-right{display:flex;align-items:center;gap:12px;white-space:nowrap}.app .streak-chip{font-size:13.5px;color:var(--orange);background:var(--orange-tint)}.app .exam-chip,.app .streak-chip{display:flex;align-items:center;gap:6px;font-weight:800;border-radius:999px;padding:7px 13px}.app .exam-chip{font-size:13px;color:var(--blue-ink);background:var(--blue-tint);cursor:pointer;border:1px dashed transparent}.app .exam-chip:hover{border-color:var(--blue)}.app .exam-chip input{border:0;background:transparent;font:inherit;color:inherit;width:118px;outline:none}.app .exam-chip .ec-label{font-weight:700;font-size:11px;letter-spacing:.5px;text-transform:uppercase;opacity:.65}.app .gear-btn{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}.app .gear-btn.on{background:var(--ink);color:var(--card);border-color:var(--ink)}.app .gear-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.app .avatar{width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,var(--blue),#7aa2f7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.app main{min-width:0;padding:34px 40px 70px;max-width:1120px;margin:0 auto}.app h1.page{font-size:26px;font-weight:800;letter-spacing:-.4px}.app .sub{color:var(--ink-2);font-size:14.5px;margin-top:4px}.app .hand-note{font-family:var(--hand);font-size:21px;color:var(--orange)}.app .btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;font-weight:800;font-size:15px;padding:12px 22px;border-radius:12px;box-shadow:0 6px 16px rgba(37,99,235,.28);transition:transform .12s,box-shadow .12s}.app .btn-primary:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(37,99,235,.32)}.app .btn-quiet{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--ink-2);padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.app .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.app .dash-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:20px;gap:20px;margin-bottom:22px}.app .vandaag{padding:22px 24px}.app .vandaag .vh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.app .vandaag .vh b{font-size:16px;font-weight:850}.app .vandaag .vh small{font-weight:800;color:var(--orange);font-size:12.5px}.app .missie{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:var(--r-md);cursor:pointer}.app .missie:hover{background:var(--paper)}.app .missie .mbox{width:26px;height:26px;border-radius:9px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;flex:0 0 auto;transition:all .15s}.app .missie.done .mbox{background:var(--green);border-color:var(--green)}.app .missie .mtxt b{display:block;font-size:14px;font-weight:750}.app .missie.done .mtxt b{text-decoration:line-through;color:var(--ink-3)}.app .missie .mtxt small{font-size:12px;color:var(--ink-2);font-weight:650}.app .missie .mxp{margin-left:auto;font-size:12px;font-weight:800;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:3px 9px}.app .dagdoel{margin-top:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--orange-tint);font-weight:800;font-size:13.5px;color:var(--orange);text-align:center;display:none}.app .dagdoel.on{display:block;animation:pop .4s cubic-bezier(.2,1.6,.4,1)}.app .gauge-card{padding:22px 24px;display:flex;flex-direction:column;align-items:center}.app .gauge-wrap{position:relative;width:240px}.app .gauge-wrap b.val{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:38px;font-weight:900;letter-spacing:-1px}.app .gauge-wrap b.val small{display:block;font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--ink-3)}.app .proj{margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:var(--ink-2);line-height:1.55}.app .proj b{color:var(--green)}.app .week-bars{display:flex;gap:6px;align-items:flex-end;height:44px;margin-top:14px}.app .week-bars i{flex:1 1;border-radius:5px 5px 2px 2px;background:var(--line);min-height:6px}.app .week-bars i.a{background:var(--orange)}.app .week-bars i.today{background:var(--blue);animation:pulse-bar 1.6s infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.55}}.app .brain-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-gap:20px;gap:20px;margin-bottom:22px;align-items:stretch}.app .brain-card{padding:20px 22px}.app .brain-card svg{width:100%;display:block}.app .bnode{cursor:pointer}.app .bnode circle.core{transition:all .2s}.app .bnode:hover circle.core{stroke-width:4}.app .bnode.weak circle.core{animation:pulse-node 1.8s infinite}@keyframes pulse-node{0%,to{stroke-opacity:.9}50%{stroke-opacity:.25}}.app .bnode text{font-weight:750;fill:var(--ink);pointer-events:none}.app .bnode text.pcts{font-weight:900;fill:#fff}.app .bedge{stroke:var(--ink);opacity:.08}.app .bedge.strong{opacity:.3;stroke:var(--green)}.app .binsight{padding:20px 22px;display:flex;flex-direction:column}.app .binsight h4{font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.app .binsight .bi-msg{font-size:14.5px;line-height:1.6;font-weight:650}.app .binsight .bi-msg b{font-weight:850}.app .binsight .bi-cta{margin-top:auto;padding-top:16px}.app .legend{display:flex;gap:14px;margin-top:10px;font-size:12px;font-weight:750;color:var(--ink-2)}.app .legend i{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:5px}.app .radar-card{padding:22px 24px;margin-bottom:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:26px;gap:26px}.app .radar-left .rl-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.app .radar-left h3{font-size:17px;font-weight:850}.app .persona{font-family:var(--hand);font-size:27px;color:var(--orange);transform:rotate(-1.5deg);display:inline-block;margin:2px 0 4px}.app .radar-left .rl-sub{font-size:13px;color:var(--ink-2);font-weight:650;line-height:1.55;margin-bottom:16px}.app .trap{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--r-sm);cursor:pointer}.app .trap:hover{background:var(--paper)}.app .trap.sel{background:var(--orange-tint)}.app .trap .t-name{font-size:13.5px;font-weight:750;width:158px;flex:0 0 auto}.app .trap .t-bar{flex:1 1;height:9px;border-radius:999px;background:var(--line);overflow:hidden}.app .trap .t-bar i{display:block;height:100%;border-radius:999px;background:var(--ink-3)}.app .trap.sel .t-bar i,.app .trap:first-of-type .t-bar i{background:var(--orange)}.app .trap .t-n{font-size:12.5px;font-weight:900;width:56px;text-align:right;color:var(--ink-2)}.app .radar-right{border-left:1px dashed var(--line);padding-left:26px;display:flex;flex-direction:column}.app .radar-right h4{font-size:14.5px;font-weight:850;margin-bottom:8px}.app .radar-right .rr-txt{font-size:13.5px;line-height:1.65;color:var(--ink-2);font-weight:600}.app .rr-example{margin:14px 0;padding:13px 15px;border-left:3px solid var(--orange);background:var(--orange-tint);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:13px;line-height:1.6}.app .rr-example b{display:block;margin-bottom:3px}.app .radar-right .bi-cta{margin-top:auto;padding-top:8px}.app .dash-head{align-items:flex-end;justify-content:space-between;gap:20px}.app .dash-head,.app .hero{display:flex;margin-bottom:26px}.app .hero{gap:26px;padding:26px;align-items:center;background:linear-gradient(115deg,#fff,#f4f7ff);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.app .hero-thumb{position:relative;width:300px;aspect-ratio:16/9;flex:0 0 auto;border-radius:var(--r-md);overflow:hidden;background:#111;box-shadow:var(--shadow-2)}.app .hero-thumb .fake-frame{position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 20%,#2a2f3a 0,#14161b 60%)}.app .hero-thumb .frame-road{position:absolute;left:14%;right:14%;bottom:0;top:38%;background:linear-gradient(180deg,#3c414c,#262a33);-webkit-clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}.app .hero-thumb .frame-line{position:absolute;left:49.4%;width:1.2%;bottom:4%;height:40%;background:repeating-linear-gradient(180deg,#e8e6df 0 12px,transparent 12px 24px)}.app .hero-thumb .play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:999px;background:hsla(0,0%,100%,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}.app .hero-thumb .play:after{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--ink);margin-left:4px}.app .hero-thumb .stamp{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app .hero-body{min-width:0;flex:1 1}.app .crumb{font-size:12.5px;font-weight:700;letter-spacing:.4px;color:var(--ink-3);text-transform:uppercase}.app .hero-body h2{font-size:21px;font-weight:800;letter-spacing:-.3px;margin:6px 0 8px}.app .hero-body p{color:var(--ink-2);font-size:14.5px;line-height:1.55;max-width:52ch}.app .hero-progress{display:flex;align-items:center;gap:12px;margin:16px 0 18px}.app .bar{flex:1 1;max-width:320px;height:7px;border-radius:999px;background:var(--line);overflow:hidden}.app .bar i{display:block;height:100%;width:64%;border-radius:999px;background:linear-gradient(90deg,var(--orange),#fb923c)}.app .hero-progress span{font-size:13px;font-weight:700;color:var(--ink-2)}.app .stat-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:30px}.app .stat{gap:14px;padding:18px 20px}.app .stat,.app .stat .ico{display:flex;align-items:center}.app .stat .ico{width:42px;height:42px;border-radius:12px;justify-content:center;font-size:20px}.app .stat b{display:block;font-size:20px;letter-spacing:-.3px}.app .stat small{color:var(--ink-2);font-size:13px;font-weight:600}.app .section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 14px}.app .section-head h3{font-size:17px;font-weight:800;letter-spacing:-.2px}.app .section-head a{font-size:13.5px;font-weight:700;color:var(--blue);text-decoration:none}.app .chapters{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.app .chapter{padding:18px;display:flex;flex-direction:column;gap:12px;transition:transform .14s,box-shadow .14s;cursor:pointer}.app .chapter:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.app .ch-top{display:flex;align-items:center;justify-content:space-between}.app .ch-num{font-size:11.5px;font-weight:800;letter-spacing:1px;color:var(--ink-3);text-transform:uppercase}.app .ring{position:relative;width:44px;height:44px}.app .ring svg{transform:rotate(-90deg)}.app .ring .track{stroke:var(--line)}.app .ring .val{stroke:var(--orange);stroke-linecap:round}.app .ring.done .val{stroke:var(--green)}.app .ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.app .chapter h4{font-size:14.5px;font-weight:750;line-height:1.35;min-height:40px}.app .ch-meta{font-size:12.5px;color:var(--ink-2);font-weight:600}.app .ch-meta .done{color:var(--green);font-weight:700}.app .lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;grid-gap:26px;gap:26px;align-items:start}.app .player{border-radius:var(--r-lg);overflow:hidden;background:#0e0f12;box-shadow:var(--shadow-2);position:relative;aspect-ratio:16/9}.app .player .fake-frame{position:absolute;inset:0;background:radial-gradient(120% 90% at 35% 15%,#262b35 0,#101216 62%)}.app .player .frame-road{position:absolute;left:16%;right:16%;bottom:0;top:34%;background:linear-gradient(180deg,#3a3f4a,#23262e);-webkit-clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}.app .player .frame-line{position:absolute;left:49.5%;width:1%;bottom:6%;height:44%;background:repeating-linear-gradient(180deg,#e8e6df 0 14px,transparent 14px 28px)}.app .player .brand-chip{position:absolute;top:14px;left:16px;color:#fff;font-weight:800;font-size:12px;letter-spacing:1.5px;opacity:.85}.app .player .play-big{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:999px;background:hsla(0,0%,100%,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}.app .player .play-big:after{content:"";border-color:transparent transparent transparent #16181d;border-style:solid;border-width:11px 0 11px 18px;margin-left:5px}.app .player .controls{position:absolute;left:0;right:0;bottom:0;padding:12px 16px 10px;background:linear-gradient(transparent,rgba(0,0,0,.62));display:flex;align-items:center;gap:12px}.app .player .controls .pbar{flex:1 1;height:5px;border-radius:999px;background:hsla(0,0%,100%,.25);overflow:hidden}.app .player .controls .pbar i{display:block;height:100%;width:37%;background:var(--orange);border-radius:999px}.app .player .controls span{color:#fff;font-size:12px;font-weight:700;opacity:.9}.app .lesson-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:20px 2px 6px}.app .lesson-title-row h2{font-size:22px;font-weight:800;letter-spacing:-.35px}.app .pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:750;padding:5px 11px;border-radius:999px}.app .pill.art{background:var(--blue-tint);color:var(--blue-ink)}.app .les-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:18px 0 0}.app .les-tabs button{padding:11px 16px;font-weight:700;font-size:14px;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px}.app .les-tabs button.on{color:var(--ink);border-color:var(--ink)}.app .quiz-card{margin-top:18px;padding:24px}.app .quiz-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:1px;color:var(--orange);background:var(--orange-tint);padding:4px 10px;border-radius:999px;text-transform:uppercase;margin-bottom:12px}.app .quiz-card h3{font-size:17px;font-weight:750;line-height:1.45;margin-bottom:16px;max-width:60ch}.app .quiz-img{width:min(420px,100%);aspect-ratio:16/9;border-radius:var(--r-md);border:1px solid var(--line);margin-bottom:16px;background:radial-gradient(120% 90% at 30% 20%,#e9ecf2 0,#cfd4dd 60%);position:relative;overflow:hidden}.app .quiz-img:after{content:"vraagafbeelding";position:absolute;inset:auto 10px 8px auto;font-size:12px;color:var(--ink-3);font-weight:700}.app .answers{display:grid;grid-gap:10px;gap:10px;max-width:520px}.app .answer{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1.5px solid var(--line);border-radius:var(--r-md);font-weight:600;font-size:15px;background:var(--card);cursor:pointer;transition:border-color .12s,background .12s;text-align:left;width:100%}.app .answer:hover{border-color:var(--blue);background:var(--blue-tint)}.app .answer .key{width:26px;height:26px;border-radius:8px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:var(--ink-2);flex:0 0 auto}.app .answer.good{border-color:var(--green);background:var(--green-tint)}.app .answer.good .key{background:var(--green);border-color:var(--green);color:#fff}.app .explain{margin-top:14px;padding:14px 16px;border-left:3px solid var(--green);background:var(--green-tint);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:14px;line-height:1.6;color:#14532d;max-width:60ch}.app .rail{position:-webkit-sticky;position:sticky;top:26px;display:flex;flex-direction:column;gap:16px}.app .rail .card{padding:16px}.app .rail h4{font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.app .mod{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--r-sm);font-size:13.8px;font-weight:600;color:var(--ink-2);cursor:pointer}.app .mod:hover{background:var(--paper)}.app .mod .st{width:22px;height:22px;border-radius:999px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.app .mod.done .st{background:var(--green-tint);color:var(--green)}.app .mod.now{background:var(--blue-tint);color:var(--blue-ink);font-weight:750}.app .mod.now .st{background:var(--blue);color:#fff}.app .mod.todo .st{border:1.5px dashed var(--line);color:transparent}.app .mod time{margin-left:auto;font-size:12px;color:var(--ink-3);font-weight:600}.app .next-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px!important;background:linear-gradient(115deg,#fff,#fff7f1)!important}.app .next-cta b{font-size:14px}.app .next-cta small{display:block;color:var(--ink-2);font-weight:600;margin-top:2px}.app .exam-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.app .exam-card{padding:22px;display:flex;flex-direction:column;gap:14px}.app .exam-card .top{display:flex;justify-content:space-between;align-items:center}.app .exam-card h4{font-size:16.5px;font-weight:800;letter-spacing:-.2px}.app .score-pill{font-size:12.5px;font-weight:800;padding:5px 11px;border-radius:999px}.app .score-pill.pass{background:var(--green-tint);color:var(--green)}.app .score-pill.fail{background:#fdecec;color:var(--red)}.app .score-pill.new{background:var(--blue-tint);color:var(--blue-ink)}.app .parts{display:flex;gap:8px}.app .part-chip{flex:1 1;text-align:center;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 4px}.app .part-chip b{display:block;font-size:13px}.app .part-chip small{font-size:12px;color:var(--ink-3);font-weight:700}.app .exam-cta-row{display:flex;align-items:center;justify-content:space-between}.app .exam-cta-row small{color:var(--ink-2);font-weight:600;font-size:12.5px}.app .structure-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:0 0 28px}.app .structure-strip .card{padding:18px 20px}.app .structure-strip b.n{display:inline-flex;width:26px;height:26px;border-radius:999px;background:var(--ink);color:var(--card);align-items:center;justify-content:center;font-size:13px;margin-bottom:10px}.app .structure-strip h4{font-size:15px;font-weight:800;margin-bottom:4px}.app .structure-strip p{font-size:13px;color:var(--ink-2);line-height:1.5}.app .structure-strip .req{margin-top:10px;font-size:12px;font-weight:800;color:var(--orange)}.app .exam-shell{max-width:860px;margin:0 auto;padding:30px 24px 60px}.app .exam-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.app .exam-top .which{font-weight:800;font-size:15px}.app .exam-top .which small{display:block;font-weight:700;font-size:12px;color:var(--ink-3);letter-spacing:.6px;text-transform:uppercase}.app .qprogress{flex:1 1;margin:0 26px;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.app .qprogress i{display:block;height:100%;width:28%;background:var(--blue);border-radius:999px}.app .timer{position:relative;width:46px;height:46px}.app .timer svg{transform:rotate(-90deg)}.app .timer .t-track{stroke:var(--line)}.app .timer .t-val{stroke:var(--orange);stroke-linecap:round}.app .timer b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px}.app .gevaar-photo{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);aspect-ratio:16/9;position:relative;background:linear-gradient(180deg,#aac6e8 0 42%,#3d434e 42% 100%)}.app .gevaar-photo .g-road{position:absolute;left:8%;right:8%;bottom:0;top:42%;background:linear-gradient(180deg,#4a505c,#2c3038);-webkit-clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}.app .gevaar-photo .g-line{position:absolute;left:49.5%;width:1%;bottom:5%;height:48%;background:repeating-linear-gradient(180deg,#e8e6df 0 16px,transparent 16px 32px)}.app .gevaar-photo .g-obj{position:absolute;left:56%;top:52%;width:64px;height:40px;background:#c33;border-radius:6px 6px 3px 3px;box-shadow:0 6px 14px rgba(0,0,0,.35)}.app .gevaar-photo .g-hint{position:absolute;right:12px;bottom:10px;color:hsla(0,0%,100%,.75);font-size:12px;font-weight:700}.app .gevaar-answers{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:20px}.app .g-btn{padding:18px 10px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--card);font-weight:800;font-size:16.5px;box-shadow:var(--shadow-1);transition:transform .1s,border-color .1s}.app .g-btn:hover{transform:translateY(-2px);border-color:var(--ink)}.app .g-btn small{display:block;font-size:12px;margin-top:4px}.app .exam-note,.app .g-btn small{font-weight:600;color:var(--ink-3)}.app .exam-note{text-align:center;margin-top:18px;font-size:12.5px}.app .qv-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.app .qv{padding:20px}.app .qv .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:4px 10px;margin-bottom:10px}.app .qv h4{font-size:15.5px;font-weight:800;margin-bottom:4px}.app .qv p.d{font-size:13px;color:var(--ink-2);margin-bottom:14px;line-height:1.5}.app .qv .mini-img{position:relative;aspect-ratio:16/8;border-radius:var(--r-sm);background:radial-gradient(120% 90% at 30% 20%,#e9ecf2 0,#cfd4dd 60%);border:1px solid var(--line);margin-bottom:12px;overflow:hidden}.app .drop-dot{position:absolute;width:26px;height:26px;border-radius:999px;border:2px dashed var(--ink-3);background:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--ink-2)}.app .drop-dot.filled{border-style:solid;border-color:var(--blue);background:var(--blue);color:#fff}.app .chiprow{display:flex;gap:8px}.app .numchip{width:34px;height:34px;border-radius:10px;background:var(--card);border:1.5px solid var(--line);box-shadow:var(--shadow-1);display:flex;align-items:center;justify-content:center;font-weight:800;cursor:-webkit-grab;cursor:grab}.app .mini-answers{display:grid;grid-gap:8px;gap:8px}.app .mini-answer{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13.5px;font-weight:600;background:var(--card)}.app .mini-answer .cb{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--ink-3);flex:0 0 auto}.app .mini-answer.sel{border-color:var(--blue);background:var(--blue-tint)}.app .mini-answer.sel .cb{background:var(--blue);border-color:var(--blue);position:relative}.app .mini-answer.sel .cb:after{content:"✓";color:#fff;font-size:11px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.app .keypadwrap{display:flex;gap:14px;align-items:flex-start}.app .keydisplay{flex:1 1;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:20px;font-weight:800;letter-spacing:1px;background:var(--paper)}.app .keydisplay small{font-size:12px;color:var(--ink-3);font-weight:700;margin-left:6px}.app .keypad{display:grid;grid-template-columns:repeat(3,38px);grid-gap:6px;gap:6px}.app .keypad b{height:34px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);border-radius:8px;font-size:14px;box-shadow:var(--shadow-1);cursor:pointer}.app .hs-region{position:absolute;border:2px dashed rgba(37,99,235,.75);border-radius:8px;background:rgba(37,99,235,.1)}.app .hs-region.hit{border-style:solid;background:rgba(37,99,235,.22)}.app .hs-region.hit:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--blue-ink);font-size:18px}.app .g3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.app .g3 .g-btn{padding:10px 6px;font-size:13.5px}.app .demo-shell{max-width:760px;margin:0 auto;padding:34px 24px 80px}.app .demo-q h3{font-size:18.5px;font-weight:800;line-height:1.4;letter-spacing:-.2px;margin:14px 0 18px}.app .demo-img{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 30% 20%,#e9ecf2 0,#cfd4dd 60%);aspect-ratio:16/8;margin-bottom:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app .demo-img.photo{background:linear-gradient(180deg,#aac6e8 0 45%,#3d434e 45% 100%);aspect-ratio:16/9}.app .demo-img .road{position:absolute;left:10%;right:10%;bottom:0;top:45%;background:linear-gradient(180deg,#4a505c,#2c3038);-webkit-clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}.app .demo-img .truckje{position:absolute;left:57%;top:55%;width:70px;height:44px;background:#b93838;border-radius:6px 6px 3px 3px;box-shadow:0 6px 16px rgba(0,0,0,.35)}.app .demo-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.app .feedback{margin-top:16px;padding:14px 16px;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:14px;line-height:1.6;display:none}.app .feedback.ok{display:block;border-left:3px solid var(--green);background:var(--green-tint);color:#14532d}.app .feedback.bad{display:block;border-left:3px solid var(--red);background:#fdecec;color:#7f1d1d}.app .demo-progress{display:flex;align-items:center;gap:14px;margin-bottom:8px}.app .demo-progress .qprogress{margin:0}.app .demo-progress .which{font-weight:800;font-size:14px;white-space:nowrap}.app .demo-progress .which small{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--ink-3);text-transform:uppercase}.app .result-card{text-align:center;padding:44px 30px}.app .result-card .big{font-size:44px;font-weight:900;letter-spacing:-1px}.app .result-card .verdict{font-size:16px;font-weight:800;margin:6px 0 18px}.app .result-rows{display:grid;grid-gap:8px;gap:8px;max-width:380px;margin:0 auto 22px;text-align:left}.app .result-rows div{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--ink-2);border-bottom:1px dashed var(--line);padding:7px 2px}.app .dragchips{display:flex;gap:10px;margin-top:6px}.app .trend{padding:22px 24px;margin-bottom:22px}.app .trend-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.app .trend-head b{font-size:15px;font-weight:800}.app .trend-head small{color:var(--ink-2);font-weight:600;font-size:12.5px}.app .streak-cal{display:flex;gap:8px;margin:18px 0 24px}.app .day{flex:1 1;text-align:center;padding:10px 4px 8px;border-radius:12px;border:1px solid var(--line);background:var(--card)}.app .day.hit{background:var(--orange-tint);border-color:#fed7b0}.app .day .fl{font-size:16px}.app .day small{display:block;font-size:10.5px;font-weight:800;color:var(--ink-3);letter-spacing:.5px;margin-top:2px}.app .attempt{display:flex;align-items:center;gap:16px;padding:15px 18px}.app .attempt+.attempt{margin-top:10px}.app .attempt .when{width:86px;font-size:12.5px;font-weight:700;color:var(--ink-3);line-height:1.3}.app .attempt .score-big{font-size:19px;font-weight:900;width:64px}.app .attempt .partmini{display:flex;gap:6px;flex:1 1}.app .pm{font-size:12px;font-weight:800;border-radius:8px;padding:4px 8px}.app .pm.g{background:var(--green-tint);color:var(--green)}.app .pm.r{background:#fdecec;color:var(--red)}.app .badges{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}.app .badge{width:120px;text-align:center;padding:14px 8px 12px;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg);transition:transform .15s}.app .badge:nth-child(2n){transform:rotate(1.6deg)}.app .badge:hover{transform:rotate(0) scale(1.06)}.app .badge.locked{opacity:.35;filter:grayscale(1);box-shadow:3px 3px 0 var(--ink)}.app .badge .em{font-size:30px}.app .badge b{display:block;font-size:12px;margin-top:6px;line-height:1.25}.app .badge small{font-family:var(--hand);font-size:14px;color:var(--orange)}.app .fout-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:22px;background:linear-gradient(115deg,#fff,#fff4ec)}.app .fout-hero b.n{font-size:34px;font-weight:900;letter-spacing:-1px}.app .fout{padding:16px 18px;display:flex;gap:14px;align-items:flex-start}.app .fout+.fout{margin-top:10px}.app .fout .chip-ch{flex:0 0 auto;font-size:12px;font-weight:800;background:var(--blue-tint);color:var(--blue-ink);border-radius:8px;padding:4px 8px;margin-top:2px;white-space:nowrap}.app .fout p{font-size:14.5px;font-weight:600;line-height:1.5}.app .fout small{display:block;color:var(--ink-2);font-weight:600;font-size:12.5px;margin-top:4px}.app .fout .again{margin-left:auto;flex:0 0 auto}.app .sr-note{display:flex;gap:10px;align-items:center;margin-top:18px;color:var(--ink-2);font-size:13px;font-weight:600}.app .set-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:start}.app .set-card{padding:20px 22px}.app .set-card h4{font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.app .set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line)}.app .set-row:last-child{border-bottom:0}.app .set-row .l b{display:block;font-size:14.5px;font-weight:700}.app .set-row .l small{color:var(--ink-2);font-size:12.5px;font-weight:600}.app .toggle{width:46px;height:26px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:background .15s;flex:0 0 auto}.app .toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:left .15s}.app .toggle.on{background:var(--green)}.app .toggle.on:after{left:23px}.app .datebox{border:1.5px solid var(--line);border-radius:10px;padding:9px 13px;font-weight:800;font-size:14px;background:var(--paper)}.app .refer{padding:22px;background:linear-gradient(115deg,#fff,#f0f5ff);text-align:center}.app .refer .hand-note{font-size:24px}.app .refer h3{font-size:18px;font-weight:900;letter-spacing:-.3px;margin:6px 0 8px}.app .refer p{color:var(--ink-2);font-size:13.5px;line-height:1.55;max-width:40ch;margin:0 auto 14px}.app .code-pill{display:inline-flex;align-items:center;gap:10px;border:2px dashed var(--blue);color:var(--blue-ink);border-radius:12px;padding:10px 16px;font-weight:900;letter-spacing:2px;font-size:16px;background:var(--blue-tint);cursor:pointer}.app .share-row{display:flex;gap:10px;justify-content:center;margin-top:14px}.app .share-row .btn-quiet{padding:9px 14px;font-size:13px}.app .danger{color:var(--red)!important}.app .arena-hero{position:relative;overflow:hidden;border-radius:var(--r-lg);margin-bottom:18px;background:#14161c;color:#fff;border:1px solid #262a34;box-shadow:var(--shadow-2)}.app .arena-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 150% at 82% -30%,rgba(37,99,235,.38),transparent 55%),radial-gradient(70% 130% at 8% 130%,rgba(249,115,22,.2),transparent 55%),repeating-linear-gradient(115deg,transparent 0 46px,hsla(0,0%,100%,.03) 46px 48px)}.app .ah-grid{position:relative;display:grid;grid-template-columns:1.25fr 1fr;grid-gap:24px;gap:24px;align-items:center;padding:30px 34px 28px}.app .ah-live{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#4ade80;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.28);border-radius:999px;padding:6px 12px;margin-bottom:14px}.app .ah-live i{width:8px;height:8px;border-radius:999px;background:#4ade80;animation:pulse-bar 1.4s infinite}.app .ah-grid h2{font-size:30px;font-weight:900;letter-spacing:-.6px;line-height:1.12;margin-bottom:8px}.app .ah-grid h2 em{font-style:normal;color:#fb923c}.app .ah-sub{font-size:14px;color:hsla(0,0%,100%,.62);font-weight:600;line-height:1.55;max-width:44ch;margin-bottom:22px}.app .ah-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.app .btn-arena{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;font-weight:900;font-size:16.5px;padding:15px 28px;border-radius:14px;box-shadow:0 8px 24px rgba(37,99,235,.45);transition:transform .12s,box-shadow .12s}.app .btn-arena:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,.58)}.app .ah-eta{font-size:12.5px;font-weight:700;color:hsla(0,0%,100%,.5)}.app .ah-vs{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:22px}.app .ah-side{text-align:center}.app .ah-ava{position:relative;width:86px;margin:0 auto 10px}.app .ah-side .avatar{width:86px;height:86px;font-size:32px;box-shadow:0 0 0 4px hsla(0,0%,100%,.09),0 14px 34px rgba(0,0,0,.45)}.app .ah-sign{position:absolute;right:-8px;bottom:-6px;width:34px;height:34px;border-radius:999px;background:#fff;border:5px solid #d21f26;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#16181d;box-shadow:0 4px 10px rgba(0,0,0,.4)}.app .ah-side b{display:block;font-size:14px}.app .ah-side small{font-size:12px;font-weight:700;color:hsla(0,0%,100%,.48)}.app .ah-side.them .avatar{background:hsla(0,0%,100%,.04);border:2px dashed hsla(0,0%,100%,.32);color:hsla(0,0%,100%,.45);box-shadow:none}.app .pion-ava{display:block;width:86px;height:86px;border-radius:22px;overflow:hidden;box-shadow:0 0 0 4px hsla(0,0%,100%,.09),0 14px 34px rgba(0,0,0,.45);cursor:pointer}.app .pion-ava svg{display:block;width:100%;height:100%}.app .ah-vs .vs{font-family:var(--hand);font-size:40px;color:#fb923c;transform:rotate(-5deg);margin-top:22px}.app .arena-ticker{position:relative;display:flex;overflow:hidden;border-top:1px solid hsla(0,0%,100%,.08);background:rgba(0,0,0,.38);padding:9px 0}.app .arena-ticker .tk{display:flex;flex:none;gap:36px;padding-right:36px;white-space:nowrap;animation:tk-scroll 28s linear infinite}.app .arena-ticker span{font-size:12.5px;font-weight:700;color:hsla(0,0%,100%,.6)}.app .arena-ticker b{color:#fff}.app .arena-ticker .up{color:#4ade80}@keyframes tk-scroll{to{transform:translateX(-100%)}}.app .mode-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-bottom:24px}.app .mode-tile{display:flex;align-items:center;gap:15px;padding:17px 20px;cursor:pointer;transition:transform .15s,box-shadow .15s}.app .mode-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.app .mt-ico{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}.app .mode-tile.dag .mt-ico{background:var(--orange-tint)}.app .mode-tile.friend .mt-ico{background:var(--blue-tint)}.app .mt-txt b{font-size:15px;display:inline-flex;align-items:center;gap:8px}.app .mt-txt small{display:block;font-size:12.5px;color:var(--ink-2);font-weight:650;margin-top:2px}.app .mt-side{margin-left:auto;flex:none}.app .x2-chip{background:var(--orange);color:#fff;font-size:10.5px;font-weight:900;border-radius:999px;padding:2.5px 8px;letter-spacing:.3px}.app .ladder-card{padding:20px 24px;margin-bottom:24px}.app .ladder{gap:0;margin:16px 0 6px}.app .ladder,.app .rung{display:flex;align-items:center}.app .rung{flex:1 1;flex-direction:column;gap:7px;position:relative}.app .rung:before{content:"";position:absolute;top:26px;left:-50%;right:50%;height:4px;background:var(--line);z-index:0}.app .rung:first-child:before{display:none}.app .rung.done:before{background:var(--green)}.app .rung.cur:before{background:linear-gradient(90deg,var(--green),var(--orange))}.app .speed-sign{width:52px;height:52px;border-radius:999px;background:#fff;border:6px solid #d21f26;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#16181d;z-index:1;box-shadow:var(--shadow-1)}.app .rung.locked .speed-sign{filter:grayscale(1);opacity:.4;border-color:#9aa0aa}.app .rung.cur .speed-sign{transform:scale(1.22);box-shadow:0 0 0 5px var(--orange-tint),var(--shadow-2)}.app .rung small{font-size:10.5px;font-weight:800;color:var(--ink-3);letter-spacing:.4px;text-transform:uppercase}.app .rung.cur small{color:var(--orange)}.app .ladder-progress{display:flex;align-items:center;gap:12px;margin-top:12px}.app .ladder-progress .bar{max-width:none}.app .ladder-progress span{font-size:12.5px;font-weight:800;color:var(--ink-2);white-space:nowrap}.app .league-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:start}.app .league-card{padding:18px 20px}.app .league-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.app .league-head h4{margin-bottom:0!important}.app .days-chip{font-size:12px;font-weight:800;color:var(--orange);background:var(--orange-tint);border-radius:999px;padding:4px 10px;white-space:nowrap}.app .ladder-card h4,.app .league-card h4{font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.app .lg-row{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:var(--r-sm);font-weight:700;font-size:13.5px}.app .lg-row .pos{width:20px;text-align:center;font-weight:900;color:var(--ink-3);font-size:12.5px}.app .lg-row .avatar{width:28px;height:28px;font-size:11px}.app .lg-row b{margin-left:auto;font-size:13px}.app .lg-row.promo{background:var(--green-tint)}.app .lg-row.me{background:var(--blue-tint)}.app .lg-row.danger-zone{background:#fdecec}.app.dark .lg-row.danger-zone{background:rgba(220,38,38,.14)}.app .lg-gap{text-align:center;font-weight:900;letter-spacing:4px;padding:1px 0}.app .lg-gap,.app .lg-note{color:var(--ink-3);font-size:12px}.app .lg-note{font-weight:700;margin-top:8px}.app .mm-wrap{max-width:560px;margin:0 auto;text-align:center;padding:30px 0}.app .mm-radar{position:relative;width:190px;height:190px;margin:0 auto 22px}.app .mm-ring{position:absolute;inset:0;border-radius:999px;border:2px solid var(--blue);opacity:0;animation:mm-pulse 2s infinite}.app .mm-ring:nth-child(2){animation-delay:.66s}.app .mm-ring:nth-child(3){animation-delay:1.33s}@keyframes mm-pulse{0%{transform:scale(.4);opacity:.7}to{transform:scale(1.15);opacity:0}}.app .mm-center{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:999px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:var(--shadow-2)}.app .mm-status{font-weight:800;font-size:16px;margin-bottom:6px}.app .mm-sub{font-size:13px;color:var(--ink-2);font-weight:650;margin-bottom:18px}.app .vs-splash{display:flex;align-items:center;justify-content:center;gap:34px;margin:10px 0 16px;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}.app .vs-splash .avatar{width:74px;height:74px;font-size:28px}.app .vs-count{font-size:52px;font-weight:900;color:var(--orange);animation:pop .3s}.app .duel-tabs{display:flex;gap:6px;margin-bottom:22px}.app .duel-tabs button{padding:9px 18px;border-radius:999px;font-weight:800;font-size:13.5px;color:var(--ink-2);border:1px solid var(--line);background:var(--card)}.app .duel-tabs button.on{background:var(--ink);color:var(--card);border-color:var(--ink)}.app .duel-sub{display:none}.app .duel-sub.on{display:block}.app .vs-head{display:flex;align-items:center;justify-content:center;gap:26px;margin:10px 0 26px}.app .vs-side{text-align:center}.app .vs-side .avatar{width:64px;height:64px;font-size:24px;margin:0 auto 8px}.app .vs-side.them .avatar{background:linear-gradient(135deg,var(--orange),#fb5607)}.app .vs-side b{font-size:15px}.app .vs-side small{display:block;color:var(--ink-2);font-weight:700;font-size:12px}.app .vs-badge{font-family:var(--hand);font-size:34px;color:var(--orange);transform:rotate(-4deg)}.app .lobby{max-width:520px;margin:0 auto;text-align:center;padding:30px 28px}.app .lobby h3{font-size:19px;font-weight:900;margin-bottom:6px}.app .lobby p{color:var(--ink-2);font-size:14px;line-height:1.55;margin-bottom:18px}.app .duel-rules{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.app .duel-rules div{border:1px solid var(--line);border-radius:12px;padding:12px 8px;font-size:12px;font-weight:700;color:var(--ink-2)}.app .duel-rules b{display:block;font-size:17px;color:var(--ink);margin-bottom:2px}.app .race{padding:24px}.app .race-q{text-align:center;font-weight:800;font-size:15px;margin-bottom:18px}.app .race-q small{display:block;color:var(--ink-3);font-weight:700;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:2px}.app .track{position:relative;height:64px;margin:6px 0 2px}.app .track .lane{position:absolute;left:0;right:0;height:26px;border-radius:999px;background:#3d434e;overflow:hidden}.app .track .lane.top{top:0}.app .track .lane.bot{bottom:0}.app .track .lane:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,#e8e6df 0 14px,transparent 14px 28px);opacity:.6}.app .track .finish{position:absolute;right:8px;top:-6px;bottom:-6px;width:10px;background:repeating-conic-gradient(#16181d 0 25%,#fff 0 50%) 0 0/6px 6px;border-radius:3px}.app .car{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;transition:left .5s cubic-bezier(.3,1.3,.5,1);z-index:2}.app .race-names{display:flex;justify-content:space-between;font-size:12.5px;font-weight:800;margin-top:10px}.app .race-names .sc{color:var(--ink-2);font-weight:700}.app .race-live{text-align:center;margin-top:16px;font-size:12.5px;color:var(--ink-3);font-weight:700}.app .duel-result{max-width:440px;margin:0 auto;text-align:center}.app .share-card{background:#141414;color:#fff;border:3px solid #141414;border-radius:20px;padding:30px 26px 24px;box-shadow:8px 8px 0 hsla(0,0%,8%,.25);transform:rotate(-1.2deg);margin-bottom:18px}.app .share-card .sc-hand{font-family:var(--hand);font-size:24px;color:#fb923c}.app .share-card h3{font-size:24px;font-weight:900;letter-spacing:-.5px;margin:6px 0 2px}.app .share-card .sc-score{font-size:44px;font-weight:900;letter-spacing:-1px;margin:8px 0}.app .share-card .sc-score .w{color:#4ade80}.app .share-card .sc-score .l{color:hsla(0,0%,100%,.45)}.app .share-card .sc-brand{font-size:12px;font-weight:800;letter-spacing:2px;color:hsla(0,0%,100%,.55);margin-top:10px}.app .share-card .sc-brand .o{color:#fb923c}.app .lessen-grid2{display:grid;grid-template-columns:400px minmax(0,1fr);grid-gap:30px;gap:30px;align-items:start}.app .route-wrap{position:relative}.app .route-svg{display:block;width:100%}.app .route-node{cursor:pointer}.app .route-node circle.halo{fill:transparent}.app .route-node:hover circle.halo{fill:rgba(37,99,235,.08)}.app .route-node .num{font-weight:900;font-size:15px;fill:#fff}.app .route-node text.pct{font-weight:800;font-size:10px;fill:var(--ink-2)}.app .route-car{font-size:26px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.app .finish-card{text-align:center;margin-top:-6px}.app .roze{display:inline-block;background:linear-gradient(135deg,#fda4af,#fb7185);color:#fff;border-radius:10px;padding:10px 18px;font-weight:900;font-size:13px;letter-spacing:.5px;box-shadow:var(--shadow-2);transform:rotate(-2deg)}.app .roze small{display:block;font-weight:700;font-size:10px;opacity:.85;letter-spacing:1px}.app .ch-panel{position:-webkit-sticky;position:sticky;top:86px}.app .ch-panel .card{padding:24px}.app .chp-head{gap:16px;margin-bottom:6px}.app .chp-head,.app .chp-num{display:flex;align-items:center}.app .chp-num{width:52px;height:52px;border-radius:16px;background:var(--ink);color:var(--card);justify-content:center;font-weight:900;font-size:21px;flex:0 0 auto}.app .chp-head h2{font-size:20px;font-weight:850;letter-spacing:-.3px;line-height:1.25}.app .chp-head small{display:block;font-size:12.5px;color:var(--ink-2);font-weight:700;margin-top:2px}.app .chp-bar{display:flex;align-items:center;gap:12px;margin:14px 0 20px}.app .chp-bar .bar{max-width:none}.app .chp-bar span{font-size:12.5px;font-weight:800;color:var(--ink-2);white-space:nowrap}.app .les-row{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--r-md);cursor:pointer}.app .les-row:hover{background:var(--paper)}.app .les-row.now{background:var(--blue-tint)}.app .les-thumb{position:relative;width:92px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;flex:0 0 auto;background:radial-gradient(120% 90% at 30% 20%,#2a2f3a 0,#14161b 60%)}.app .les-thumb:after{content:"";position:absolute;left:38%;right:38%;bottom:0;top:40%;background:linear-gradient(180deg,#3c414c,#262a33);-webkit-clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.app .les-thumb .mini-play{position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:999px;background:hsla(0,0%,100%,.92);z-index:2}.app .les-thumb .mini-play:after{content:"";position:absolute;left:8px;top:6px;border-color:transparent transparent transparent #16181d;border-style:solid;border-width:5px 0 5px 8px}.app .les-thumb .dur{position:absolute;right:4px;bottom:4px;z-index:2;background:rgba(0,0,0,.65);color:#fff;font-size:9.5px;font-weight:800;border-radius:5px;padding:1px 5px}.app .les-body{min-width:0;flex:1 1}.app .les-body b{display:block;font-size:14px;font-weight:750;line-height:1.35}.app .les-body small{color:var(--ink-3);font-size:12px;font-weight:700}.app .les-state{flex:0 0 auto;width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.app .les-state.done{background:var(--green-tint);color:var(--green)}.app .les-state.now{background:var(--blue);color:#fff}.app .les-state.todo{border:1.5px dashed var(--line);color:var(--ink-3)}.app .oef-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:24px;background:linear-gradient(115deg,#fff,#f0f5ff)}.app .oef-hero h2{font-size:20px;font-weight:850;letter-spacing:-.3px;margin-bottom:6px}.app .oef-hero p{color:var(--ink-2);font-size:14px;line-height:1.5;max-width:46ch}.app .combo-box{text-align:center;flex:0 0 auto}.app .combo-box .cnum{font-size:38px;font-weight:900;letter-spacing:-1px;color:var(--orange)}.app .combo-box small{display:block;font-size:11.5px;font-weight:800;color:var(--ink-3);letter-spacing:.6px;text-transform:uppercase}.app .decks{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:28px}.app .deck{padding:18px;cursor:pointer;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.app .deck:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.app .deck .d-em{font-size:26px}.app .deck h4{font-size:15px;font-weight:800;margin:8px 0 2px}.app .deck small{color:var(--ink-2);font-size:12px;font-weight:700}.app .mastery{display:flex;gap:4px;margin-top:12px}.app .mastery i{flex:1 1;height:6px;border-radius:999px;background:var(--line)}.app .mastery i.f{background:var(--orange)}.app .mastery i.g{background:var(--green)}.app .deck .d-signs{position:absolute;right:-6px;top:-6px;font-size:34px;opacity:.12;transform:rotate(12deg)}.app .hdecks{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.app .hdeck{padding:16px 18px;cursor:pointer;transition:transform .13s,box-shadow .13s;display:flex;flex-direction:column;gap:10px}.app .hdeck:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.app .hdeck .hd-top{display:flex;align-items:center;justify-content:space-between}.app .hdeck .hd-n{width:34px;height:34px;border-radius:11px;background:var(--ink);color:var(--card);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px}.app .hdeck .hd-badge{font-size:12px;font-weight:800;border-radius:999px;padding:3px 9px}.app .hdeck .hd-badge.g{background:var(--green-tint);color:var(--green)}.app .hdeck .hd-badge.o{background:var(--orange-tint);color:var(--orange)}.app .hdeck .hd-badge.n{background:var(--paper);color:var(--ink-3);border:1px solid var(--line)}.app .hdeck h4{font-size:13.8px;font-weight:800;line-height:1.35;min-height:37px}.app .hdeck small{color:var(--ink-2);font-weight:700;font-size:12px}.app .pr-wrap{max-width:640px;margin:0 auto}.app .pr-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app .pr-combo{font-weight:900;font-size:17px;color:var(--orange);transition:transform .15s}.app .pr-combo.pop{transform:scale(1.35) rotate(-3deg)}.app .pr-card{padding:26px}.app .pr-card h3{font-size:17.5px;font-weight:800;line-height:1.45;margin-bottom:16px}.app .pr-card .answers{max-width:none}.app .answer.bad{border-color:var(--red);background:#fdecec;animation:shake .3s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.app .pr-end{text-align:center;padding:40px 28px}.app .pr-end .big{font-size:42px;font-weight:900;letter-spacing:-1px}.app .pr-end .rec{font-family:var(--hand);font-size:24px;color:var(--orange)}.app .toets-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.app .toets-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;max-width:820px}.app .toets-card{padding:18px;cursor:pointer;transition:transform .13s,box-shadow .13s}.app .toets-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.app .toets-card .t-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.app .toets-card h4{font-size:15px;font-weight:850}.app .lvl{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:3px 9px}.app .lvl.b{background:var(--blue-tint);color:var(--blue-ink)}.app .lvl.m{background:var(--orange-tint);color:var(--orange)}.app .lvl.x{background:#f3e8ff;color:#7c3aed}.app .toets-card .t-score{font-size:22px;font-weight:900;letter-spacing:-.5px}.app .toets-card .t-score.g{color:var(--green)}.app .toets-card .t-score.o{color:var(--orange)}.app .toets-card .t-score.n{color:var(--ink-3);font-size:15px;font-weight:800}.app .toets-card small{display:block;color:var(--ink-2);font-weight:700;font-size:12px;margin-top:2px}.app .pexam{display:flex;gap:26px;align-items:center;padding:26px 28px;margin-bottom:24px;background:linear-gradient(115deg,#fff,#f4f7ff);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.app .pexam-ring{position:relative;width:112px;height:112px;flex:0 0 auto}.app .pexam-ring svg{transform:rotate(-90deg)}.app .pexam-ring b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:900}.app .pexam-ring b small{font-size:10px;font-weight:800;color:var(--ink-3);letter-spacing:.6px}.app .pexam h2{font-size:20px;font-weight:850;letter-spacing:-.3px;margin-bottom:6px}.app .pexam p{color:var(--ink-2);font-size:14px;line-height:1.55;max-width:56ch}.app .focus-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.app .focus-chip{font-size:12px;font-weight:800;border-radius:999px;padding:5px 12px;background:var(--orange-tint);color:var(--orange)}.app .focus-chip.b{background:var(--blue-tint);color:var(--blue-ink)}.app .attempt-review{display:flex;align-items:center;gap:16px;padding:14px 18px}.app .attempt-review+.attempt-review{margin-top:10px}.app .rev-top{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.app .rev-filters{display:flex;gap:6px}.app .rev-filters button{padding:7px 14px;border-radius:999px;font-weight:800;font-size:12.5px;color:var(--ink-2);border:1px solid var(--line);background:var(--card)}.app .rev-filters button.on{background:var(--ink);color:var(--card);border-color:var(--ink)}.app .rev-grid{display:grid;grid-template-columns:250px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.app .qmap{padding:16px;position:-webkit-sticky;position:sticky;top:86px}.app .qmap h5{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3);margin:10px 0 6px}.app .qmap h5:first-child{margin-top:0}.app .qdots{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.app .qdot{aspect-ratio:1;border-radius:8px;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1.5px solid transparent}.app .qdot.g{background:var(--green-tint);color:var(--green)}.app .qdot.r{background:#fdecec;color:var(--red)}.app .qdot.sel{border-color:var(--ink);transform:scale(1.1)}.app .qdot.dim{opacity:.22;pointer-events:none}.app .rev-card{padding:24px}.app .rev-card .crumb{margin-bottom:8px}.app .rev-card h3{font-size:17px;font-weight:800;line-height:1.45;margin-bottom:14px}.app .rev-ans{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:var(--r-md);padding:12px 15px;font-weight:650;font-size:14.5px;margin-bottom:8px}.app .rev-ans .key{width:24px;height:24px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:0 0 auto}.app .rev-ans.correct{border-color:var(--green);background:var(--green-tint)}.app .rev-ans.correct .key{background:var(--green);border-color:var(--green);color:#fff}.app .rev-ans.yours-wrong{border-color:var(--red);background:#fdecec}.app .rev-ans.yours-wrong .key{background:var(--red);border-color:var(--red);color:#fff}.app .rev-ans .tag-you{margin-left:auto;font-size:12px;font-weight:800;color:var(--ink-3)}.app .rev-nav{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.app .rev-lesson{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;font-weight:750;color:var(--blue);cursor:pointer}.app .ob-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px}.app .ob-card{width:min(520px,100%);text-align:center;padding:36px 32px}.app .ob-dots{display:flex;gap:7px;justify-content:center;margin-bottom:26px}.app .ob-dots i{width:8px;height:8px;border-radius:999px;background:var(--line);transition:all .2s}.app .ob-dots i.on{background:var(--blue);width:22px}.app .ob-card h2{font-size:22px;font-weight:900;letter-spacing:-.4px;margin-bottom:8px}.app .ob-card p.d{color:var(--ink-2);font-size:14.5px;line-height:1.6;max-width:38ch;margin:0 auto 22px}.app .ob-input{width:100%;max-width:320px;padding:14px 18px;font:inherit;font-weight:700;font-size:17px;text-align:center;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:14px;outline:none;margin-bottom:18px}.app .ob-input:focus{border-color:var(--blue)}.app .ob-skip{display:block;margin-top:14px;font-size:13px;font-weight:700;color:var(--ink-3);cursor:pointer}.app .nul-q{text-align:left}.app .nul-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:4px 11px;margin-bottom:12px}.app .nul-saved{font-size:12.5px;font-weight:750;color:var(--green);margin-top:12px;display:none}.app .ob-result-gauge{font-size:52px;font-weight:900;letter-spacing:-2px;margin:6px 0 2px;color:var(--orange)}.app .ob-seeds{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0 22px}.app .ob-seed{font-size:12px;font-weight:800;border-radius:999px;padding:6px 12px}.app .ob-seed.s{background:var(--green-tint);color:var(--green)}.app .ob-seed.m{background:var(--orange-tint);color:var(--orange)}.app .ob-seed.w{background:#fdecec;color:var(--red)}.app .pay-banner{display:flex;align-items:center;gap:18px;padding:18px 22px;margin-bottom:22px;border-radius:var(--r-lg);background:linear-gradient(115deg,var(--card),#fff4ec);border:1.5px dashed var(--orange)}.app.dark .pay-banner{background:linear-gradient(115deg,#1f1f1f,#2a2018)}.app .pay-banner .pb-em{font-size:30px}.app .pay-banner b{font-size:15px}.app .pay-banner small{display:block;font-size:12.5px;color:var(--ink-2);font-weight:650;margin-top:2px}.app .pay-banner .btn-primary{margin-left:auto;white-space:nowrap}.app .les-row.locked{opacity:.55}.app .les-row.locked .les-thumb:before{content:"🔒";position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(0,0,0,.35)}.app .gratis-badge{font-size:10px;font-weight:900;letter-spacing:.6px;background:var(--green);color:#fff;border-radius:999px;padding:3px 9px}.app .price-card{text-align:center;padding:30px 28px}.app .price-card .pr{font-size:44px;font-weight:900;letter-spacing:-1.5px}.app .price-card .pr small{font-size:15px;font-weight:800;color:var(--ink-3)}.app .price-feats{text-align:left;max-width:300px;margin:16px auto 20px;display:grid;grid-gap:9px;gap:9px;font-size:13.5px;font-weight:650}.app .price-feats span:before{content:"✓ ";color:var(--green);font-weight:900}.app .trust-row{display:flex;gap:16px;justify-content:center;margin-top:14px;font-size:12px;font-weight:750;color:var(--ink-3);flex-wrap:wrap}.app .tabbar{display:none}@media (max-width:1100px){.app .chapters,.app .decks,.app .hdecks,.app .qv-grid{grid-template-columns:repeat(2,1fr)}.app .brain-grid,.app .league-grid,.app .lessen-grid2,.app .lesson-grid,.app .set-grid{grid-template-columns:1fr}.app .ch-panel,.app .qmap{position:static}}@media (max-width:860px){.app main{padding:20px 16px 96px}.app h1.page{font-size:21px}.app .dash-head{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:18px}.app .hand-note{font-size:18px}.app .topbar{padding:10px 14px;gap:10px}.app .exam-chip .ec-label,.app .topnav{display:none}.app .exam-chip,.app .streak-chip{font-size:12px;padding:6px 10px}.app .top-right{margin-left:auto;gap:8px}.app .avatar{width:32px;height:32px;font-size:12px}.app .gear-btn{width:34px;height:34px}.app .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 6px calc(8px + env(safe-area-inset-bottom))}.app.dark .tabbar{background:hsla(0,0%,8%,.92)}.app .tabbar button{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11px;font-weight:800;color:var(--ink-3);border-radius:12px}.app .tabbar button .ti{font-size:19px;line-height:1}.app .tabbar button.on{color:var(--blue-ink);background:var(--blue-tint)}.app .chapters,.app .dash-grid,.app .decks,.app .exam-list,.app .hdecks,.app .mode-row,.app .qv-grid,.app .radar-card,.app .rev-grid,.app .stat-row,.app .structure-strip,.app .toets-grid{grid-template-columns:1fr}.app .radar-right{border-left:0;padding-left:0;border-top:1px dashed var(--line);padding-top:16px;margin-top:4px}.app .fout-hero,.app .hero,.app .oef-hero,.app .pexam{flex-direction:column;align-items:stretch;text-align:left}.app .hero-thumb{width:100%}.app .pexam-ring{align-self:center}.app .combo-box{align-self:flex-end}.app .attempt,.app .attempt-review{flex-wrap:wrap;gap:10px}.app .attempt .partmini,.app .attempt-review .partmini{width:100%;order:5}.app .lessen-grid2{grid-template-columns:1fr}.app .route-wrap{max-width:340px;margin:0 auto}.app .qdots{grid-template-columns:repeat(8,1fr)}.app .gevaar-answers{grid-template-columns:1fr;gap:10px}.app .g-btn{padding:14px 10px}.app .demo-shell,.app .exam-shell,.app .mm-wrap,.app .pr-wrap{padding-left:14px;padding-right:14px}.app .ladder{overflow-x:auto;padding-bottom:6px}.app .ah-grid{grid-template-columns:1fr;padding:24px 20px 20px;gap:20px}.app .ah-grid h2{font-size:24px}.app .ah-vs{gap:16px}.app .ah-ava,.app .ah-side .avatar{width:64px}.app .ah-side .avatar{height:64px;font-size:24px}.app .pion-ava{width:64px;height:64px;border-radius:16px}.app .ah-sign{width:30px;height:30px;font-size:11px;border-width:4px}.app .mode-tile{flex-wrap:wrap}.app .mt-side{margin-left:61px}.app .speed-sign{width:44px;height:44px;font-size:14px;border-width:5px}.app .vs-head{gap:16px}.app .vs-splash{gap:18px}.app .duel-tabs,.app .share-row{flex-wrap:wrap}.app .rev-top{gap:10px}.app .rev-filters{width:100%}.app .rev-filters button{flex:1 1}.app .badges{justify-content:center}.app .week-bars{height:36px}.app .toets-head{flex-wrap:wrap}}.app{min-height:100vh}.app .app-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:var(--card);font-weight:800;font-size:13.5px;padding:11px 20px;border-radius:999px;box-shadow:var(--shadow-2);z-index:80;animation:toast-in .25s ease-out}@keyframes toast-in{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.app .pion-btn{line-height:0;display:block;border-radius:10px;cursor:pointer}.app .bell-btn{position:relative;font-size:16px}.app .bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10.5px;font-weight:900;justify-content:center}.app .bell-badge,.app .fr-row{display:flex;align-items:center}.app .fr-row{gap:14px;padding:12px 14px;border-radius:var(--r-md)}.app .fr-row+.fr-row{border-top:1px dashed var(--line)}.app .fr-row .fr-pion{line-height:0;flex:none}.app .fr-row .fr-body{min-width:0;flex:1 1}.app .fr-row .fr-body b{display:block;font-size:14.5px}.app .fr-row .fr-body small{color:var(--ink-2);font-weight:650;font-size:12.5px}.app .fr-row .fr-actions{display:flex;gap:8px;flex:none}.app .fr-empty{text-align:center;padding:30px 20px;color:var(--ink-2);font-weight:700;font-size:13.5px}.app .fr-add{display:flex;gap:10px;flex-wrap:wrap}.app .fr-add input{flex:1 1 240px;padding:12px 16px;font:inherit;font-weight:600;font-size:14.5px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;outline:none}.app .fr-add input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}.app .fr-msg{margin-top:10px;font-weight:750;font-size:13px}.app .fr-msg.ok{color:var(--green)}.app .fr-msg.err{color:var(--red)}.app .notif-kind{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3)}.app .td-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-1);transform:none!important;border-radius:var(--r-lg)}.app .td-card h1{color:var(--ink)}.app .td-card .sub{color:var(--ink-2)}.app .td-btn{border:0;background:var(--blue);box-shadow:0 6px 16px rgba(37,99,235,.28);border-radius:12px}.app .td-btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(37,99,235,.32)}.app .td-ok{color:var(--green)}.app .td-error{color:var(--red);background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.35)}.app .pn-tabs button{border-color:var(--line)}.app .pn-tabs button.active{background:var(--ink);color:var(--card);border-color:var(--ink)}.app .pn-opt{border-color:var(--line);background:var(--paper)}.app .pn-opt.active{border-color:var(--ink);box-shadow:4px 4px 0 var(--blue)}.app .pn-swatch{border-color:var(--line)}.app .dash-hero{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:26px;gap:26px;padding:26px 28px;margin-bottom:18px;align-items:center;background:linear-gradient(115deg,var(--card),#f4f7ff)}.app.dark .dash-hero{background:linear-gradient(115deg,#1f1f1f,#1c2233)}.app .dash-hero h2{font-size:22px;font-weight:850;letter-spacing:-.4px;margin:6px 0}.app .dash-hero p{color:var(--ink-2);font-size:14px;line-height:1.55;margin-bottom:16px}.app .dh-cta{display:flex;gap:10px;flex-wrap:wrap}.app .exam-road{padding:18px 20px 14px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--paper)}.app .exam-road .er-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:800;color:var(--ink-2);margin-bottom:14px}.app .exam-road .er-head b{font-size:16px;color:var(--ink)}.app .er-track{position:relative;height:30px}.app .er-track .er-lane{position:absolute;left:0;right:0;top:50%;height:14px;transform:translateY(-50%);border-radius:999px;background:#3d434e;overflow:hidden}.app .er-track .er-lane:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,#e8e6df 0 10px,transparent 10px 20px);opacity:.6}.app .er-track .er-car{position:absolute;top:50%;transform:translateY(-52%) scaleX(-1);font-size:19px;transition:left .6s cubic-bezier(.3,1.3,.5,1);z-index:2}.app .er-track .er-flag{position:absolute;right:-2px;top:50%;transform:translateY(-58%);font-size:17px;z-index:2}.app .er-sub{margin-top:10px;font-size:12px;font-weight:700;color:var(--ink-3);text-align:center}.app .dash-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:18px}.app .dtile{padding:18px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:transform .14s,box-shadow .14s}.app .dtile:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.app .dtile b{display:block;font-size:15px;letter-spacing:-.2px}.app .dtile small{color:var(--ink-2);font-size:12.5px;font-weight:650;line-height:1.4;display:block;margin-top:2px}.app .dtile .go{margin-left:auto;color:var(--ink-3);font-weight:900}.app .dt-ring{position:relative;width:56px;height:56px;flex:none}.app .dt-ring svg{transform:rotate(-90deg);display:block}.app .dt-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}.app .dt-flame{font-size:30px;flex:none}.app .dt-pion{position:relative;flex:none;line-height:0}.app .dt-pion .ah-sign{right:-7px;bottom:-5px;width:26px;height:26px;font-size:10px;border-width:4px}@media (max-width:860px){.app .dash-hero,.app .dash-tiles{grid-template-columns:1fr}}.app .duel-stage{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:20px 20px 26px;color:#fff;background:#0b0e14;border:1px solid #262a34;box-shadow:var(--shadow-2)}.app .duel-stage:before{inset:0;background:radial-gradient(70% 90% at 12% -10%,rgba(37,99,235,.32),transparent 55%),radial-gradient(60% 80% at 92% -6%,rgba(249,115,22,.18),transparent 52%),radial-gradient(50% 60% at 50% 115%,rgba(122,162,247,.1),transparent 60%)}.app .duel-stage:after,.app .duel-stage:before{content:"";position:absolute;pointer-events:none}.app .duel-stage:after{left:0;right:0;top:0;height:64px;background-image:radial-gradient(hsla(0,0%,100%,.16) 1px,transparent 1.3px);background-size:13px 9px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);animation:dl-crowd 3.4s ease-in-out infinite}@keyframes dl-crowd{0%,to{opacity:.32}50%{opacity:.6}}.app .dl-board{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px;margin-bottom:16px}.app .dl-player{display:flex;align-items:center;gap:9px;min-width:0}.app .dl-player.them{flex-direction:row-reverse;text-align:right}.app .dl-player .ava{line-height:0;flex:none;border-radius:13px;overflow:hidden;box-shadow:0 0 0 3px hsla(0,0%,100%,.08),0 8px 22px rgba(0,0,0,.5)}.app .dl-player .ava .letter{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(135deg,#f97316,#fb5607)}.app .dl-player b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:hsla(0,0%,100%,.85)}.app .dl-player .sc{display:block;font-size:30px;font-weight:900;letter-spacing:-1.5px;line-height:1.05;background:linear-gradient(180deg,#fff 30%,#93c5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app .dl-player.them .sc{background:linear-gradient(180deg,#fff 30%,#fdba74);-webkit-background-clip:text;background-clip:text}.app .dl-timer{position:relative;width:48px;height:48px;flex:none}.app .dl-timer svg{transform:rotate(-90deg);display:block}.app .dl-timer b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900}.app .dl-timer.hot b{color:#fb923c;animation:pulse-bar .7s infinite}.app .dl-timer .ring-bg{stroke:hsla(0,0%,100%,.12)}.app .dl-timer .ring-val{stroke:#7aa2f7;transition:stroke-dashoffset 1s linear,stroke .3s;stroke-linecap:round}.app .dl-timer.hot .ring-val{stroke:#fb923c}.app .dl-comment{position:relative;z-index:1;text-align:center;font-size:13px;font-weight:750;color:hsla(0,0%,100%,.72);margin-bottom:16px;min-height:18px}.app .dl-qcard{position:relative;z-index:1;max-width:660px;margin:0 auto;padding:20px 22px;border-radius:18px;background:hsla(0,0%,100%,.055);border:1px solid hsla(0,0%,100%,.11);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 44px rgba(0,0,0,.45)}.app .dl-progress{display:flex;gap:4px;margin-bottom:14px}.app .dl-progress i{flex:1 1;height:4px;border-radius:999px;background:hsla(0,0%,100%,.13)}.app .dl-progress i.done{background:#7aa2f7}.app .dl-progress i.cur{background:#fff;animation:pulse-bar 1.2s infinite}.app .dl-qcard .dl-meta{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:hsla(0,0%,100%,.48);margin-bottom:10px}.app .dl-qcard h3{font-size:16.5px;font-weight:800;line-height:1.45;margin-bottom:14px;color:#fff}.app .dl-qcard>img{width:100%;border-radius:12px;margin-bottom:14px;border:1px solid hsla(0,0%,100%,.13);display:block}.app .dl-qcard .answer{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#fff}.app .dl-qcard .answer:hover{border-color:#7aa2f7;background:rgba(37,99,235,.2)}.app .dl-qcard .answer .key{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.18);color:hsla(0,0%,100%,.75)}.app .dl-qcard .answer.good{border-color:#4ade80;background:rgba(22,163,74,.24)}.app .dl-qcard .answer.bad{border-color:#f87171;background:rgba(220,38,38,.24)}.app .dl-qcard .feedback.ok{background:rgba(22,163,74,.15);color:#86efac;border-left-color:#4ade80}.app .dl-qcard .feedback.bad{background:rgba(220,38,38,.15);color:#fca5a5;border-left-color:#f87171}@media (max-width:860px){.app .duel-stage{padding:14px 12px 18px}.app .dl-player .sc{font-size:24px}.app .dl-player .ava,.app .dl-player .ava .letter{border-radius:11px}}.app .dl-wrap{margin:-14px auto -46px;max-width:900px}.app .dl-board{margin-bottom:6px;gap:10px}.app .dl-player .sc{font-size:20px}.app .dl-comment{margin-bottom:10px;font-size:12px;min-height:14px}.app .duel-stage{padding-top:12px}.app .dl-qcard{padding:12px 18px 14px}.app .dl-progress{margin-bottom:8px}.app .dl-qcard .dl-meta{margin-bottom:6px}.app .dl-qcard>img{max-height:38vh;width:auto;max-width:100%;margin:0 auto 12px;object-fit:contain}.app .dl-qcard{max-width:756px;container-type:inline-size;--dl-plate-h:min(440px,calc(100vh - 426px))}@supports (width:1cqw){.app .dl-qcard{--dl-plate-h:max(180px,min(calc(100cqw / 1.5),calc(100vh - 426px),600px))}}@supports (width:1cqw){@media (min-width:1180px){.app .dl-qcard{--dl-plate-h:max(180px,min(calc(100cqw / 1.5),calc(100vh - 386px),600px))}}}@supports (width:1cqw){.app .dl-qcard.has-buzz{--dl-plate-h:max(180px,min(calc(100cqw / 1.5),calc(100vh - 470px),600px))}}@supports (width:1cqw){@media (min-width:1180px){.app .dl-qcard.has-buzz{--dl-plate-h:max(180px,min(calc(100cqw / 1.5),calc(100vh - 430px),600px))}}}.app .dl-qcard .qs-scene{margin-bottom:10px}.app .dl-qcard h3{min-height:calc(2 * 1.45em)}.app .dl-qcard .qs-scene{height:var(--dl-plate-h);--qs-max-h:var(--dl-plate-h);align-items:center}.app .dl-qcard .qs-scene.empty{height:var(--dl-plate-h)}.app .dl-qcard h3{font-size:15px;margin-bottom:10px}.app .dl-qcard .answers{gap:8px}.app .dl-qcard .answer{padding:10px 14px;font-size:14px}.app .dl-qcard .answer .key{width:23px;height:23px;font-size:12px}.app .dl-qcard .feedback{margin-top:10px;padding:9px 14px;font-size:12.5px}@media (max-width:860px){.app .dl-wrap{margin:-4px 0 -70px}.app .dl-qcard>img{max-height:26vh}.app .dl-qcard{padding-left:12px;padding-right:12px}}@media (max-width:480px){.app .dl-wrap{margin-left:-8px;margin-right:-8px}.app .duel-stage{padding:10px 6px 16px;border-radius:16px}.app .dl-qcard{padding-left:8px;padding-right:8px}}.app:not(.dark) .duel-stage{background:linear-gradient(160deg,#fdfcf8,#eef2fb);border-color:#dcd9d0;color:var(--ink)}.app:not(.dark) .duel-stage:before{background:radial-gradient(70% 90% at 12% -10%,rgba(37,99,235,.12),transparent 55%),radial-gradient(60% 80% at 92% -6%,rgba(249,115,22,.1),transparent 52%)}.app:not(.dark) .duel-stage:after{background-image:radial-gradient(rgba(22,24,29,.2) 1px,transparent 1.3px)}.app:not(.dark) .dl-player b{color:var(--ink-2)}.app:not(.dark) .dl-player .sc{background:linear-gradient(180deg,var(--ink) 30%,var(--blue));-webkit-background-clip:text;background-clip:text}.app:not(.dark) .dl-player.them .sc{background:linear-gradient(180deg,var(--ink) 30%,var(--orange));-webkit-background-clip:text;background-clip:text}.app:not(.dark) .dl-player .ava{box-shadow:0 0 0 3px rgba(22,24,29,.08),var(--shadow-1)}.app:not(.dark) .dl-timer .ring-bg{stroke:#ddd9cd}.app:not(.dark) .dl-timer .ring-val{stroke:var(--blue)}.app:not(.dark) .dl-timer.hot .ring-val{stroke:var(--orange)}.app:not(.dark) .dl-timer b{color:var(--ink)}.app:not(.dark) .dl-comment{color:var(--ink-2)}.app:not(.dark) .dl-qcard{background:hsla(0,0%,100%,.78);border:1px solid #d9d6cb;box-shadow:0 10px 30px rgba(22,24,29,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app:not(.dark) .dl-qcard h3{color:var(--ink)}.app:not(.dark) .dl-qcard .dl-meta{color:var(--ink-3)}.app:not(.dark) .dl-progress i{background:#ddd9cd}.app:not(.dark) .dl-progress i.done{background:var(--blue)}.app:not(.dark) .dl-progress i.cur{background:var(--ink)}.app:not(.dark) .dl-qcard>img{border-color:#d9d6cb;box-shadow:0 4px 14px rgba(22,24,29,.08)}.app:not(.dark) .dl-qcard .answer{background:#fff;border-color:#d6d3c8;color:var(--ink);box-shadow:0 1px 2px rgba(22,24,29,.06),0 4px 12px rgba(22,24,29,.06)}.app:not(.dark) .dl-qcard .answer:hover{border-color:var(--blue);background:var(--blue-tint)}.app:not(.dark) .dl-qcard .answer .key{background:var(--paper);border-color:#d6d3c8;color:var(--ink-2)}.app:not(.dark) .dl-qcard .answer.good{border-color:var(--green);background:var(--green-tint)}.app:not(.dark) .dl-qcard .answer.bad{border-color:var(--red);background:#fdecec}.app:not(.dark) .dl-qcard .feedback.ok{background:var(--green-tint);color:#14532d;border-left-color:var(--green)}.app:not(.dark) .dl-qcard .feedback.bad{background:#fdecec;color:#7f1d1d;border-left-color:var(--red)}.app .dl-qcard:has(.answer:nth-child(3)) .answer{padding:8px 12px;font-size:13.5px}.app .dl-qcard:has(.answer:nth-child(3)) h3{margin-bottom:10px}.app .dl-qcard .answer.good{background:rgba(34,197,94,.32)!important;border-color:#4ade80!important;color:#eafff2!important;box-shadow:0 0 0 1px rgba(74,222,128,.3),0 8px 22px rgba(34,197,94,.28)!important}.app .dl-qcard .answer.bad{background:rgba(239,68,68,.3)!important;border-color:#f87171!important;color:#ffefef!important;box-shadow:0 0 0 1px hsla(0,91%,71%,.28),0 8px 22px rgba(220,38,38,.26)!important;animation:shake .3s}.app .dl-qcard .answer.good .key{background:rgba(74,222,128,.3)!important;border-color:transparent!important;color:#eafff2!important}.app .dl-qcard .answer.bad .key{background:hsla(0,91%,71%,.28)!important;border-color:transparent!important;color:#ffefef!important}.app:not(.dark) .dl-qcard .answer.good{background:#c5ebd4!important;border-color:#34b96b!important;color:#0f5132!important;box-shadow:0 1px 2px rgba(22,101,52,.1),0 7px 18px rgba(22,163,74,.2)!important}.app:not(.dark) .dl-qcard .answer.bad{background:#f6cfca!important;border-color:#e06c62!important;color:#7f1d1d!important;box-shadow:0 1px 2px rgba(153,27,27,.1),0 7px 18px rgba(220,38,38,.18)!important}.app:not(.dark) .dl-qcard .answer.good .key{background:#a9dfc0!important;color:#0f5132!important}.app:not(.dark) .dl-qcard .answer.bad .key{background:#eeb4ac!important;color:#7f1d1d!important}.app .dl-player .ava{border-radius:0;overflow:visible;box-shadow:none;filter:drop-shadow(0 5px 7px rgba(0,0,0,.38))}.app:not(.dark) .dl-player .ava{box-shadow:none;filter:drop-shadow(0 4px 6px rgba(22,24,29,.28))}.app .dl-player .ava .letter{border-radius:12px}.app .dl-clock{text-align:center;min-width:70px}.app .dl-clock b{display:block;font-size:20px;font-weight:900;letter-spacing:-.5px;line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app .dl-clock small{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:hsla(0,0%,100%,.42);margin-top:2px}.app:not(.dark) .dl-clock small{color:var(--ink-3)}.app .dl-clock.hot b{color:#fb923c;animation:pulse-bar .8s infinite}.app .dl-timebar{position:relative;z-index:1;height:6px;border-radius:999px;background:hsla(0,0%,100%,.12);overflow:hidden;margin-bottom:10px}.app:not(.dark) .dl-timebar{background:#ddd9cd}.app .dl-timebar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#7aa2f7);transition:width 1s linear}.app .dl-timebar.low i{background:linear-gradient(90deg,#dc2626,#fb923c)}.app .dl-qtimer,.app .dl-side{display:none}.app .dl-arena{position:relative;z-index:1}@media (min-width:1180px){.app .dl-wrap{--dl-w:min(1320px,calc(100vw - 80px));max-width:none;width:var(--dl-w);margin-left:calc((100% - var(--dl-w)) / 2);margin-right:calc((100% - var(--dl-w)) / 2)}.app .dl-board{display:none}.app .dl-arena{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,756px) minmax(150px,1fr);grid-template-areas:"time time time" "me card them";grid-column-gap:22px;column-gap:22px;align-items:start}.app .dl-arena>.dl-timebar{grid-area:time}.app .dl-arena>.dl-qcard{grid-area:card;width:100%}.app .dl-side.me{grid-area:me}.app .dl-side.them{grid-area:them}.app .dl-side{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-top:10px;padding:20px 12px 18px;border-radius:18px;background:hsla(0,0%,100%,.045);border:1px solid hsla(0,0%,100%,.1)}.app .dl-side-ava{line-height:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));margin-bottom:4px}.app .dl-side-ava .letter{width:78px;height:78px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:32px;color:#fff;background:linear-gradient(135deg,#f97316,#fb5607)}.app .dl-side-name{max-width:100%;font-size:14px;font-weight:800;color:hsla(0,0%,100%,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .dl-side-score{font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1;color:#fff}.app .dl-side.me .dl-side-score{background:linear-gradient(180deg,#fff 30%,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.app .dl-side.them .dl-side-score{background:linear-gradient(180deg,#fff 30%,#fdba74);-webkit-background-clip:text;background-clip:text;color:transparent}.app .dl-side-of{font-size:12px;font-weight:800;letter-spacing:.5px;color:hsla(0,0%,100%,.5)}.app .dl-qcard .dl-meta{align-items:center}.app .dl-qtimer{display:inline-flex;position:relative;width:28px;height:28px;flex:none;margin:-8px 0}.app .dl-qtimer svg{transform:rotate(-90deg);display:block}.app .dl-qtimer b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:900;letter-spacing:0;color:#fff}.app .dl-qtimer .ring-bg{stroke:hsla(0,0%,100%,.14)}.app .dl-qtimer .ring-val{stroke:#7aa2f7;transition:stroke-dashoffset 1s linear,stroke .3s;stroke-linecap:round}.app .dl-qtimer.hot .ring-val{stroke:#fb923c}.app .dl-qtimer.hot b{color:#fb923c}.app:not(.dark) .dl-side{background:hsla(0,0%,100%,.78);border-color:#d9d6cb;box-shadow:0 10px 30px rgba(22,24,29,.08)}.app:not(.dark) .dl-side-ava{filter:drop-shadow(0 5px 8px rgba(22,24,29,.25))}.app:not(.dark) .dl-side-name{color:var(--ink-2)}.app:not(.dark) .dl-side.me .dl-side-score{background:linear-gradient(180deg,var(--ink) 30%,var(--blue));-webkit-background-clip:text;background-clip:text}.app:not(.dark) .dl-side.them .dl-side-score{background:linear-gradient(180deg,var(--ink) 30%,var(--orange));-webkit-background-clip:text;background-clip:text}.app:not(.dark) .dl-side-of{color:var(--ink-3)}.app:not(.dark) .dl-qtimer .ring-bg{stroke:#ddd9cd}.app:not(.dark) .dl-qtimer .ring-val{stroke:var(--blue)}.app:not(.dark) .dl-qtimer.hot .ring-val{stroke:var(--orange)}.app:not(.dark) .dl-qtimer b{color:var(--ink)}.app:not(.dark) .dl-qtimer.hot b{color:var(--orange)}}.app .dl-celebrate{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.app .dl-celebrate i{position:absolute;top:-10%;font-style:normal;opacity:0;animation:dl-confetti 2.1s ease-in forwards}@keyframes dl-confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}80%{opacity:1}to{transform:translateY(560px) rotate(560deg);opacity:0}}.app .dl-buzzrow{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 10px}.app .buzzer{width:88px;height:88px;border-radius:999px;color:#fff;font-weight:900;font-size:12px;letter-spacing:1.5px;background:radial-gradient(circle at 35% 28%,#fca5a5 0,#ef4444 42%,#b91c1c 78%,#7f1d1d 100%);box-shadow:0 12px 26px rgba(220,38,38,.5),inset 0 -8px 14px rgba(0,0,0,.35),inset 0 5px 10px hsla(0,0%,100%,.3);animation:buzz-pulse 1.5s infinite;transition:transform .08s}.app .buzzer:active{transform:scale(.9)}@keyframes buzz-pulse{0%,to{outline:6px solid rgba(220,38,38,0);outline-offset:0}50%{outline:6px solid rgba(220,38,38,.25);outline-offset:6px}}.app .dl-buzzmsg{font-size:12.5px;font-weight:800;color:hsla(0,0%,100%,.75);text-align:center}.app:not(.dark) .dl-buzzmsg{color:var(--ink-2)}.app .dl-buzzmsg.chance,.app .dl-buzzmsg.lose,.app .dl-buzzmsg.none,.app .dl-buzzmsg.win,.app .dl-buzzmsg.wrong{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 18px;border-radius:999px;font-size:15px;font-weight:900;border:1.5px solid transparent}.app .dl-buzzmsg.wrong{background:rgba(220,38,38,.22);border-color:#f87171;color:#fee2e2;box-shadow:0 0 0 4px rgba(220,38,38,.12)}.app .dl-buzzmsg.chance{background:rgba(249,115,22,.22);border-color:#fb923c;color:#ffedd5;box-shadow:0 0 0 4px rgba(249,115,22,.14)}.app .dl-buzzmsg.win{background:rgba(22,163,74,.24);border-color:#4ade80;color:#dcfce7}.app .dl-buzzmsg.lose{background:rgba(220,38,38,.16);border-color:hsla(0,91%,71%,.8);color:#fecaca}.app .dl-buzzmsg.none{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.22);color:hsla(0,0%,100%,.85)}.app:not(.dark) .dl-buzzmsg.wrong{background:#fdecec;border-color:var(--red,#dc2626);color:#7f1d1d;box-shadow:0 0 0 4px rgba(220,38,38,.1)}.app:not(.dark) .dl-buzzmsg.chance{background:#fff4e5;border-color:var(--orange);color:#7c2d12;box-shadow:0 0 0 4px rgba(249,115,22,.12)}.app:not(.dark) .dl-buzzmsg.win{background:var(--green-tint);border-color:var(--green,#16a34a);color:#14532d}.app:not(.dark) .dl-buzzmsg.lose{background:#fdecec;border-color:#f3a5a5;color:#7f1d1d}.app:not(.dark) .dl-buzzmsg.none{background:var(--paper);border-color:var(--line);color:var(--ink-2)}@media (prefers-reduced-motion:no-preference){.app .dl-buzzmsg.wrong{animation:shake .35s ease-in-out 1}.app .dl-buzzmsg.chance,.app .dl-buzzmsg.win{animation:pop .28s cubic-bezier(.2,1.6,.4,1) 1}}.app .answers .answer.dim{opacity:.5;pointer-events:none}.app .btn-arena.buzz{background:linear-gradient(120deg,#b91c1c,#dc2626);box-shadow:0 8px 24px rgba(220,38,38,.45)}.app .btn-arena.buzz:hover{box-shadow:0 12px 30px rgba(220,38,38,.58)}.app{--bento-border:#e8e6df;--bento-shadow:rgba(22,24,29,.1)}.app.dark{--bento-border:#33312c;--bento-shadow:#2e2b25}.app .card{border:1px solid var(--bento-border);box-shadow:5px 5px 0 var(--bento-shadow);border-radius:22px}.app .td-card{border:1px solid var(--bento-border)!important;box-shadow:5px 5px 0 var(--bento-shadow)!important}.app .btn-primary{border:1px solid var(--bento-border);box-shadow:4px 4px 0 var(--bento-shadow);border-radius:14px}.app .btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bento-shadow)}.app .btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bento-shadow)}.app .btn-quiet{border:1px solid var(--bento-border);box-shadow:3px 3px 0 var(--bento-shadow);border-radius:14px}.app .btn-quiet:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--bento-shadow)}.app .btn-arena{border:1px solid var(--bento-border);box-shadow:5px 5px 0 var(--bento-shadow)}.app .btn-arena:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--bento-shadow)}.app .topnav{box-shadow:3px 3px 0 var(--bento-shadow)}.app .arena-hero,.app .topnav{border:1px solid var(--bento-border)}.app .arena-hero{box-shadow:6px 6px 0 var(--bento-shadow)}.app .tabbar{border-top:1px solid var(--bento-border)}.app .pn-opt,.app .pn-tabs button{border-width:1px;border-color:var(--bento-border)}.app .dash-hero,.app.dark .dash-hero{background:linear-gradient(135deg,#f97316,#fb5607);transform:rotate(-.4deg)}.app .dash-hero .crumb{color:rgba(22,24,29,.85)}.app .dash-hero h2{color:#16181d}.app .dash-hero p{color:rgba(22,24,29,.9);font-weight:600}.app .dash-hero .exam-road{background:var(--card);border-style:solid}.app .opp-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:18px}.app .opp-tile{position:relative;padding:18px;border-radius:22px;cursor:pointer;background:var(--card);border:1px solid var(--bento-border);box-shadow:5px 5px 0 var(--bento-shadow);transition:transform .12s,box-shadow .12s}.app .opp-tile:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--bento-shadow)}.app .opp-tile.primary{background:var(--blue)}.app .opp-tile.primary h3,.app .opp-tile.primary p{color:#fff}.app .opp-tile.primary p{color:hsla(0,0%,100%,.75)}.app .opp-tile .oe{font-size:26px}.app .opp-tile h3{font-size:16px;font-weight:900;margin:8px 0 2px;display:flex;align-items:center;gap:8px}.app .opp-tile p{font-size:12px;font-weight:650;color:var(--ink-2);line-height:1.45}.app .opp-badge{font-size:9px;font-weight:800;letter-spacing:.3px;border-radius:999px;padding:2.5px 8px;background:var(--blue-tint);color:var(--blue-ink)}.app .opp-tile.primary .opp-badge{background:hsla(0,0%,100%,.22);color:#fff}.app .opp-live{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:800;color:#16a34a}.app .opp-live i{width:7px;height:7px;border-radius:99px;background:#4ade80;animation:pulse-bar 1.4s infinite}.app .opp-tile.primary .opp-live{color:#bbf7d0}.app .chooser-veil{position:fixed;inset:0;background:rgba(10,12,18,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.app .chooser{width:min(420px,100%);background:var(--card);border-radius:22px;padding:22px;border:1px solid var(--bento-border);box-shadow:7px 7px 0 var(--bento-shadow);animation:pop .3s cubic-bezier(.2,1.6,.4,1)}.app .chooser h3{font-size:17px;font-weight:900;margin-bottom:2px}.app .chooser .sub2{font-size:12.5px;font-weight:650;margin-bottom:16px}.app .chooser .mode-opt{display:block;width:100%;text-align:left;border-radius:16px;padding:14px 16px;margin-bottom:10px;border:1px solid var(--bento-border);box-shadow:4px 4px 0 var(--bento-shadow);cursor:pointer;transition:transform .12s,box-shadow .12s}.app .chooser .mode-opt:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bento-shadow)}.app .chooser .mode-opt.sprint{background:var(--orange)}.app .chooser .mode-opt.buzzer{background:#16181d}.app.dark .chooser .mode-opt.buzzer{background:#0b0e14}.app .chooser .mode-opt b{display:block;color:#fff;font-size:15px;font-weight:900}.app .chooser .mode-opt small{color:hsla(0,0%,100%,.7);font-weight:650}.app .chooser .close{margin-top:4px;width:100%}.app .dag-count{font-size:20px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.5px}@media (max-width:860px){.app .opp-row{grid-template-columns:1fr}}.app .pn-stage svg{box-shadow:var(--shadow-2);border-radius:32px}.app .pn-tabs button{border:1px solid var(--line);background:var(--card);color:var(--ink-2)}.app .pn-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.app .pn-opt{background:var(--card);border:1px solid var(--line)}.app .pn-opt.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.18)}.app .pn-opt span{color:var(--ink-2)}.app .pn-swatch{border:1px solid var(--line)}.app .pn-lockmsg{color:var(--orange)}.app .pn-stage{margin:8px 0 20px}.app .pn-stage svg{animation:pn-idle 5s ease-in-out infinite}.app .pn-stage .pion-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:pn-blink 4.6s ease-in-out infinite}@keyframes pn-idle{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes pn-blink{0%,93%,to{transform:scaleY(1)}96.5%{transform:scaleY(.12)}}@media (prefers-reduced-motion:reduce){.app .pn-stage .pion-eyes,.app .pn-stage svg{animation:none}}.app .pn-tabs{gap:8px;margin-bottom:18px}.app .pn-grid{gap:12px}.app .pn-opt{gap:8px;padding:12px 6px 10px;border-radius:14px}.app .td-btn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(37,99,235,.25)}.app .chooser{box-shadow:10px 10px 0 rgba(0,0,0,.45);border:1.5px solid var(--line)}.app .chooser .sub2{font-size:13px;color:var(--ink-2)}.app .chooser .mode-opt small{color:hsla(0,0%,100%,.88);font-size:12px}.app.dark .chooser{background:#272b33;border-color:#3d434e}.app.dark .chooser .mode-opt.buzzer{background:#431418;border:1px solid #6b2026}.app .pn-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start;max-width:1040px;margin:0 auto}@media (max-width:860px){.app .pn-cols{grid-template-columns:1fr;max-width:520px}}.app .pn-cols .td-card{padding:32px 30px 30px}.app .pn-cols .td-card h1{margin-bottom:8px}.app .app-toast{background:#16181d;color:#fff;border:1px solid hsla(0,0%,100%,.18)}@media (max-width:860px){.app .fr-invite-cols{grid-template-columns:1fr!important}}.app .inv-sheet{width:min(520px,100%);max-height:min(86vh,720px);overflow-y:auto;background:#fff;isolation:isolate;border:1.5px solid var(--line);border-radius:22px;padding:20px 22px 18px;box-shadow:10px 10px 0 rgba(0,0,0,.45);animation:pop .3s cubic-bezier(.2,1.6,.4,1)}.app.dark .inv-sheet{background:#272b33;border-color:#3d434e}.app .inv-grab{display:none;width:44px;height:5px;border-radius:999px;background:var(--line);margin:0 auto 12px}.app .inv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.app .inv-head h3{font-size:17px;font-weight:900}.app .inv-modes{display:flex;gap:4px;background:var(--paper);border:1px solid var(--bento-border);border-radius:999px;padding:4px}.app.dark .inv-modes{background:#1c1f26}.app .inv-modes button{padding:7px 14px;border-radius:999px;font-weight:800;font-size:12.5px;color:var(--ink-2)}.app .inv-modes button.on{background:#141414;color:#fff}.app.dark .inv-modes button.on{background:#f2f0eb;color:#141414}.app .inv-tabs{display:flex;gap:8px;margin-bottom:14px}.app .inv-tabs button{flex:1 1;padding:11px 0;border-radius:14px;font-weight:850;font-size:13.5px;color:var(--ink-2);background:var(--card);border:1px solid var(--bento-border);box-shadow:3px 3px 0 var(--bento-shadow);transition:transform .12s,box-shadow .12s}.app .inv-tabs button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--bento-shadow)}.app .inv-tabs button.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:3px 3px 0 var(--bento-shadow)}.app.dark .inv-tabs button{background:#1c1f26}.app.dark .inv-tabs button.on{background:var(--blue)}.app .inv-favs{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 12px}.app .inv-fav{position:relative;flex:none;width:56px;text-align:center;cursor:pointer;background:none;border:0;padding:0;font:inherit}.app .inv-fav .inv-fav-pion{display:block;width:46px;height:46px;margin:0 auto 5px;line-height:0}.app .inv-fav small{display:block;font-size:12px;font-weight:750;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .inv-fav .inv-fav-wait{position:absolute;top:-4px;right:2px;font-size:13px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.app .inv-search{margin-bottom:10px}.app .inv-search input{width:100%;padding:11px 15px;font:inherit;font-weight:600;font-size:13.5px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;outline:none}.app .inv-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}.app.dark .inv-search input{background:#1c1f26}.app .inv-list{margin:0 -6px}.app .inv-list .fr-row{padding:10px 8px}.app .inv-star{flex:none;font-size:19px;line-height:1;padding:6px;cursor:pointer;color:var(--line);transition:color .12s,transform .12s}.app .inv-star:hover{transform:scale(1.15)}.app .inv-sent,.app .inv-star.on{color:var(--orange)}.app .inv-sent{flex:none;background:var(--orange-tint);font-weight:800;font-size:12px;border:1px solid transparent;border-radius:999px;padding:8px 13px;cursor:pointer}.app .inv-sent:hover{border-color:var(--orange)}.app .inv-ticket{position:relative;overflow:hidden;background:#14161c;color:#fff;border-radius:18px;border:1px solid #262a34;box-shadow:5px 5px 0 var(--bento-shadow);padding:18px 16px 14px}.app .inv-ticket:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 130% at 85% -20%,rgba(37,99,235,.4),transparent 55%)}.app .inv-ticket .tk-lab{position:relative;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:hsla(0,0%,100%,.5)}.app .inv-ticket h4{position:relative;font-size:16px;font-weight:900;margin:3px 0 10px}.app .inv-ticket .tk-url{position:relative;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.14);border-radius:10px;padding:9px 11px;color:hsla(0,0%,100%,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.app .inv-ticket .tk-actions{position:relative;display:flex;gap:8px;margin-top:12px}.app .inv-ticket .tk-actions a,.app .inv-ticket .tk-actions button{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:9px 0 7px;color:#fff;font-size:12px;font-weight:750;cursor:pointer;text-decoration:none;transition:background .12s}.app .inv-ticket .tk-actions a:hover,.app .inv-ticket .tk-actions button:hover{background:hsla(0,0%,100%,.12)}.app .inv-ticket .tk-actions i{font-style:normal;font-size:17px}.app .inv-ticket .tk-note{position:relative;font-size:12px;font-weight:650;color:hsla(0,0%,100%,.55);line-height:1.55;margin-top:12px}.app .inv-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.app .inv-foot-hint{font-size:12px;font-weight:700;color:var(--ink-3)}.app .inv-wait-pill{display:inline-flex;align-items:center;gap:8px;background:var(--orange-tint);color:var(--orange);font-size:12px;font-weight:800;border-radius:999px;padding:8px 14px}@media (max-width:860px){.app .chooser-veil.inv-veil{align-items:flex-end;padding:0}.app .inv-sheet{width:100%;max-height:88vh;border-radius:26px 26px 0 0;border-bottom:0;box-shadow:0 -12px 40px rgba(16,18,23,.35)}.app .inv-grab{display:block}}.app .fr-filters{display:flex;flex-direction:column;gap:6px;margin:12px 0 14px}.app .fr-filter-row{display:flex;gap:6px;flex-wrap:wrap}.app .fr-filter-row button{padding:6px 13px;border-radius:999px;font-weight:800;font-size:12.5px;border:1px solid var(--line);background:var(--paper);color:var(--ink-2);cursor:pointer}.app .fr-filter-row button.on{background:#141414;color:#fff;border-color:#141414}.app.dark .fr-filter-row button.on{background:#f2f0eb;color:#141414;border-color:#f2f0eb}.app .xp-pop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;animation:xp-pop-in .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes xp-pop-in{0%{opacity:0;transform:translateY(14px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.app .vs-prep{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0}.app .vs-prep .flag{font-size:44px;line-height:1;animation:vs-prep-pulse 1.1s ease-in-out infinite}@keyframes vs-prep-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:1}}.app .oefrun{max-width:560px;margin:0 auto}.app .or-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.app .or-x{width:34px;height:34px;flex:none;border-radius:11px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:800;color:var(--ink);cursor:pointer}.app .or-dots{flex:1 1;display:flex;align-items:center;gap:4px}.app .or-dots i{flex:1 1;height:6px;border-radius:4px;background:var(--line)}.app .or-dots i.ok{background:var(--green)}.app .or-dots i.x{background:var(--red)}.app .or-car{flex:none;font-size:14px;transform:scaleX(-1)}.app .or-revs{display:flex;align-items:flex-end;gap:2.5px}.app .or-revs i{width:4.5px;border-radius:2px;background:var(--line)}.app .or-revs i.on{background:var(--orange)}.app .or-revs b{font-size:12px;margin-left:5px;color:var(--ink-3)}.app .or-revs b.on{color:var(--orange)}.app .or-scene{position:relative;height:210px;border-radius:16px;overflow:hidden;background:#0b0e14;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.app .or-scene img{width:100%;height:100%;object-fit:cover}.app .or-scene-emoji{font-size:46px}.app .or-tag{position:absolute;left:12px;top:12px;background:rgba(11,14,20,.78);color:#fff;font-size:10.5px;font-weight:900;letter-spacing:1.2px;border-radius:7px;padding:3px 9px}.app .or-q{font-size:17px;font-weight:850;line-height:1.35;margin:0 0 12px;letter-spacing:-.2px}.app .or-ans{gap:12px;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:13px 15px;margin-bottom:9px;font:inherit;font-size:14.5px;font-weight:700;color:var(--ink);cursor:pointer}.app .or-ans,.app .or-ans .k{display:flex;align-items:center}.app .or-ans .k{width:26px;height:26px;flex:none;border-radius:9px;justify-content:center;font-size:12px;font-weight:900;background:rgba(37,99,235,.1);color:var(--blue)}.app .or-ans.good{border-color:var(--green);background:rgba(22,163,74,.08)}.app .or-ans.good .k{background:var(--green);color:#fff}.app .or-ans.bad{border-color:var(--red);background:rgba(220,38,38,.07)}.app .or-ans.bad .k{background:var(--red);color:#fff}.app .or-ans.dim{opacity:.5}.app .or-pit{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:15px;padding:13px 15px;margin:6px 0 14px}.app .or-pit.good{border-left-color:var(--green)}.app .or-pit .plabel{font-size:10.5px;font-weight:900;letter-spacing:1.6px;color:var(--orange)}.app .or-pit.good .plabel{color:var(--green)}.app .or-pit p{font-size:14px;font-weight:600;line-height:1.5;margin:5px 0 0;color:var(--ink)}.app .or-err{text-align:center;padding:40px 20px;color:var(--ink-2);display:flex;flex-direction:column;align-items:center;gap:10px}.app .btn-pedal{display:inline-block;text-align:center;background:#ea580c;color:#fff;border:0;border-radius:14px;padding:13px 22px;font:inherit;font-size:15px;font-weight:900;cursor:pointer}.app .oefrun .btn-pedal,.app .upm>.btn-pedal{display:block;width:100%}.app .btn-pedal:hover{background:#dc4f08}.app .oef-hero .btn-pedal{width:auto;display:inline-block}.app.dark .or-ans.good{background:rgba(22,163,74,.16)}.app.dark .or-ans.bad{background:rgba(220,38,38,.14)}.app.dark .or-ans .k{background:rgba(37,99,235,.22)}.app .lplayer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(11,14,20,.88);display:flex;align-items:center;justify-content:center;padding:16px}.app .lplayer{width:min(1440px,100%,calc((100vh - 130px) * 16 / 9));background:#0b0e14;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5)}@media (max-width:860px){.app .lplayer-backdrop{padding:6px}.app .lplayer{border-radius:14px}}.app .lplayer .lp-top{display:flex;align-items:center;gap:12px;padding:12px 14px}.app .lplayer .lp-close{width:32px;height:32px;border-radius:10px;border:0;background:#151b28;color:#fff;font-size:14px;font-weight:800;cursor:pointer}.app .lplayer .lp-crumb{font-size:12px;font-weight:800;color:hsla(0,0%,100%,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .lplayer .lp-music{margin-left:auto;flex:none;border:1px solid hsla(0,0%,100%,.18);background:transparent;color:hsla(0,0%,100%,.6);font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;cursor:pointer}.app .lplayer .lp-music.on{background:#151b28;color:#fff;border-color:transparent}.app .lplayer .lp-video{display:block;width:100%;aspect-ratio:16/9;background:#000}.app .lplayer .lp-err{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:hsla(0,0%,100%,.8);font-size:14px;font-weight:700;text-align:center;padding:20px}.app .lplayer .lp-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px 15px}.app .lplayer .lp-title{color:#fff;font-size:17px;font-weight:850;line-height:1.3}.app .upm-veil{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(11,14,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.app .upm{max-width:460px;width:100%;background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:24px;box-shadow:10px 10px 0 rgba(0,0,0,.45)}.app .upm-title{font-size:19px;font-weight:900;letter-spacing:-.3px;margin:0 0 5px}.app .upm-sub{font-size:13.5px;font-weight:650;color:var(--ink-2);line-height:1.5;margin:0 0 14px}.app .upm-feats{display:grid;grid-gap:8px;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:16px}.app .upm-feat{display:flex;gap:10px;align-items:center;font-size:13.5px;font-weight:750}.app .upm-plans{display:flex;gap:10px;margin-bottom:14px}.app .upm-plan{flex:1 1;position:relative;display:flex;flex-direction:column;gap:1px;text-align:left;padding:13px 14px;border-radius:14px;background:var(--card);border:1.5px solid var(--line);cursor:pointer;font-family:inherit;color:var(--ink)}.app .upm-plan.on{border-color:var(--blue);background:var(--blue-tint)}.app .upm-plan .pl{font-size:13.5px;font-weight:800}.app .upm-plan .pr{font-size:20px;font-weight:900}.app .upm-plan .pd{font-size:12px;font-weight:700;color:var(--ink-3)}.app .upm-badge{position:absolute;top:-10px;right:10px;background:var(--orange);color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.3px;padding:3px 9px;border-radius:999px}.app .upm-err{color:var(--red);font-weight:700;font-size:13px;margin-bottom:10px}.app .upm-note{margin-top:9px;text-align:center;font-size:12px;font-weight:700;color:var(--ink-3)}.app .upm.cm{max-width:380px;text-align:center}.app .cm-emoji{font-size:38px;line-height:1;margin-bottom:10px}.app .cm-row{display:flex;gap:10px;justify-content:center;margin-top:4px}.app .cm-row .btn-pedal,.app .cm-row .btn-quiet{width:auto;display:inline-block;min-width:120px}.app .btn-pedal.cm-danger{background:var(--red)}.app .upm-later{display:block;margin:12px auto 0;background:none;border:0;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--ink-3);text-decoration:underline}.app .btn-pedal:disabled{opacity:.6;cursor:default}@media (max-width:480px){.app .topbar{padding:10px;gap:8px}.app .logo{font-size:16px}.app .top-right{gap:5px}.app .gear-btn{width:30px;height:30px;font-size:13px}.app .gear-btn svg{width:16px;height:16px}.app .xp-badge{padding:3px 6px 3px 4px!important;gap:0!important}.app .xp-badge .xpb-text{display:none!important}}.app .ah-grid>*,.app .brain-grid>*,.app .chapters>*,.app .dash-grid>*,.app .decks>*,.app .exam-list>*,.app .hdecks>*,.app .league-grid>*,.app .lessen-grid2>*,.app .lesson-grid>*,.app .mode-row>*,.app .qv-grid>*,.app .radar-card>*,.app .rev-grid>*,.app .set-grid>*,.app .stat-row>*,.app .structure-strip>*,.app .toets-grid>*{min-width:0}.app .qs-scene{border-radius:16px;overflow:hidden;background:var(--stage,#0b0e14);margin:0 0 12px;display:flex;justify-content:center}.app .qs-frame,.app .qs-scene{position:relative;line-height:0}.app .qs-frame{width:100%;max-width:100%}.app .qs-frame.sized{box-shadow:0 0 0 1px rgba(0,0,0,.18),0 10px 30px rgba(0,0,0,.28)}.app .qs-frame img{width:100%;height:auto;max-height:var(--qs-max-h,min(68vh,600px));object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.app .qs-frame.sized img{height:100%;max-height:none}.app .qs-ambient{position:absolute;inset:-28px;width:calc(100% + 56px);height:calc(100% + 56px);object-fit:cover;filter:blur(28px) saturate(1.2);opacity:.9;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.app .qs-scene.empty{height:210px}.app .qs-frame-empty{display:flex;align-items:center;justify-content:center;width:100%}.app .qs-scene-emoji{font-size:46px;line-height:1}.app .qs-captions{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app .qs-cell{position:absolute;display:flex;justify-content:center}.app .qs-caption{margin-top:8px;padding:5px 12px;border-radius:8px;background:rgba(0,0,0,.75);color:#fff;font-size:16px;font-weight:800;line-height:1;box-shadow:0 0 0 1px hsla(0,0%,100%,.25)}.app .qs-caption.compact{font-size:10px;padding:3px 6px}.app .qs-scene.qs-drag{touch-action:none}.app .qs-target{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2.5px solid #fff;background:hsla(0,0%,100%,.12);color:#fff;font-size:14px;font-weight:900;line-height:1;box-shadow:0 0 0 1.5px rgba(0,0,0,.55),0 1px 6px rgba(0,0,0,.35);cursor:pointer;padding:0;transition:background .15s,transform .15s}.app .qs-target:hover{transform:scale(1.08)}.app .qs-target.on{background:var(--blue);border-color:#fff;cursor:-webkit-grab;cursor:grab}.app .qs-target.over{transform:scale(1.3);background:hsla(0,0%,100%,.45)}.app .qs-target.good{background:var(--green)}.app .qs-target.bad{background:var(--red)}.app .qs-target:disabled{cursor:default}.app .qs-chips{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}.app .qs-chip-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app .qs-chip{width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);background:var(--card);color:var(--ink);font-size:17px;font-weight:900;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0;box-shadow:none}.app .qs-chip.selected{background:var(--blue);border-color:var(--blue);color:#fff}.app .qs-chip.placed{opacity:.3;cursor:pointer}.app .qs-chip.dragging{opacity:.3}.qs-float{position:fixed;z-index:1000;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;box-sizing:border-box;border:2px solid #fff;background:#2563eb;color:#fff;font:900 15px/28px system-ui,-apple-system,Segoe UI,sans-serif;text-align:center;pointer-events:none;box-shadow:0 0 0 1.5px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.3)}.app .qs-reset{padding:6px 12px;font-size:12.5px}.app .qs-hint{font-size:12.5px;font-weight:650;color:var(--ink-3)}.app .qs-nr{font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--ink-3);margin:12px 0 4px}.app .qs-fill{display:flex;align-items:center;gap:10px;margin:6px 0 12px;flex-wrap:wrap}.app .qs-input{width:130px;font-size:18px;font-weight:800;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink)}.app .qs-input.good{border-color:var(--green)}.app .qs-input.bad{border-color:var(--red)}.app .qs-unit{font-weight:750}.app .qs-chips .btn-pedal,.app .qs-fill .btn-pedal{width:auto;display:inline-block}.app .qs-chips .btn-pedal{align-self:flex-start}.app .or-ans.sel{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.app .or-ans:disabled{cursor:default}.app .qs-scene .or-tag.qs-tag-bottom{top:auto;bottom:12px}.app .qs-scene .or-tag.qs-tag-right{left:auto;right:12px}.app .slim-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.app .slim-head .sub{max-width:56ch}.app .slim-demo{font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--orange);background:var(--orange-tint);border-radius:999px;padding:4px 10px}.app .slim-card{padding:20px 22px;margin-bottom:14px}.app .slim-card h3{font-size:19px;font-weight:850;letter-spacing:-.3px;margin:0 0 4px}.app .slim-card>.sub{margin:0 0 14px;max-width:64ch;line-height:1.5}.app .slim-kicker{font-size:11.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;display:block}.app .slim-card h3+.slim-kicker{margin:-1px 0 12px}.app .slim-after .slim-kicker{margin:0;display:inline}.app .slim-msg{font-size:14.5px;color:var(--ink-2);line-height:1.5;max-width:60ch}.app .slim-msg.err{color:var(--red);font-weight:700}.app .slim-engine{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink-2);font-size:14.5px;margin:0}.app .slim-engine i{width:10px;height:10px;border-radius:50%;background:var(--orange);animation:slim-blink .9s infinite alternate;flex:none}@keyframes slim-blink{0%{opacity:.25}to{opacity:1}}.app .slim-road{position:relative;padding:40px 26px 22px}.app .slim-track{position:relative;height:40px;border-radius:999px;background:#2b2f36;box-shadow:inset 0 2px 6px rgba(0,0,0,.45)}.app.dark .slim-track{background:#3a3f48}.app .slim-lane{position:absolute;left:16px;right:16px;top:50%;height:0;border-top:3px dashed hsla(0,0%,100%,.55);transform:translateY(-50%)}.app .slim-zone{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(249,115,22,.7) 0 7px,rgba(249,115,22,.28) 7px 14px)}.app .slim-flag{position:absolute;top:-24px;bottom:0;width:0;border-left:3px solid #fff;transform:translateX(-1.5px);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.app .slim-flag span{position:absolute;top:-8px;left:3px;font-size:24px;line-height:1}.app .slim-car{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.app .slim-car span{font-size:32px;line-height:1;transform:scaleX(-1);filter:drop-shadow(0 3px 4px rgba(0,0,0,.5));display:block}.app .slim-car b{position:absolute;top:-40px;background:var(--ink);color:#fff;font-size:13px;font-weight:900;padding:3px 9px;border-radius:999px;white-space:nowrap;line-height:1.2}.app.dark .slim-car b{color:#141414}.app .slim-car b:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--ink);border-bottom:0}.app .slim-road.cold .slim-car b{background:var(--ink-3)}.app .slim-ticks{position:relative;height:18px;margin-top:8px}.app .slim-ticks span{position:absolute;transform:translateX(-50%);font-size:11px;font-weight:800;color:var(--ink-3);white-space:nowrap}.app .slim-ticks span.fin{color:var(--ink);font-weight:900}.app .slim-stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:4px}.app .slim-stat b{display:block;font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1.05}.app .slim-stat b .of{font-size:16px;color:var(--ink-3);letter-spacing:0}.app .slim-stat small{display:block;font-size:11px;font-weight:800;color:var(--ink-3);letter-spacing:.6px;text-transform:uppercase;margin-top:3px}.app .slim-stat.win b{color:var(--orange)}.app .slim-stat.chance b{color:var(--blue)}.app .slim-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.app .slim-plan{margin-top:14px;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:750;background:var(--blue-tint);color:var(--blue-ink);border:1px solid transparent;cursor:help}.app .slim-plan.klaar{background:var(--green-tint);color:var(--green)}.app .slim-plan.aanpoten{background:var(--orange-tint);color:var(--orange)}.app .slim-plan.te_weinig_tijd{background:rgba(220,38,38,.1);color:var(--red)}.app .slim-plan.geen_datum{background:var(--paper);color:var(--ink-2);border-color:var(--line)}.app .slim-cta .btn-pedal{width:auto;display:inline-block}.app .slim-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.app .slim-flow span{padding:7px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:13px;font-weight:750;cursor:help}.app .slim-flow i{font-style:normal;color:var(--ink-3);font-weight:900}.app .slim-after{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:15px;font-weight:750;margin:2px 0 6px}.app .slim-after>span{display:inline-flex;align-items:center;gap:6px}.app .slim-delta{font-style:normal;font-size:12px;font-weight:900;border-radius:999px;padding:2px 8px}.app .slim-delta.up{color:var(--green);background:var(--green-tint)}.app .slim-delta.down{color:var(--red);background:rgba(220,38,38,.12)}.app .slim-delta.same{color:var(--ink-3);background:var(--paper)}.app .slim-lights{display:flex;flex-direction:column}.app .slim-light{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);cursor:help}.app .slim-light:last-child{border-bottom:0}.app .slim-light em{font-style:normal;font-size:18px;line-height:1;width:26px;text-align:center;flex:none}.app .slim-light b{flex:1 1;min-width:0;font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .slim-light .ride{font-size:11px;font-weight:900;color:var(--orange);background:var(--orange-tint);border-radius:999px;padding:2px 8px;white-space:nowrap}.app .slim-light .mv{font-size:12px;font-weight:900}.app .slim-light .mv.up{color:var(--green)}.app .slim-light .mv.down{color:var(--red)}.app .slim-light .pct{font-size:14.5px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.app .slim-light .st{font-size:12.5px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.app .slim-light .st.none{color:var(--ink-3)}.app .slim-light .st.red{color:var(--red)}.app .slim-light .st.orange{color:var(--orange)}.app .slim-light .st.green{color:var(--green)}.app .slim-stops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:4px 22px;gap:4px 22px}.app .slim-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:12px;font-weight:700;color:var(--ink-2)}.app .slim-legend span{white-space:nowrap}.app .slim-stop{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}.app .slim-stops.reveal .slim-stop{animation:slim-in .45s ease-out both}@keyframes slim-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}.app .slim-stop-n{width:30px;height:30px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex:none}.app .slim-stop.good .slim-stop-n{background:var(--green);border-color:var(--green);color:#fff}.app .slim-stop.bad .slim-stop-n{background:var(--red);border-color:var(--red);color:#fff}.app .slim-stop-t{min-width:0}.app .slim-stop-t b{display:block;font-size:14px;font-weight:800;line-height:1.3}.app .slim-stop-t small{display:block;font-size:12.5px;color:var(--ink-2);font-weight:600;line-height:1.45;margin-top:3px;display:flex;gap:6px;flex-wrap:wrap}.app .slim-chip{font-style:normal;font-size:12px;font-weight:800;border-radius:999px;padding:3px 9px;background:var(--paper);border:1px solid var(--line);cursor:help;white-space:nowrap}.app .slim-chip.deficit{color:var(--orange);background:var(--orange-tint);border-color:transparent}.app .slim-chip.unseen{color:var(--blue-ink);background:var(--blue-tint);border-color:transparent}.app .slim-chip.stale,.app .slim-chip.weight{color:var(--ink-2)}.app .slim-stop.ghost{animation:slim-blink 1.1s infinite alternate}.app .slim-stop.ghost .slim-stop-n{border-color:var(--line);color:var(--ink-3)}.app .slim-stop.ghost b{width:60%;height:12px;border-radius:6px;background:var(--line)}.app .slim-stop.ghost small{width:85%;height:10px;border-radius:5px;background:var(--line);margin-top:6px}@media (max-width:640px){.app .slim-steps{grid-template-columns:1fr}.app .slim-road{padding:40px 18px 22px}.app .slim-ticks span.fin em{display:none}}.app .slim-ticks span.fin em{font-style:normal}.app .ra-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--ink-3)}.app .ra-empty{text-align:center;padding:30px 20px;color:var(--ink-2);font-weight:700;font-size:13.5px}.app .ra-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:12px}.app .ra-stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 8px;text-align:center}.app .ra-stat b{display:block;font-size:20px;font-weight:900;line-height:1;color:var(--blue-ink,var(--blue))}.app .ra-stat.win b{color:var(--green,#16a34a)}.app .ra-stat.hot b{color:var(--orange)}.app .ra-stat small{display:block;margin-top:5px;font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--ink-3)}.app .ra-ribbon{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:11px 14px;margin-bottom:12px}.app .ra-lights{display:flex;gap:6px;flex-wrap:wrap}.app .ra-light{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:900;border:1px solid var(--line);color:var(--ink-3);background:var(--paper)}.app .ra-light.win{color:var(--green,#16a34a);border-color:rgba(22,163,74,.55);background:rgba(22,163,74,.14)}.app .ra-light.loss{color:var(--red,#dc2626);border-color:rgba(220,38,38,.5);background:rgba(220,38,38,.12)}.app .ra-light.newest{box-shadow:0 0 0 2px var(--ink)}.app .ra-filters{display:flex;gap:8px;margin-bottom:6px}.app .ra-filters button{flex:1 1;padding:9px 6px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font-size:12px;font-weight:800;cursor:pointer}.app .ra-filters button.on{background:var(--blue);border-color:var(--blue);color:#fff}.app .ra-filters button.w.on{background:var(--green,#16a34a);border-color:var(--green,#16a34a)}.app .ra-filters button.l.on{background:var(--red,#dc2626);border-color:var(--red,#dc2626)}.app .ra-group{margin-top:16px}.app .ra-item{display:grid;grid-template-columns:34px 1fr;grid-gap:10px;gap:10px}.app .ra-rail{display:flex;flex-direction:column;align-items:center}.app .ra-line{flex:1 1;width:2.5px;background:var(--line)}.app .ra-line.end{background:transparent}.app .ra-line.glow{background:var(--orange);opacity:.8}.app .ra-node{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;background:var(--card);border:1.6px solid var(--line);color:var(--ink-3)}.app .ra-node.win{color:var(--green,#16a34a);border-color:var(--green,#16a34a);box-shadow:0 0 8px rgba(22,163,74,.35)}.app .ra-node.loss{color:var(--red,#dc2626);border-color:var(--red,#dc2626);box-shadow:0 0 8px rgba(220,38,38,.3)}.app .ra-card{display:block;width:100%;text-align:left;margin:6px 0 10px;padding:12px 12px 10px;background:var(--card);border:1px solid var(--line);border-radius:16px;cursor:pointer;color:var(--ink);font:inherit}.app .ra-card:hover{border-color:var(--blue)}.app .ra-row{display:flex;align-items:center;gap:10px}.app .ra-who{flex:1 1;min-width:0}.app .ra-who b{display:block;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .ra-who small{display:block;margin-top:2px;font-size:11px;font-weight:700;color:var(--ink-3)}.app .ra-right{text-align:right}.app .ra-right small{display:block;margin-top:2px;font-size:10.5px;font-weight:800;color:var(--orange)}.app .ra-score{font-size:18px;font-weight:900;line-height:1}.app .ra-bigscore.win,.app .ra-score.win{color:var(--green,#16a34a)}.app .ra-bigscore.loss,.app .ra-score.loss{color:var(--red,#dc2626)}.app .ra-bigscore.draw,.app .ra-score.draw{color:var(--ink-2)}.app .ra-beats{display:flex;gap:3px;margin-top:10px}.app .ra-beat{flex:1 1;height:4px;border-radius:999px;background:var(--line)}.app .ra-beat.w{background:var(--green,#16a34a)}.app .ra-beat.l{background:var(--red,#dc2626)}.app .hub-races{display:block;margin:14px 0 16px;padding:14px 16px;color:var(--ink);text-decoration:none;cursor:pointer}.app .hub-races:hover{border-color:var(--blue)}.app .hub-races .hr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.app .hub-races .hr-link{font-size:12px;font-weight:800;color:var(--orange);text-decoration:none}.app .hub-races .hr-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.app .hub-races .hr-lights{display:flex;gap:6px}.app .hub-races .hr-empty{font-size:12.5px;font-weight:700;color:var(--ink-2);padding:4px 0}@media (max-width:860px){.app .ra-stat b{font-size:17px}}.app .kenteken{display:inline-flex;align-items:stretch;vertical-align:middle;border:2px solid #0b0e14;border-radius:6px;overflow:hidden;background:#f7c600;color:#0b0e14;line-height:1.15;box-shadow:0 1px 0 rgba(0,0,0,.25);white-space:nowrap}.app .kenteken .nl{display:flex;align-items:flex-end;background:#039;color:#fff;font-size:.55em;font-weight:800;padding:0 4px 2px;letter-spacing:.5px}.app .kenteken b{padding:1px 8px 0;font-weight:900;letter-spacing:1.5px}.app .kenteken.sm{font-size:12.5px;border-width:1.5px;border-radius:5px}.app .kenteken.md{font-size:16px}.app .kenteken.lg{font-size:26px;border-width:3px;border-radius:8px}.app .kenteken.lg b{padding:2px 12px 0;letter-spacing:2.5px}