:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:1px solid #373737;padding:11px 16px;border-radius:6px;cursor:pointer}button:hover{background:#000;border-color:#888}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}header{max-width:1240px;margin:auto;padding:27px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252525}.brand{color:white;text-decoration:none;font-size:20px;font-weight:bold;letter-spacing:2px}.brand span{font:10px monospace;color:#999;letter-spacing:1px;margin-left:16px}header button{border:0;font-size:12px}main{max-width:1164px;margin:auto;padding:0 24px}.intro{padding:60px 0 42px}.eyebrow{font:11px monospace;letter-spacing:1.7px;color:#aaa}h1{font-size:clamp(44px,6vw,72px);letter-spacing:-3px;line-height:1.03;margin:20px 0}h1 span{color:#8b8b8b}.intro p{color:#aaa;line-height:1.6}.workspace{display:grid;grid-template-columns:250px 1fr;border:1px solid #333;border-radius:12px;overflow:hidden}aside{padding:28px 22px;background:#000;border-right:1px solid #333}.modes{display:grid;gap:10px;margin:19px 0 32px}.modes button{text-align:left;font:11px monospace;padding:16px 12px;color:#999}.modes strong{font:14px Arial;margin-left:8px;color:white}.modes small{display:block;margin:9px 0 0 24px;font:11px Arial;color:#aaa}.selected{border-color:#ddd!important;background:#000!important;color:#fff!important}.levels{display:flex;gap:9px;margin-top:15px}.levels button{padding:10px 14px}.muted{color:#aaa;font-size:13px;line-height:1.6}.progress{border-top:1px solid #333;margin-top:32px;padding-top:24px}.progress>div:first-child{display:flex;justify-content:space-between;font-size:11px}.track{height:3px;background:#333;margin:16px 0}.track i{display:block;background:white;height:3px;transition:width .25s}.progress small{color:#888;font-size:10px}.subtle{border:0;padding:18px 0 0;color:#999;font-size:11px}.experiment{padding:30px 34px;min-height:560px}.card-top{display:flex;justify-content:space-between;align-items:center}.pill{border:1px solid #444;border-radius:30px;padding:6px 10px;font:10px monospace;color:#bbb}h2{font-size:28px;letter-spacing:-1px;margin:25px 0 20px}.rules{display:grid;gap:10px;line-height:1.6;font-size:15px}.rule{display:flex;gap:14px}.rule span{font:11px monospace;color:#888;padding-top:4px}.claim{border-left:2px solid white;padding:16px 20px;background:#000;margin:24px 0}.claim p{font-size:18px;line-height:1.5;margin:10px 0 0}#prompt{font-size:13px;color:#bbb;line-height:1.6}.choices{display:flex;gap:9px;flex-wrap:wrap}.choices button{flex:1;font-size:12px;min-width:130px}.world{display:grid;gap:8px}.fact{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border:1px solid #333;border-radius:6px;font-size:13px}.fact button{min-width:65px;padding:7px 12px;font:11px monospace}.fact button[aria-pressed=true]{background:white;color:black}.primary{background:#eee;color:#080808;border-color:white;font-weight:bold;font-size:12px}.primary:hover{background:#ccc;color:black}.actions{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.actions button:first-child{font-size:12px;border:0;padding-left:0;color:#aaa}#feedback:not(:empty){padding:18px;border:1px solid #666;border-radius:6px;margin-top:20px;line-height:1.6;font-size:13px}#feedback strong{display:block;font-size:15px;margin-bottom:5px}.checks{font:11px monospace;line-height:1.8;margin:15px 0;color:#bbb}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:35px 0 45px}.principles span{font:10px monospace;color:#888;letter-spacing:1px}.principles p{font-size:17px;margin:12px 0}.principles small{color:#999;font-size:12px;line-height:1.6}footer{border-top:1px solid #333;padding:24px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#888;font:9px monospace}footer button{border:0;font:10px monospace;padding:0}dialog{max-width:570px;background:#000;color:white;border:1px solid #666;border-radius:12px;padding:35px;line-height:1.7}dialog::backdrop{background:#000b}dialog h2{padding-right:30px}dialog p{font-size:14px;color:#bbb}#close{position:absolute;right:15px;top:15px;font-size:22px;border:0}button:disabled{cursor:default;opacity:.55}@media(max-width:720px){header{padding:22px}.brand span{display:none}.intro{padding-top:36px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #333;padding:20px}.modes{grid-template-columns:1fr 1fr;margin:15px 0 20px}.modes strong{font-size:12px}.progress{margin-top:20px;padding-top:15px}.experiment{padding:24px 20px}.principles{grid-template-columns:1fr;gap:22px}footer{flex-wrap:wrap}.choices{flex-direction:column}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

html,body,header,main,aside,.workspace,.experiment{background-color:#000!important;color:#fff}.intro h1{font-size:clamp(27px,4vw,43px);letter-spacing:-1.4px;font-weight:500}.portal-nav{display:flex;align-items:center;gap:20px;font-size:12px}.portal-nav a{color:white;text-decoration:none}.intro a{color:white}.selected{background:#000!important}input[type="radio"]{accent-color:#fff}

@media(max-width:720px){header{flex-wrap:wrap;gap:16px}.brand{white-space:nowrap}.portal-nav{width:100%;justify-content:space-between;gap:14px;flex-wrap:wrap}.portal-nav a,.portal-nav button{min-height:36px;display:inline-flex;align-items:center}.portal-nav button{padding-left:0}main{min-width:0}.experiment{min-width:0}.claim p{overflow-wrap:anywhere}}
