:root{--ink:#16233a;--soft:#58677d;--blue:#2563c9;--line:#dfe6ee;--navy:#0b1f3f;--teal:#087f83}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}a{color:var(--blue);text-decoration:none}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:19px;font-weight:800;color:var(--ink)}.brand span{color:var(--blue)}main{max-width:1510px;margin:auto;padding:44px 4vw 20px}.intro{max-width:820px;margin-bottom:30px}.eyebrow,.section-label{font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--blue)}.eyebrow span{margin-left:18px;letter-spacing:.07em;background:#e7effb;padding:5px 9px;border-radius:4px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,4vw,55px);line-height:1.12;letter-spacing:-.035em;margin:20px 0}h1 em{color:var(--blue);font-weight:400}h2{font-size:18px;letter-spacing:-.02em;margin:5px 0 14px}h3{font-size:13px;margin:4px 0}.lede{font-weight:650;font-size:19px;margin:0}.intro>p:last-child{color:var(--soft);max-width:690px}.lab{display:grid;grid-template-columns:250px minmax(280px,1.05fr) minmax(320px,1fr);gap:18px;align-items:stretch}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0;box-shadow:0 3px 12px #14284c04}.controls label{display:block;font-size:12px;font-weight:650;margin:24px 0 9px}output,.unit{float:right;color:var(--soft);font-weight:400}.segmented{display:flex;gap:4px}.segmented button{flex:1;padding:9px 4px;font-size:12px;background:#f1f4f9;border:1px solid transparent;border-radius:6px;color:var(--soft);cursor:pointer}.segmented button.active{background:#e7effb;color:var(--blue);border-color:#9ab6e3;font-weight:750}button,select,input{font-family:inherit}select{border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px;color:var(--ink);max-width:100%;width:100%}input[type=range]{width:100%;accent-color:var(--blue)}.check{display:flex!important;gap:8px;align-items:center;font-weight:400!important}.check input{accent-color:var(--blue)}.reset{background:none;border:1px solid var(--line);border-radius:6px;padding:8px 14px;cursor:pointer;color:var(--soft);width:100%}.note{font-size:12px;color:var(--soft);line-height:1.65;background:#f5f7fb;padding:12px;border-radius:8px}.controls .note{margin-top:24px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.pill{font-size:9px;white-space:nowrap;color:var(--soft);background:#f1f4f8;padding:4px 7px;border-radius:20px}.brain-panel{padding:22px 18px 12px;display:flex;flex-direction:column}.brain-panel .panel-head{flex-wrap:wrap}.brain-wrap{background:#07101d;border-radius:10px;position:relative;margin-top:8px;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;min-height:380px}#brain{width:100%;height:auto;cursor:crosshair;display:block;image-rendering:pixelated}.orientation{position:absolute;color:#b8c6d9;font-size:11px;pointer-events:none}.top{top:8px;left:50%}.bottom{bottom:8px;left:50%}.left{left:10px;top:50%}.right{right:10px;top:50%}.image-badge{position:absolute;left:12px;top:10px;color:#b8c6d9;font:10px monospace}.brain-footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--soft);padding-top:12px}.cross{font-style:normal;color:var(--blue);font-size:16px}.glyph-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center}.glyph-pair canvas{width:100%;background:radial-gradient(ellipse,#f1f5fb,#fff 75%);touch-action:none;cursor:grab}.glyph-pair p{font-size:10px;color:var(--soft);margin:0}.glyph-hint{text-align:center;color:var(--soft);font-size:10px;margin:12px 0}.metric-row{display:flex;gap:30px;margin:16px 0}.metric-row span{display:block;color:var(--soft);font-size:10px}.metric-row strong{font-size:24px;font-weight:550;font-variant-numeric:tabular-nums}.chart-title{margin-top:20px}#decay,#angular{width:100%;display:block}.legend{display:flex;gap:16px;justify-content:center;font-size:10px}.blue{color:var(--blue)}.teal{color:var(--teal)}.muted{color:#9ca8b9}.sh-panel{grid-column:1/-1}.sh-panel>p{color:var(--soft);font-size:13px}.order-control{min-width:190px;font-size:11px}.order-control label{display:block;margin-bottom:4px}.sh-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.formula{font-family:Georgia,serif;font-size:22px;margin-bottom:22px}.band{display:grid;grid-template-columns:35px 1fr 60px;gap:12px;align-items:center;margin:12px 0;font-size:11px}.track{height:8px;background:#f0f3f8;border-radius:8px;overflow:hidden}.bar{height:100%;background:var(--blue)}.band.disabled{opacity:.3}.small{font-size:11px;color:var(--soft)}.methods{margin:26px 0;color:var(--soft);font-size:12px;max-width:1000px}.methods summary{cursor:pointer;color:var(--ink);font-weight:650}.methods p{line-height:1.8}footer{font-size:11px;color:var(--soft);padding:20px 0;border-top:1px solid var(--line)}:focus-visible{outline:3px solid #4895e8;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1400px){main{padding-left:30px;padding-right:30px}}@media(max-width:1100px){.lab{grid-template-columns:230px 1fr}.voxel-panel{grid-column:1/-1}.glyph-pair{max-width:460px;margin:auto}.voxel-panel #decay{max-width:650px;margin:auto}.metric-row{justify-content:center}.chart-title{text-align:center}}@media(max-width:650px){main{padding:28px 16px}.lab{display:flex;flex-direction:column}.controls{order:0}.brain-panel{order:1}.voxel-panel{order:2}.sh-panel{order:3}.controls label{margin-top:14px}.controls .note{margin-bottom:0}.brain-wrap{min-height:300px}.sh-layout{grid-template-columns:1fr;gap:15px}.panel-head{flex-wrap:wrap}.eyebrow span{display:inline-block;margin:8px 0}.eyebrow{max-width:270px}header{padding:0 16px}header>a:last-child{font-size:11px}.pill{font-size:10px}.panel{padding:18px}}

.normalize{position:absolute;right:12px;bottom:14px;z-index:2;border:1px solid #607b9e;border-radius:6px;padding:8px 10px;background:#152b46;color:#e8f1ff;font-size:11px;cursor:pointer}.normalize[aria-pressed=true]{background:#e7effb;color:#174b98}.normalize:disabled{opacity:.4;cursor:default}.formula img{width:100%;max-width:440px;height:auto}#angular{touch-action:none;cursor:grab;background:radial-gradient(ellipse,#f2f6fc,#fff 75%);border-radius:10px}

.glyph-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.glyph-pair h3{font-size:11px}.glyph-pair p{font-size:9px}@media(max-width:1100px){.glyph-pair{max-width:700px}}
