*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--link)}button{font:inherit}h1,h2,h3{text-wrap:balance}.mono{font-family:Geist Mono,ui-monospace,Menlo,monospace}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--bd);background:var(--card);color:var(--fg);font:inherit;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.btn:hover{background:var(--sub)}.btn.p{background:var(--acc);border-color:var(--acc);color:#fff}.btn.p:hover{background:var(--acch);border-color:var(--acch)}.btn.g{border-color:transparent;background:transparent;color:var(--mut)}.btn.g:hover{background:var(--sub);color:var(--fg)}.btn.d{background:var(--err);border-color:var(--err);color:#fff}.btn.warn{border-color:var(--warn);color:var(--warn);background:var(--warnbg)}.btn.s{min-height:34px;padding:0 12px;font-size:13px}.btn.ic{padding:0;width:36px;min-height:36px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn:focus-visible,.nav:focus-visible,.hist:focus-visible,.art:focus-visible,.opt:focus-visible,.in:focus-visible,.res:focus-visible,.q:focus-visible,.tab:focus-visible,.seg:focus-visible,.tc:focus-visible,.of:focus-visible{outline:2px solid var(--link);outline-offset:2px}.in{min-height:40px;border:1px solid var(--bd);border-radius:8px;background:var(--card);color:var(--fg);font:inherit;padding:0 12px}textarea.in{padding:10px 12px;resize:vertical;line-height:1.6}select.in{padding-right:28px}.sw{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:20px;border-radius:999px;background:var(--bd);position:relative;cursor:pointer;margin:0;transition:background .15s;flex:0 0 36px}.sw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.sw:checked{background:var(--acc)}.sw:checked:after{transform:translate(16px)}.sw:focus-visible{outline:2px solid var(--link);outline-offset:2px}input[type=checkbox]:not(.sw),input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 auto;width:18px;height:18px;margin:0;border:1.5px solid var(--mut);border-radius:5px;background:var(--card) center/12px 12px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}input[type=checkbox]:not(.sw):hover,input[type=radio]:hover{border-color:var(--link)}input[type=checkbox]:not(.sw):checked,input[type=radio]:checked{background-color:var(--acc);border-color:var(--acc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}input[type=checkbox]:not(.sw):focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--link);outline-offset:2px}input[type=checkbox]:not(.sw):disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}input[type=radio]{border-radius:50%}input[type=radio]:checked{background-image:none;background-color:var(--card);border-color:var(--acc);box-shadow:inset 0 0 0 4px var(--acc)}:root[data-theme=dark] input[type=radio]:checked{border-color:var(--link);box-shadow:inset 0 0 0 4px var(--link)}.card{background:var(--card);border:1px solid var(--bd);border-radius:14px}.lbl{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);margin:0 0 10px}.pill{font-size:12px;font-weight:500;border-radius:999px;padding:1px 10px;white-space:nowrap}.pill.ok{color:var(--ok);background:var(--okbg)}.pill.warn{color:var(--warn);background:var(--warnbg)}.pill.err{color:var(--err);background:var(--errbg)}.pill.acc{color:var(--link);background:var(--accsoft)}.pill.mut{color:var(--mut);background:var(--sub)}.art{font:inherit;font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--link);background:var(--accsoft);border:1px solid transparent;border-radius:6px;padding:1px 7px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:border-color .15s}.art:hover{border-color:var(--link)}.ph{font-family:Geist Mono,ui-monospace,Menlo,monospace;color:var(--warn);background:var(--warnbg);border-radius:4px;padding:0 6px;font-size:.85em}mark{background:var(--hl);color:inherit;border-radius:3px;padding:0 2px}.sep{height:1px;background:var(--bd);margin:0 4px}.segs{display:inline-flex;gap:2px;padding:3px;background:var(--sub);border-radius:10px;flex-wrap:wrap}.seg{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--mut);font:inherit;font-weight:500;cursor:pointer;transition:color .15s}.seg:hover{color:var(--fg)}.seg.on{background:var(--card);border-color:var(--bd);color:var(--fg);box-shadow:0 1px 2px #0000000f}.seg .mono{font-size:11.5px}.tab{font:inherit;font-size:13.5px;font-weight:500;color:var(--mut);background:transparent;border:0;border-bottom:2px solid transparent;padding:0 4px;min-height:40px;cursor:pointer;margin-right:16px;display:inline-flex;align-items:center;gap:6px}.tab:hover{color:var(--fg)}.tab.on{color:var(--fg);border-bottom-color:var(--acc)}.fl{font:inherit;font-size:13px;font-weight:500;color:var(--mut);background:transparent;border:1px solid var(--bd);border-radius:999px;padding:0 12px;min-height:34px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,color .15s}.fl:hover{color:var(--fg);border-color:var(--mut)}.fl.on{background:var(--acc);border-color:var(--acc);color:#fff}.tbl{border-collapse:collapse;width:100%;min-width:640px}.tbl th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:10px 16px;border-bottom:1px solid var(--bd);white-space:nowrap}.tbl td{padding:12px 16px;border-bottom:1px solid var(--bd);white-space:nowrap}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr.hover:hover{background:var(--sub)}.tbl tbody tr.on{background:var(--accsoft)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--bd);border-radius:10px;background:var(--card);padding:0 12px;min-height:40px;color:var(--mut)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--fg);font:inherit}.search:focus-within{border-color:var(--link)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite;transform-origin:center}@keyframes shim{0%{background-position:200% 0}to{background-position:-200% 0}}.sk{height:11px;border-radius:6px;background:linear-gradient(90deg,var(--sub) 25%,var(--bd) 50%,var(--sub) 75%);background-size:200% 100%;animation:shim 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.dot{animation:pulse 1.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.sk,.spin,.dot{animation:none}}.page-pad{width:100%;margin:0 auto;padding:32px 32px 56px;display:flex;flex-direction:column;gap:24px}.h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em}.muted{color:var(--mut)}.row-flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grow{flex:1}.empty{padding:40px 24px;text-align:center;color:var(--mut)}@keyframes mh-fadein{0%{opacity:0}to{opacity:1}}@keyframes mh-up{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@keyframes mh-pop{0%{transform:scale(.9) translateY(14px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){[style*=mh-]{animation:none!important}}.of{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:inherit;font:inherit;text-decoration:none;cursor:pointer;transition:border-color .15s}.of:hover{border-color:var(--link)}:root,:root[data-theme=light]{--bg: #FAFAF9;--card: #FFFFFF;--fg: #1C1917;--mut: #78716C;--acc: #312E81;--acch: #3730A3;--link: #312E81;--bar2: #A8A29E;--ok: #166534;--warn: #B45309;--err: #B91C1C;--bd: #E7E5E4;--sub: #F5F5F4;--accsoft: #EEEFFC;--okbg: #ECF6EF;--warnbg: #FBF1E4;--errbg: #FCEDED;--hl: #FDE9A8;--scrim: rgba(28, 25, 23, .45);color-scheme:light}:root[data-theme=dark]{--bg: #0C0A09;--card: #1C1917;--fg: #F5F5F4;--mut: #A8A29E;--acc: #312E81;--acch: #3730A3;--link: #A5B4FC;--bar2: #78716C;--ok: #4ADE80;--warn: #FBBF24;--err: #F87171;--bd: #2C2724;--sub: #26211F;--accsoft: #22204F;--okbg: #112A1A;--warnbg: #33230C;--errbg: #341616;--hl: #5B4A12;--scrim: rgba(0, 0, 0, .6);color-scheme:dark}.site{min-height:100vh;display:flex;flex-direction:column}.site-top{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--bd);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-top-in,.site-main{width:100%;max-width:1040px;margin:0 auto;padding:0 24px}.site-top-in.wide,.site-main.wide{max-width:1320px}.site-top-in{display:flex;align-items:center;gap:16px;min-height:60px}.site-main{flex:1;padding-top:32px;padding-bottom:56px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand b{font-weight:600;font-size:16px;letter-spacing:-.01em}.site-nav{display:flex;gap:4px;margin-left:12px}.tlink{padding:6px 12px;border-radius:8px;color:var(--mut);text-decoration:none;font-weight:500}.tlink:hover,.tlink.active{background:var(--sub);color:var(--fg)}.me{display:flex;align-items:center;gap:10px}.me .name{font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{border-radius:50%;background:var(--accsoft);color:var(--link);font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.hero{padding:56px 0 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.hero h1{margin:0;font-size:40px;line-height:1.1;letter-spacing:-.03em}.hero p{margin:0;max-width:560px;color:var(--mut);font-size:16px;line-height:1.6}.discord-btn{background:#5865f2;border-color:#5865f2;color:#fff;min-height:48px;padding:0 22px;font-size:15px}.discord-btn:hover{background:#4752c4;border-color:#4752c4}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.facts .fact{padding:14px 16px;border:1px solid var(--bd);border-radius:12px;background:var(--card)}.facts .fact span{display:block;font-size:12.5px;color:var(--mut)}.facts .fact b{font-family:Geist Mono,ui-monospace,Menlo,monospace;font-weight:500;font-size:18px}.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--bd);color:inherit;text-decoration:none;transition:background .15s}.row:first-child{border-top:0}.row:hover{background:var(--sub)}.exam{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start}@media (max-width: 860px){.exam{grid-template-columns:1fr}}.exam-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}.timer{padding:16px 18px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:flex;align-items:center;gap:12px}.timer b{font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:26px;font-weight:500;letter-spacing:-.02em}.timer.low{border-color:var(--err);background:var(--errbg);color:var(--err)}.qnav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.qnav button{font:inherit;font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:13px;min-height:36px;border-radius:8px;border:1px solid var(--bd);background:var(--card);color:var(--mut);cursor:pointer}.qnav button.done{background:var(--accsoft);color:var(--link);border-color:transparent}.qnav button.cur{border-color:var(--link);box-shadow:0 0 0 1px var(--link);color:var(--fg)}.question{padding:28px;display:flex;flex-direction:column;gap:18px;user-select:none;-webkit-user-select:none}.question h2{margin:0;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.01em}.choice{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;font:inherit;font-size:15px;line-height:1.5;padding:14px 16px;border-radius:12px;border:1px solid var(--bd);background:var(--card);color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s}.choice input{margin-top:2px;pointer-events:none}.choice:hover{border-color:var(--link)}.choice.on{border-color:var(--link);background:var(--accsoft)}.choice.right{border-color:var(--ok);background:var(--okbg)}.choice.wrong{border-color:var(--err);background:var(--errbg)}.choice:disabled{cursor:default}.result-hero{padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.result-hero .ring{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center}.result-hero h1{margin:0;font-size:30px;letter-spacing:-.02em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-weight:500;font-size:13.5px}.field small{color:var(--mut);font-size:12.5px}.field .in{width:100%}.section{padding:22px 24px;display:flex;flex-direction:column;gap:16px}.section h2{margin:0;font-size:16px;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--bd);background:var(--card);color:var(--fg);cursor:pointer}.chip.on{background:var(--accsoft);border-color:var(--link);color:var(--link)}.pick-list{max-height:240px;overflow-y:auto;border:1px solid var(--bd);border-radius:10px;padding:6px}.pick-list label{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer}.pick-list label:hover{background:var(--sub)}.radio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.radio-cards label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--bd);border-radius:10px;cursor:pointer;background:var(--card)}.radio-cards label.on{border-color:var(--link);box-shadow:0 0 0 1px var(--link);background:var(--accsoft)}.radio-cards label input{margin-top:2px}.timeline{display:flex;flex-direction:column}.timeline>div{display:flex;gap:14px;padding:8px 0;border-top:1px solid var(--bd)}.timeline>div:first-child{border-top:0}
