:root{color-scheme:dark;--bg:#061522;--panel:#0b2534;--panel2:#103244;--border:#245166;--text:#edfafa;--muted:#a3c3ce;--aqua:#39d6d2;--blue:#268dd8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -10%,#0d5563 0,transparent 46%),linear-gradient(135deg,#061522,#082334 75%);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.shell{max-width:1120px;margin:auto;padding:0 28px 30px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.brand{border:0;background:none;color:#f2ffff;font-size:36px;font-weight:850;letter-spacing:-2px}.brand span{color:var(--aqua)}.header-right{display:flex;gap:28px;align-items:center}.tag{font-size:11px;letter-spacing:2px;color:#a2cbd4}.language-control{display:flex;align-items:center;gap:8px;border:1px solid var(--border);padding:10px 13px;border-radius:12px;background:#102f3e}.language-control select{background:transparent;color:white;border:0;outline:0}.language-control option{color:#122b38}.hero{padding:55px 0 24px}.eyebrow{color:var(--aqua);font-size:12px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:8px;text-transform:uppercase}.hero h1,.panel h1{font-size:clamp(34px,5vw,60px);letter-spacing:-2px;margin:15px 0 10px;line-height:1.12}.hero>p,.panel>p{color:var(--muted);font-size:17px;margin:0 0 32px}.topic{display:grid;grid-template-columns:1.25fr 1fr;overflow:hidden;background:linear-gradient(115deg,#123b4c,#0d5063);border:1px solid #36778b;border-radius:28px;box-shadow:0 18px 60px #0005}.topic-copy{padding:38px}.pill{display:inline-block;color:#84f4e8;background:#1b666b;font-size:10px;letter-spacing:1px;font-weight:800;padding:8px 12px;border-radius:30px}.topic h2{font-size:34px;margin:18px 0 10px}.topic p{color:#c0dfe5;line-height:1.55}.meta{display:flex;gap:22px;color:#a8d8df;font-size:13px;margin:24px 0}.meta span{display:flex;align-items:center;gap:6px}.primary,.secondary{border-radius:13px;border:0;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:750}.primary{background:linear-gradient(110deg,#40ded0,#25a5e5);color:#042332;box-shadow:0 5px 25px #16c8d13d}.secondary{background:#183c4d;color:#d4f4f7;border:1px solid #326177}.feature-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#1bb6c359,transparent 58%)}.feature-art>span{font-size:125px;font-weight:900;color:#b7fffa;text-shadow:0 0 65px #20e8ec;transform:rotate(-8deg)}.orbit{position:absolute;border:2px solid #65dbec66;border-radius:50%;width:300px;height:300px;transform:rotate(30deg) scaleX(.75)}.orbit2{transform:rotate(-40deg) scaleX(.75)}.orb{position:absolute;top:12%;right:20%;color:#8dffff;font-size:52px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:34px 0 15px}.section-title h3{margin:0;font-size:23px}.section-title>span{color:#7eaab8;font-size:11px}.stack{display:grid;grid-gap:12px;gap:12px}.stack-card{width:100%;text-align:left;background:#0d2c3d;border:1px solid #275468;border-radius:18px;display:flex;align-items:center;gap:17px;color:white;padding:14px 18px}.stack-card>span:nth-child(2){display:flex;flex:1 1;flex-direction:column;gap:6px}.stack-card small{color:#a6c6d0}.stack-visual{font-size:36px;background:linear-gradient(145deg,#1d7388,#114458);border-radius:14px;width:65px;height:62px;display:grid;place-items:center}.categories{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.category{border:1px solid #2c5364;background:linear-gradient(145deg,#103447,#0a2736);border-radius:20px;min-height:142px;display:flex;align-items:flex-start;flex-direction:column;padding:19px;color:white;text-align:left;gap:9px;transition:transform .2s,border-color .2s}.category:hover,.stack-card:hover{border-color:#4ec6d2;transform:translateY(-2px)}.category-icon{font-size:32px;width:57px;height:57px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#246b81,#0d384c);filter:drop-shadow(0 8px 7px #0005);text-shadow:1px 3px 5px #0008}.c0{background:linear-gradient(145deg,#b18a3b,#574219)}.c1{background:linear-gradient(145deg,#b75c84,#4c224e)}.c2{background:linear-gradient(145deg,#7693af,#314967)}.c3{background:linear-gradient(145deg,#3197af,#1a446a)}.c4{background:linear-gradient(145deg,#509a74,#1c514a)}.c5{background:linear-gradient(145deg,#727dd7,#334074)}.category b{font-size:16px}.category small{color:#91b6c3}.panel{max-width:870px;margin:42px auto;padding:34px;background:linear-gradient(145deg,#0e2d3e,#0a2332);border:1px solid var(--border);border-radius:24px}.panel h2{font-size:27px;line-height:1.4}.panel .categories{margin:25px 0}.back,.icon-button,.share-mini,.text-link{border:0;background:transparent;color:#67dedf;display:inline-flex;gap:7px;align-items:center}.back{margin-bottom:25px}.progress-label{display:flex;justify-content:space-between;color:#a4c5cf;font-size:13px}.progress{height:7px;background:#1d4658;border-radius:20px;margin:12px 0 32px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#41e0c7,#2f9cdd)}.options{display:grid;grid-gap:12px;gap:12px;margin:28px 0}.option{border:1px solid #2d5a6d;background:#133749;color:white;border-radius:13px;padding:18px;text-align:left;display:flex;gap:13px;align-items:center}.option.selected{border-color:#4de8d6;background:#185264}.circle{border:2px solid #78a8b4;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.privacy{display:flex;align-items:center;gap:7px;color:#8fb7c3;font-size:12px;line-height:1.5}.notice{border:1px solid #347080;border-radius:12px;background:#174353;padding:15px;color:#bce1e6;font-size:13px;margin:20px 0}.score{font-size:90px;font-weight:900;color:#4bdfd6}.score span{font-size:44px;color:#91b8c4}.result{border-top:1px solid #315365;margin-top:28px;padding-top:24px}.result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.result h3{font-size:18px;line-height:1.4;margin:0 0 14px}.share-mini{white-space:nowrap;border:1px solid #3b7788;padding:9px;border-radius:10px;font-size:12px}.my-answer{color:#a8cad3;font-size:13px;margin-bottom:18px}.my-answer strong{color:white}.bar-item{margin:12px 0}.bar-label{display:flex;justify-content:space-between;gap:15px;color:#c5e2e7;font-size:13px;margin-bottom:7px}.bar{height:9px;background:#21495b;overflow:hidden}.bar,.bar>div{border-radius:20px}.bar>div{height:100%;background:#367b98}.bar>div.mine{background:linear-gradient(90deg,#36cbbd,#3aaee8)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.admin-bar,.admin-item{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.admin-item{padding:14px;border:1px solid #2b5363;border-radius:12px}.admin-item div{display:flex;flex-direction:column;gap:5px;flex:1 1}.admin-item small{color:#9fc5d0}.editor{border-top:1px solid #356071;margin-top:25px;padding-top:20px}.editor label{display:flex;flex-direction:column;gap:8px;margin:12px 0;color:#c8e9e9;font-size:13px}.editor input,.editor select{background:#082432;color:white;border:1px solid #326275;border-radius:9px;padding:12px;width:100%}.editor option{color:white}.question-editor{border:1px solid #2e5666;padding:14px;border-radius:12px;margin:10px 0}nav{display:flex;justify-content:center;gap:12px;position:-webkit-sticky;position:sticky;bottom:10px;z-index:5;background:#0b2633f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #2d5869;border-radius:19px;padding:10px;margin:45px auto 10px;width:max-content;max-width:100%}nav button{background:none;border:0;border-radius:11px;color:#a2bfca;padding:11px 19px;display:flex;align-items:center;gap:9px}nav button.active{background:#164e5b;color:#6aeee1}footer{display:flex;gap:15px;justify-content:center;color:#83a8b5;text-align:center;font-size:11px;padding:18px 0 25px}@media(max-width:700px){.shell{padding:0 15px}.tag{display:none}header{height:70px}.brand{font-size:29px}.hero{padding-top:32px}.topic{grid-template-columns:1fr}.topic-copy{padding:25px}.feature-art{min-height:170px;grid-row:1}.feature-art>span{font-size:75px}.orbit{width:160px;height:160px}.topic h2{font-size:28px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category{padding:13px;min-height:132px}.section-title>span{display:none}.panel{padding:20px;margin:24px auto}.result-top{flex-direction:column;gap:4px}.share-mini{margin-bottom:12px}nav{width:100%;justify-content:space-around;gap:0;padding:7px}nav button{flex-direction:column;gap:4px;font-size:11px;padding:8px 10px}.admin-bar{align-items:flex-start}.admin-item{flex-wrap:wrap}.hero h1,.panel h1{letter-spacing:-1px}.stack-card .pill{display:none}}@media(max-width:360px){.category b{font-size:13px}.language-control{padding:7px}.stack-visual{width:48px;height:48px;font-size:27px}}:root{--bg:#041823;--panel:#0a3040;--panel2:#104b5c;--border:#26778a;--aqua:#48ead8;--blue:#319fdf}body{background:radial-gradient(ellipse at 85% 5%,#0a687477,transparent 46%),radial-gradient(ellipse at 0 55%,#0c426444,transparent 40%),#041823}.shell{max-width:1200px}.hero{padding-top:46px}.hero h1{background:linear-gradient(110deg,#f8ffff 35%,#9deee8 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.topic{background:linear-gradient(115deg,#0c4454,#106478 65%,#064358);border-color:#3b97a2;box-shadow:0 24px 90px #00171fa6,inset 0 1px #ffffff20}.feature-art{background:radial-gradient(circle at 55% 48%,#23c6c85a,transparent 65%),linear-gradient(135deg,#0c6370,#072e4b)}.feature-art>span{text-shadow:0 8px 3px #043c55,0 0 75px #5dffff;filter:drop-shadow(12px 17px 6px #031e2b)}.stack-card{background:linear-gradient(110deg,#0d3c4b,#0b293c);border-color:#277a8b;box-shadow:0 9px 24px #00131b60}.category-icon,.stack-visual{color:#b8fff4;background:linear-gradient(145deg,#36b6b5,#0a5674 58%,#083348);border:1px solid #68e6db80;box-shadow:inset 0 2px 2px #ffffff5c,inset 0 -7px 10px #00263670,0 10px 15px #00121e88;transform:perspective(130px) rotateX(7deg)}.stack-visual .category-icon{width:54px;height:52px;border:0;background:transparent;box-shadow:none}.category{background:linear-gradient(145deg,#0d4051,#092a3d);border-color:#286e80;box-shadow:0 12px 28px #00172270}.category:hover{box-shadow:0 16px 35px #001b27a6,0 0 0 1px #51e6df55}.category-icon.c0{color:#ffe4a0;background:linear-gradient(145deg,#ad8547,#57482e)}.category-icon.c1{color:#ffe0e9;background:linear-gradient(145deg,#b96c8b,#663657)}.category-icon.c2{color:#e1f1ff;background:linear-gradient(145deg,#739fc2,#38577b)}.category-icon.c3{color:#baf8ff;background:linear-gradient(145deg,#2c9ac0,#1d517e)}.category-icon.c4{color:#d4ffe2;background:linear-gradient(145deg,#4ca88c,#1c6358)}.category-icon.c5{color:#e4e3ff;background:linear-gradient(145deg,#8b87d8,#3b4d88)}.brand sup{font-size:10px;letter-spacing:0;color:#6cdbd5;vertical-align:top;margin-left:8px}.panel{box-shadow:0 25px 65px #00141b77}.primary:hover{filter:brightness(1.1)}.category:focus-visible,.option:focus-visible,.primary:focus-visible,.secondary:focus-visible,.stack-card:focus-visible{outline:3px solid #a7fff5;outline-offset:3px}nav{box-shadow:0 14px 40px #0017239c}@media(max-width:700px){.shell{padding:0 15px}.topic-copy{padding:23px}.stack-card{padding:12px}.stack-visual{width:56px;height:56px}.category-icon{width:52px;height:52px}.hero h1{font-size:38px}.header-right{gap:8px}.language-control{padding:8px}.topic{border-radius:21px}}.selected-category{border-color:#5cf2df;box-shadow:0 0 0 2px #45e5d044;background:linear-gradient(145deg,#15576a,#0b3448)}.explore-panel .stack{margin:14px 0 26px}.explore-panel .section-title{margin-top:30px}.explore-panel .secondary{margin-top:8px}