@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{color-scheme:dark;--mint:#a9e4c9;--line:#c4efda26}*{box-sizing:border-box}body{margin:0;background:#061b20;color:#e4eee8;font-family:Manrope,Arial,sans-serif;overflow:hidden}#world{position:fixed;inset:0;width:100%;height:100%;display:block}.grain{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 45%,transparent 15%,#020e16a6 100%)}header{position:fixed;top:37px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:29px;letter-spacing:8px;text-decoration:none;color:inherit}.brand span{display:block;font-size:8px;letter-spacing:2px;margin-top:7px;color:#a8bfb8}.live{font-size:9px;letter-spacing:2px;display:flex;gap:10px;align-items:center}.live span{margin-left:24px;color:#7f9c98}i{display:inline-block}.live i,.status i{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #98efce}main{position:fixed;left:5.4%;top:27%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:3px;color:#a7c6bb}h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(52px,5.5vw,91px);line-height:1.07;letter-spacing:-3px;margin:24px 0}h1 em{color:#a8d7c4;font-weight:500}main p{font-size:12px;color:#9bb6b0;line-height:1.9}.hint{font-size:10px;color:#96b4a9;margin-top:36px}.hint span{display:inline-flex;border:1px solid #9fceba44;border-radius:50%;width:29px;height:29px;align-items:center;justify-content:center;margin-right:10px}aside{position:fixed;right:3.4%;top:25%;width:222px;padding:23px;background:linear-gradient(135deg,#8ad1c30c,#071b2166);border:1px solid var(--line);border-radius:3px;backdrop-filter:blur(12px)}.spec-label{font-size:8px;letter-spacing:2px;color:#90b6a7;display:flex;justify-content:space-between}h2{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:22px 0 5px}.latin{font-size:8px;color:#7f9d96}.status{font-size:9px;margin:22px 0;display:flex;align-items:center;gap:9px;color:#b6d9c9}.metric{margin:18px 0}.metric label{font-size:7px;letter-spacing:1.3px;display:flex;justify-content:space-between;color:#88a79c}.metric b{font-weight:400;color:#bedacc}.metric>div{height:2px;background:#b3dece18;margin-top:10px}.metric i{width:76%;height:2px;display:block;background:#8abca7;transition:width 1s}.metric:last-of-type i{width:92%}.neural{margin:20px -6px 0}.neural canvas{width:100%;height:70px}.neural span{font-size:6px;letter-spacing:1px;color:#6d9c8b}.event{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:9px;line-height:1.8;color:#a6bfb4;min-height:48px}nav{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);display:flex;border:1px solid var(--line);background:#082329bd;backdrop-filter:blur(18px);border-radius:9px;padding:7px;gap:4px;white-space:nowrap}button{font-family:inherit;cursor:pointer;color:#bfd6cb;background:none;border:none}nav button{padding:14px 16px;border-radius:5px;font-size:10px;transition:background .2s}nav button:hover,nav button[aria-pressed=true]{background:#bbefdb19;color:#fff}nav button span{font-size:20px;vertical-align:middle;margin-right:9px;color:#a8d6bf}kbd{font-size:8px;border:1px solid #bad5c427;border-radius:3px;padding:2px 4px;margin-left:9px;color:#78988b}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}footer{position:fixed;bottom:27px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.5px;color:#6e968b}footer b{color:#b1cfc2;font-weight:400;margin-left:5px}footer button{font-size:9px;border-bottom:1px solid #7b9b8e;padding:5px}#fallback{position:fixed;top:45%;left:35%;max-width:320px;padding:24px;background:#0a3038;border:1px solid var(--mint)}@media(max-width:900px){header{top:24px;left:24px;right:24px}.live span{display:none}main{left:6%;top:17%}h1{font-size:54px}aside{right:20px;top:auto;bottom:170px;width:168px;padding:16px}.neural,.metric,.latin{display:none}h2{font-size:25px;margin:15px 0}.status{margin:12px 0;font-size:8px}.event{font-size:8px}nav{bottom:70px;max-width:95%;gap:0}nav button{font-size:9px;padding:9px}kbd{display:none}nav button span{display:block;margin:0 0 4px;font-size:19px}footer{left:24px;right:24px;bottom:20px}footer>span:nth-child(2){display:none}.hint{margin-top:18px}main p{font-size:10px}}@media(max-width:480px){h1{font-size:43px;letter-spacing:-1px}main{top:15%}aside{bottom:165px;width:145px;right:15px}.brand{font-size:23px}.brand span{font-size:6px}.live{font-size:7px;letter-spacing:1px}nav button{padding:10px 8px;font-size:8px}main .hint{font-size:8px;max-width:165px;line-height:1.8}main p{max-width:190px}}

@media(max-width:480px){main p,.hint{display:none}h1{font-size:37px}aside .event{display:none}aside{bottom:170px}aside h2{margin:10px 0}.status{margin-bottom:0}}
.head-actions{display:flex;gap:6px;align-items:center}.head-actions button{font-size:9px;padding:9px 12px;border:1px solid #b2dbc826;border-radius:5px;background:#071f2655}.head-actions button:hover{background:#badcc91a}.head-actions #record{color:#b6d7c3}.head-actions #record.recording{color:#ffd5ba;border-color:#dca988}aside{top:23%;width:242px}main{top:25%}h1{font-size:clamp(46px,5vw,82px)}.spec-label{font-size:7px;gap:10px}.spec-label #saved{font-size:5px;letter-spacing:.8px}.metric{margin:15px 0}.neural{margin-top:14px}.event{min-height:62px}.memory-line{display:flex;justify-content:space-between;font-size:8px;color:#7ca491;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.memory-line b{font-size:12px;color:#c3e5d1;margin-left:5px}#history{padding:12px 0 0;font-size:8px;color:#abcaba}#experiment{position:fixed;bottom:192px;left:5.4%;width:260px;background:#06242bd6;border:1px solid #b4ddbf44;border-radius:6px;padding:18px;backdrop-filter:blur(12px)}#experiment strong{display:block;font:22px Georgia,serif;margin:10px 0 15px}.trial-stats{display:flex;justify-content:space-between;font-size:7px;color:#8eb6a3}.trial-stats b{font-size:14px;color:#d2efdc;display:block;margin:4px 0}.trial-track{height:3px;background:#c8f5d81f;margin-top:12px}.trial-track i{display:block;width:0;height:3px;background:#b4dfaf;transition:width .4s}#experiment p{font-size:9px;color:#bdd6c7;line-height:1.5;min-height:27px;margin-bottom:0}button:disabled{opacity:.38;cursor:not-allowed}dialog{max-width:550px;width:calc(100% - 32px);max-height:80vh;overflow:auto;background:#0b252c;color:#deeee5;border:1px solid #b3d7bf55;border-radius:12px;padding:32px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#010e14b8;backdrop-filter:blur(8px)}dialog h2{font-size:32px}dialog p,dialog li{font-size:12px;line-height:1.8;color:#a9c4b7}dialog table{width:100%;font-size:11px;border-collapse:collapse}dialog td,dialog th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}dialog button.action{padding:10px 14px;background:#c8efd51a;border:1px solid var(--line);border-radius:4px;margin:8px 4px 0 0}.dialog-close{position:absolute;right:13px;top:8px;font-size:27px}#toast{position:fixed;top:96px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1.6;background:#193b3b;border:1px solid #caedd14d;padding:12px 20px;border-radius:6px;max-width:90%;z-index:10}.cinema main,.cinema aside,.cinema nav,.cinema #experiment,.cinema footer{opacity:0;pointer-events:none}.cinema header .head-actions button:not(#cinema):not(#record){display:none}.cinema .brand span{display:none}main,aside,nav,footer{transition:opacity .35s}.metric i{transition:width .3s}#fallback{z-index:20;left:50%;transform:translateX(-50%);top:35%;line-height:1.7}
@media(min-width:1100px){#experiment{bottom:190px}main{top:23%}body.has-experiment main h1{font-size:57px}body.has-experiment main p,.has-experiment .hint{display:none}body.has-experiment main{top:21%}nav{bottom:85px}aside{right:3.4%}}
@media(max-width:900px){header{align-items:flex-start}.head-actions{max-width:240px;justify-content:flex-end;flex-wrap:wrap}.head-actions button{font-size:8px;padding:8px}aside{top:auto;bottom:178px;width:180px}aside .memory-line{font-size:7px}aside .event{min-height:0}#experiment{left:24px;width:240px;bottom:220px}.has-experiment main{opacity:0}nav{bottom:70px}.has-experiment aside .event{display:none}.has-experiment aside{bottom:180px}.has-experiment #experiment{bottom:auto;top:135px}#experiment strong{font-size:20px}}
@media(max-width:480px){header{left:20px;right:20px;top:22px}.head-actions{width:166px;gap:4px}.head-actions button{font-size:7px;padding:6px}.head-actions #about{display:none}main{top:19%;left:6%}h1{font-size:35px}aside{width:151px;bottom:168px;padding:13px}aside .latin,aside .event,aside .metric,aside .neural{display:none}.memory-line{padding-top:8px;margin-top:10px}#history{font-size:7px;padding-top:8px}.spec-label #saved{display:none}nav{width:calc(100% - 24px);justify-content:space-around}nav button{font-size:7px;padding:10px 5px;white-space:normal;max-width:78px}nav button span{font-size:19px}footer{font-size:6px;left:20px;right:20px}#experiment{width:calc(100% - 40px);left:20px;padding:14px}.has-experiment #experiment{top:125px}.trial-stats{display:flex;gap:20px;justify-content:flex-start}.trial-stats b{display:inline;margin-left:7px}.trial-track{margin-top:10px}#experiment strong{margin:7px 0 11px;font-size:19px}#experiment p{margin:8px 0 0;min-height:0}#toast{top:94px;font-size:9px}dialog{padding:25px}dialog p,dialog li{font-size:11px}}
@media(max-height:620px) and (min-width:600px){header{top:16px}main{top:23%}h1{font-size:40px}main p,.hint{display:none}aside{top:95px;bottom:auto}.neural,.metric{display:none}.event{min-height:0}nav{bottom:48px}footer{bottom:9px}#experiment,.has-experiment #experiment{top:200px;bottom:auto}}

.neuro-link{color:#c7e9cf;font-size:9px;text-decoration:none;border:1px solid #b8d9be66;padding:9px 12px;border-radius:5px;background:#a6e5bd13}@media(max-width:480px){.neuro-link{font-size:7px;padding:6px}}