:root{--ground:#0c1840;--ground-2:#112157;--surface:#15275f;--raised:#1b3171;--line:#2e4588;--line-soft:#223a7a;--text:#f2f5fc;--muted:#b3c0df;--faint:#8596c2;--accent:#8fb6ff;--accent-strong:#bcd3ff;--setter:#2d5bd6;--setter-text:#ffffff;--lead:#243a7c;--good:#7fe0b0;--good-bg:rgba(127,224,176,.12);--warn:#ffc76b;--warn-bg:rgba(255,199,107,.12);--bad:#ff948f;--bad-bg:rgba(255,148,143,.12);--radius:10px;--display:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;--body:"Source Sans 3","Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{margin:0;background:var(--ground);color:var(--text);font:17px/1.6 var(--body);background-image:radial-gradient(1200px 600px at 80% -10%,#1d3a8f 0,transparent 60%),radial-gradient(900px 500px at -10% 30%,#13286a 0,transparent 55%)}a{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1280px;margin:0 auto;padding-inline:20px;grid-gap:40px;gap:40px}@media (max-width:920px){.shell{grid-template-columns:minmax(0,1fr);gap:0;padding-inline:16px}}.side{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);align-self:start;height:100vh;overflow:auto;padding-block:28px 40px}.brand img{width:150px;display:block}.brand .for{font:500 11px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-top:14px}.progress{margin:22px 0 18px}.progress .bar{height:6px;background:var(--line-soft);border-radius:99px;overflow:hidden}.progress .bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--good));transition:width .4s}.progress .lbl{font:500 12px/1.4 var(--mono);color:var(--muted);margin-top:8px}.toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.toc a{display:grid;grid-template-columns:26px 1fr 16px;align-items:center;grid-gap:8px;gap:8px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--muted);font:500 14.5px/1.3 var(--body)}.toc a.active,.toc a:hover{background:var(--surface);color:var(--text)}.toc .n{font:500 12px/1 var(--mono);color:var(--faint)}.toc .tick{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line)}.toc a.done .tick{background:var(--good);border-color:var(--good)}@media (max-width:920px){.side{position:static;height:auto;padding-block:20px 8px;overflow:visible}.brand{display:flex;align-items:center;gap:16px}.brand img{width:96px}.brand .for{margin:0}.toc{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:8px;scrollbar-width:thin}.toc a{grid-template-columns:auto auto;white-space:nowrap;border:1px solid var(--line-soft);padding:6px 10px}.toc .tick{display:none}}main{padding-block:28px 120px;min-width:0}.hero{padding:36px 0 30px;border-bottom:1px solid var(--line-soft);margin-bottom:12px}.eyebrow{font:500 12px/1 var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}h1{font:300 clamp(34px,5vw,54px)/1.05 var(--display);letter-spacing:.01em;margin:14px 0 18px;text-wrap:balance}h1 b{font-weight:500}.lede{font-size:19px;color:var(--muted);max-width:62ch;margin:0}.mission{margin-top:26px;display:grid;grid-template-columns:auto 1fr;grid-gap:16px;gap:16px;align-items:start;max-width:70ch;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(21,39,95,.6)}.mission .q{font:300 44px/.8 var(--display);color:var(--accent)}.mission p{margin:0;font-size:18px}.howto{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:14.5px;color:var(--muted)}.howto span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;vertical-align:1px}.howto .h1:before{background:var(--setter)}.howto .h2:before{background:var(--lead);border:1px solid var(--line)}.howto .h3:before{background:var(--good)}.howto .h4:before{background:var(--bad)}section.mod{padding:56px 0 20px;border-bottom:1px solid var(--line-soft)}.modhead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.modnum{font:500 13px/1 var(--mono);color:var(--accent);border:1px solid var(--line);border-radius:6px;padding:6px 8px}h2{font:400 clamp(26px,3.4vw,36px)/1.15 var(--display);margin:0;text-wrap:balance}.modintro{color:var(--muted);font-size:18px;max-width:64ch;margin:14px 0 26px}h3{font:500 21px/1.3 var(--display);margin:34px 0 10px;letter-spacing:.01em}h4{font:600 13px/1.3 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:22px 0 8px}p,ul.clean{max-width:68ch}ul.clean{padding-left:20px}ul.clean li{margin:6px 0}.lead-in{font-size:18px}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;margin:18px 0}.rule{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px 18px}.rule h5{margin:0 0 6px;font:500 16px/1.3 var(--display)}.rule p{margin:0;font-size:15.5px;color:var(--muted)}.callout{border-left:3px solid var(--accent);background:rgba(143,182,255,.07);padding:14px 18px;border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;max-width:74ch}.callout.good{border-color:var(--good);background:var(--good-bg)}.callout.warn{border-color:var(--warn);background:var(--warn-bg)}.callout.bad{border-color:var(--bad);background:var(--bad-bg)}.callout strong:first-child{display:block;font:600 13px/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.callout.good strong:first-child{color:var(--good)}.callout.warn strong:first-child{color:var(--warn)}.callout.bad strong:first-child{color:var(--bad)}.callout p{margin:4px 0}.dodont{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:16px 0}@media (max-width:640px){.dodont{grid-template-columns:1fr}}.dodont>div{border-radius:var(--radius);padding:14px 16px;border:1px solid var(--line-soft);background:var(--surface)}.dodont .no{border-top:3px solid var(--bad)}.dodont .yes{border-top:3px solid var(--good)}.dodont .lbl{font:600 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.dodont .no .lbl{color:var(--bad)}.dodont .yes .lbl{color:var(--good)}.dodont p{margin:0 0 8px;font-size:15.5px}.chat{background:var(--ground-2);border:1px solid var(--line-soft);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;margin:14px 0;max-width:720px}.msg{max-width:82%;padding:9px 13px;border-radius:16px;font-size:15.5px;line-height:1.45;white-space:pre-line}.msg.lead{background:var(--lead);align-self:flex-start;border-bottom-left-radius:4px}.msg.set{background:var(--setter);color:var(--setter-text);align-self:flex-end;border-bottom-right-radius:4px}.msg.set.flag{box-shadow:0 0 0 2px var(--bad)}.msg.set.star{box-shadow:0 0 0 2px var(--good)}.stamp{align-self:center;font:500 11px/1 var(--mono);color:var(--faint);padding:4px 0}.note{font-size:14px;line-height:1.45;padding:7px 11px;border-radius:8px;max-width:88%}.note.l{align-self:flex-start}.note.r{align-self:flex-end}.note.bad{background:var(--bad-bg);color:#ffd3d0;border:1px solid rgba(255,148,143,.35)}.note.good{background:var(--good-bg);color:#d4f7e6;border:1px solid rgba(127,224,176,.35)}.note.warn{background:var(--warn-bg);color:#ffe7bd;border:1px solid rgba(255,199,107,.35)}.note b{font-weight:700}.tpl{position:relative;background:var(--raised);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 14px 18px;margin:10px 0;max-width:720px;font-size:16px;white-space:pre-line}.tpl .tag{display:block;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;white-space:normal}.copy{position:absolute;top:10px;right:10px;background:transparent;border:1px solid var(--line);color:var(--muted);font:500 12px/1 var(--body);padding:6px 9px;border-radius:6px;cursor:pointer}.copy:hover{color:var(--text);border-color:var(--accent)}.obj{border:1px solid var(--line-soft);border-radius:var(--radius);margin:12px 0;background:var(--surface);max-width:760px}.obj summary{cursor:pointer;list-style:none;padding:14px 18px;font:500 17px/1.35 var(--display);display:flex;justify-content:space-between;gap:12px}.obj summary::-webkit-details-marker{display:none}.obj summary:after{content:"+";font:300 22px/1 var(--display);color:var(--accent)}.obj[open] summary:after{content:"\2212"}.obj .body{padding:0 18px 16px}.obj .body p{margin:6px 0;font-size:16px}.obj .body .k{font:600 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:12px;display:block}.flow{list-style:none;padding:0;margin:16px 0;counter-reset:f;display:flex;flex-direction:column;gap:0;max-width:760px}.flow li{position:relative;padding:0 0 18px 46px;counter-increment:f}.flow li:before{content:counter(f);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 var(--mono);background:var(--accent);color:var(--ground)}.flow.green li:before{background:var(--good)}.flow li:after{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:var(--line-soft)}.flow li:last-child:after{display:none}.flow b{display:block;font:500 17px/1.3 var(--display);margin-bottom:2px;padding-top:4px}.flow span{color:var(--muted);font-size:15.5px}.tracks{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin:18px 0}@media (max-width:760px){.tracks{grid-template-columns:1fr}}.track{border:1px solid var(--line);border-radius:14px;padding:18px 18px 4px;background:rgba(21,39,95,.7)}.track .t{font:600 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase}.track.a .t{color:var(--accent)}.track.b .t{color:var(--good)}.track h3{margin:8px 0 6px}.track>p{color:var(--muted);font-size:15.5px}.tablewrap{overflow-x:auto;margin:14px 0;max-width:760px}table{border-collapse:collapse;width:100%;font-size:15.5px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}th{font:600 12px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.lbl-chip,td code{font:500 13px/1 var(--mono);background:var(--raised);border:1px solid var(--line);border-radius:6px;padding:4px 7px;white-space:nowrap;color:var(--accent-strong)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}.chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);font:500 14px/1 var(--body);padding:8px 13px;border-radius:99px;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent);color:var(--ground);border-color:var(--accent)}.case{border:1px solid var(--line);border-radius:16px;background:rgba(17,33,87,.85);padding:22px 22px 10px;margin:22px 0}.case .ctype{display:inline-block;font:600 11.5px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;padding:6px 9px;border-radius:6px;background:var(--raised);color:var(--accent-strong);border:1px solid var(--line)}.case .ctype.t-warm{color:var(--good);border-color:rgba(127,224,176,.4)}.case .ctype.t-stug{color:var(--warn);border-color:rgba(255,199,107,.4)}.case .ctype.t-mis{color:var(--bad);border-color:rgba(255,148,143,.4)}.case h3{margin:12px 0 6px}.case .sit{color:var(--muted);margin:0 0 6px}.case .twocol{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:14px 0}@media (max-width:700px){.case .twocol{grid-template-columns:1fr}}.case .twocol>div{background:var(--surface);border-radius:var(--radius);padding:12px 14px;border:1px solid var(--line-soft)}.case .twocol h5{margin:0 0 6px;font:600 12px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase}.case .twocol .g h5{color:var(--good)}.case .twocol .b h5{color:var(--bad)}.case .twocol ul{margin:0;padding-left:18px;font-size:15.5px}.case .twocol li{margin:4px 0}.try{border:1px dashed var(--line);border-radius:var(--radius);margin:14px 0 16px;background:rgba(143,182,255,.05)}.try summary{cursor:pointer;list-style:none;padding:12px 16px;font:500 15.5px/1.3 var(--display);color:var(--accent-strong)}.try summary::-webkit-details-marker{display:none}.try summary:before{content:"Wat zou jij sturen? ";color:var(--muted);font-weight:400}.try[open] summary{border-bottom:1px dashed var(--line)}.try .body{padding:6px 16px 14px}.try textarea{width:100%;min-height:70px;background:var(--ground);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font:15px/1.45 var(--body);resize:vertical;margin:8px 0}.try .reveal{background:transparent;border:1px solid var(--accent);color:var(--accent-strong);font:500 14px/1 var(--body);padding:9px 13px;border-radius:8px;cursor:pointer}.try .model{margin-top:12px}.quiz{max-width:760px}.qq{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:18px 18px 14px;margin:16px 0}.qq .qn{font:500 12px/1 var(--mono);color:var(--faint)}.qq .qt{font:500 18px/1.4 var(--display);margin:6px 0 12px}.qq .opts{display:flex;flex-direction:column;gap:8px}.qq button.opt{text-align:left;background:var(--ground-2);border:1px solid var(--line);color:var(--text);font:16px/1.4 var(--body);padding:11px 14px;border-radius:10px;cursor:pointer}.qq button.opt:hover:not([disabled]){border-color:var(--accent)}.qq button.opt.right{border-color:var(--good);background:var(--good-bg)}.qq button.opt.wrong{border-color:var(--bad);background:var(--bad-bg)}.qq button.opt[disabled]{cursor:default}.qq .fb{margin-top:10px;font-size:15.5px;color:var(--muted)}.qq .fb b{color:var(--text)}.score{font:500 16px/1.4 var(--display);padding:14px 18px;border-radius:12px;background:var(--raised);border:1px solid var(--line);display:inline-block;margin-top:6px}.checklist{list-style:none;padding:0;max-width:760px;display:flex;flex-direction:column;gap:8px}.checklist label{display:grid;grid-template-columns:22px 1fr;grid-gap:12px;gap:12px;align-items:start;background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:11px 14px;cursor:pointer;font-size:16px}.checklist input{width:18px;height:18px;margin-top:3px;accent-color:#7fe0b0}.checklist input:checked+span{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.done-row{margin:28px 0 8px}.markdone{background:transparent;border:1px solid var(--line);color:var(--muted);font:500 15px/1 var(--body);padding:11px 16px;border-radius:10px;cursor:pointer}.markdone.on{background:var(--good);border-color:var(--good);color:var(--ground)}.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin:14px 0}.team div{background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px}.team b{display:block;font:500 16px/1.3 var(--display)}.team span{font-size:14.5px;color:var(--muted)}.ideal{border:1px solid rgba(127,224,176,.35);border-radius:var(--radius);margin:14px 0;background:rgba(127,224,176,.05)}.ideal summary{cursor:pointer;list-style:none;padding:12px 16px;font:500 15.5px/1.3 var(--display);color:var(--good)}.ideal summary::-webkit-details-marker{display:none}.ideal summary:after{content:"  +";color:var(--good)}.ideal[open] summary:after{content:"  \2212"}.ideal[open] summary{border-bottom:1px solid rgba(127,224,176,.25)}.ideal .body{padding:8px 16px 14px}.ideal-note{font-size:14.5px;color:var(--muted);margin:6px 0 4px}.namebox{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--radius);max-width:70ch}.namebox label{font:500 15px/1.3 var(--display)}.namebox input{flex:1 1 200px;min-width:0;background:var(--ground);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font:16px/1.3 var(--body)}.namebox small{flex-basis:100%;color:var(--faint);font-size:13.5px}.report{margin-top:30px;padding:22px;border:1px solid var(--accent);border-radius:16px;background:rgba(143,182,255,.07);max-width:760px}.report h3{margin-top:0}.report .actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.btn{background:var(--accent);color:var(--ground);border:0;font:600 15px/1 var(--body);padding:12px 16px;border-radius:10px;cursor:pointer}.btn.ghost{border:1px solid var(--accent)}.report textarea{width:100%;min-height:220px;background:var(--ground);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px;font:14px/1.5 var(--mono)}.side .tochk{display:block;margin-top:16px;text-align:center;text-decoration:none;font:600 14px/1 var(--body);padding:11px 12px;border-radius:10px;background:var(--accent);color:var(--ground)}@media (max-width:920px){.side .tochk{display:inline-block;margin-top:10px}}footer{padding:40px 0 0;color:var(--faint);font-size:14px}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--good);color:var(--ground);font:600 14px/1 var(--body);padding:11px 16px;border-radius:99px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(12,24,64,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.topbar .in{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:22px}.topbar img{height:34px;width:auto;display:block}.topbar nav{display:flex;gap:4px;flex-wrap:wrap}.topbar nav a{color:var(--muted);text-decoration:none;font:500 15px/1 var(--body);padding:9px 12px;border-radius:8px}.topbar nav a:hover,.topbar nav a[aria-current=page]{background:var(--surface);color:var(--text)}.topbar .who{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--faint);font-size:14px}@media (max-width:720px){.topbar .in{flex-wrap:wrap;gap:10px}.topbar .who{margin-left:0;width:100%;justify-content:space-between}}.wrap{max-width:1180px;margin:0 auto;padding:34px 20px 120px}@media (max-width:720px){.wrap{padding-inline:16px}}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.pagehead h1{font-size:clamp(30px,4vw,42px);margin:10px 0 4px}.pagehead p{margin:0;color:var(--muted)}.crumbs{font:500 13px/1 var(--mono)}.crumbs,.crumbs a{color:var(--faint)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--accent-strong)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:18px 20px}.card h2,.card h3{margin-top:0}.card.link{text-decoration:none;color:inherit;display:block;transition:border-color .15s,transform .15s}.card.link:hover{border-color:var(--accent);transform:translateY(-1px)}.card .k{font:500 12px/1 var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:.12em}.card .big{font:300 34px/1.1 var(--display);margin-top:8px}.section{margin-top:38px}.section>h2{font:400 24px/1.2 var(--display);margin:0 0 14px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:14px}.mono{font-family:var(--mono)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1 1}.pill{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--body);padding:5px 9px;border-radius:99px;background:var(--raised);color:var(--muted);white-space:nowrap}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.accent{background:rgba(143,182,255,.14);color:var(--accent-strong)}.minibar{height:6px;width:110px;background:var(--line-soft);border-radius:99px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.minibar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--good))}.data{width:100%;border-collapse:collapse;font-size:15px}.data th{font:600 12px/1.2 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--faint);background:transparent;border-bottom:1px solid var(--line)}.data td,.data th{padding:12px 10px;border-bottom:1px solid var(--line-soft);vertical-align:middle;text-align:left}.data tr:hover td{background:rgba(255,255,255,.02)}.data a{text-decoration:none;font-weight:600}.tablecard{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;overflow-x:auto}.tablecard .data td:first-child,.tablecard .data th:first-child{padding-left:18px}.form{display:grid;grid-gap:12px;gap:12px;max-width:520px}.form.inline{grid-template-columns:1fr 1fr auto auto;max-width:none;align-items:end}@media (max-width:820px){.form.inline{grid-template-columns:1fr}}.field{display:grid;grid-gap:6px;gap:6px}.field label{font:600 13px/1 var(--body);color:var(--muted)}input[type=email],input[type=password],input[type=text],select,textarea.input{width:100%;background:var(--ground-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:16px/1.4 var(--body)}textarea.input{min-height:140px;font:14px/1.5 var(--mono)}input:focus,select:focus,textarea.input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn[disabled]{opacity:.55;cursor:default}.btn.ghost{background:transparent;color:var(--accent-strong);border:1px solid var(--line)}.btn.danger{background:transparent;color:var(--bad);border:1px solid rgba(255,148,143,.4)}.btn.small{padding:8px 11px;font-size:13.5px}button.linklike{background:none;border:0;color:var(--accent-strong);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.notice{border-radius:12px;padding:12px 14px;margin:12px 0;font-size:15px;border:1px solid var(--line)}.notice.good{background:var(--good-bg);border-color:rgba(127,224,176,.35)}.notice.bad{background:var(--bad-bg);border-color:rgba(255,148,143,.35)}.notice.warn{background:var(--warn-bg);border-color:rgba(255,199,107,.35)}.copybox{display:flex;gap:8px;margin-top:8px}.copybox input{font:13px/1.3 var(--mono)}.authpage{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.authcard{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:30px 28px}.authcard img{width:130px;display:block;margin-bottom:18px}.authcard h1{font-size:32px;margin:0 0 6px}.authcard p{color:var(--muted);margin:0 0 20px}.authcard .form{max-width:none}.authcard .alt{margin-top:18px}.authcard .alt,.side .me{font-size:14px;color:var(--faint)}.side .me{margin-top:26px;padding-top:16px;border-top:1px solid var(--line-soft);display:grid;grid-gap:8px;gap:8px}.side .me a{color:var(--muted)}.saved{font:500 12px/1 var(--mono);color:var(--faint);margin-left:10px}.saved.ok{color:var(--good)}.previewbar{background:var(--warn-bg);border-bottom:1px solid rgba(255,199,107,.35);text-align:center;font-size:14px;padding:8px 12px}.previewbar,.previewbar a{color:var(--warn)}.finish{margin-top:30px;padding:22px;border:1px solid var(--good);border-radius:16px;background:var(--good-bg);max-width:760px}.finish h3{margin-top:0}.answer{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:10px}@media (max-width:820px){.answer{grid-template-columns:1fr}}.answer>div{background:var(--ground-2);border:1px solid var(--line-soft);border-radius:12px;padding:14px 16px;white-space:pre-wrap}.answer .lbl{display:block;font:600 11px/1 var(--body);text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:8px}.answer .lbl,.answer .model-ans{white-space:normal}.answer .model-ans .tpl{margin:0 0 8px}.answer .empty{color:var(--faint);font-style:italic}.exitem{border-bottom:1px solid var(--line-soft);padding:18px 0}.exitem h3{margin:0 0 4px;font-size:19px}.qitem{padding:12px 0;border-bottom:1px solid var(--line-soft)}.qitem .ans{margin-top:6px;font-size:15px}.modlist{list-style:none;padding:0;margin:0;display:grid;grid-gap:6px;gap:6px}.modlist li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px}@media (max-width:1000px){.editor-grid{grid-template-columns:1fr}}.preview{background:var(--ground);border:1px solid var(--line-soft);border-radius:14px;padding:6px 20px 20px;max-height:80vh;overflow:auto}textarea.code{min-height:60vh}html{background:var(--ground)}body{min-height:100vh;background-attachment:scroll}a.btn{text-decoration:none;display:inline-flex;align-items:center}