@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d1017;--panel:#171b25;--card:#1c2230;--line:#303848;--text:#f0f2f7;--dim:#a2adbf;--mint:#80efd2;--orange:#ffbc87}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:16px/1.55 'DM Sans',system-ui,sans-serif;margin:0}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1380px,calc(100% - 48px));margin:0 auto}.mast{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.12em;font-size:14px}.brand span:not(.logo){color:var(--mint)}.logo{font-size:22px;color:var(--mint);margin-right:12px}.gh,.eyebrow,.operator-foot,.small,.meter-label,footer,.fine,.status,.textlink,figcaption small,.bigmetric>span{font-family:'DM Mono',monospace;font-size:11px}.gh{color:var(--dim)}.eyebrow{letter-spacing:.13em;color:var(--mint);font-weight:500}.hero{padding:77px 0 70px;max-width:820px}.hero h1{font-size:clamp(44px,7vw,84px);letter-spacing:-.065em;line-height:1.04;margin:14px 0 23px;font-weight:600}.hero h1 em{font-style:normal;color:var(--mint)}.hero>p{color:var(--dim);max-width:685px;font-size:18px}.operator{margin-top:30px;border-left:2px solid var(--mint);padding:8px 0 8px 23px;display:flex;flex-direction:column;gap:8px}.small{color:var(--dim);letter-spacing:.12em}.operator strong{font-family:'DM Mono',monospace;font-size:clamp(17px,2.4vw,25px);font-weight:400}.operator-foot{color:var(--dim);line-height:1.9}.workbench,.results{padding:32px;border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-bottom:28px}.topline{display:flex;align-items:start;justify-content:space-between;gap:20px}.topline h2{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:8px 0 28px}.live-pill{font:11px 'DM Mono',monospace;color:var(--dim);white-space:nowrap}.live-pill span{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:7px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:15px;padding:18px 0 24px;border-top:1px solid var(--line)}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:var(--dim);font:10px 'DM Mono',monospace;letter-spacing:.12em}.control-group label b{color:var(--mint)}select,input[type=range],button{accent-color:var(--mint)}select{width:100%;background:var(--card);border:1px solid var(--line);color:var(--text);padding:11px;border-radius:7px;font:13px 'DM Sans',sans-serif}input[type=range]{width:100%;margin:13px 0}button{padding:12px 16px;border-radius:7px;background:var(--mint);border:1px solid var(--mint);color:#061b17;font-weight:700;cursor:pointer;white-space:nowrap;font-size:13px}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:var(--text);border-color:var(--line)}button:hover:not(:disabled){filter:brightness(1.12)}.actions{justify-content:end;flex-direction:row;align-items:end}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.four figure{background:#11141c;margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.four canvas{width:100%;aspect-ratio:1;display:block;background:#060910;image-rendering:auto}.four figcaption{padding:13px}.four figcaption span{font-weight:600;font-size:14px;display:block}.four figcaption b{font:11px 'DM Mono',monospace;color:var(--mint);padding-right:6px}.four figcaption small{display:block;color:var(--dim);margin-top:4px;line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;margin-top:20px}.metrics>div{padding:20px}.metrics>div+div{border-left:1px solid var(--line)}.meter-label{display:block;color:var(--dim);letter-spacing:.06em}.metrics strong{display:block;font-size:32px;font-weight:500;margin:3px 0}.metrics small{display:block;color:var(--dim);font-size:11px}.status{background:#10241f;border:1px solid #245b4c;border-radius:7px;padding:12px 15px;color:#d2f4e7;line-height:1.7;margin:22px 0 9px}.fine{line-height:1.9;color:var(--dim)}.resultgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.bigmetric{background:var(--card);border-radius:10px;padding:25px;border:1px solid var(--line)}.bigmetric span{color:var(--dim);line-height:1.6}.metricpair{display:flex;align-items:baseline;gap:8px;margin-top:18px}.metricpair strong{font-size:52px;letter-spacing:-.06em;font-weight:500;line-height:1}.metricpair em{font-style:normal;color:var(--dim)}.bigmetric p{color:var(--dim);font-size:13px;line-height:1.7}.contrast{border-color:#4a644c}.contrast .metricpair strong{color:var(--orange)}.sheet{margin:28px 0 0}.sheet img{display:block;width:100%;max-width:880px;image-rendering:auto;border-radius:8px}.sheet figcaption{color:var(--dim);font-size:12px;margin-top:12px;max-width:880px}.lower{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:34px 0 80px}.panel{padding:33px;border:1px solid var(--line);border-radius:13px}.panel h2{font-size:31px;letter-spacing:-.045em;line-height:1.18}.panel p{color:var(--dim);max-width:470px}.panel button,.panel a{display:inline-block;margin-top:14px}footer{display:flex;justify-content:space-between;gap:15px;color:var(--dim);padding:34px 0 50px;border-top:1px solid var(--line)}@media(max-width:1000px){.controls{grid-template-columns:1fr 1fr}.actions{justify-content:start}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.resultgrid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.shell{width:min(100% - 26px,1380px)}.mast{height:67px}.hero{padding:50px 0}.workbench,.results{padding:15px}.controls{grid-template-columns:1fr}.actions{justify-content:stretch}.actions button{flex:1}.four{gap:8px}.four figcaption{padding:9px}.four figcaption span{font-size:12px}.four figcaption small{font-size:9px}.metrics{grid-template-columns:1fr}.metrics>div+div{border-left:0;border-top:1px solid var(--line)}.resultgrid,.lower{grid-template-columns:1fr}footer{flex-direction:column}.topline{flex-wrap:wrap}.live-pill{white-space:normal}}


/* Independently scored coded-mandala comparison. */
.coded-select{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 26px}
.coded-select label{font:11px 'DM Mono',monospace;letter-spacing:.06em;color:var(--dim)}
.coded-select select{max-width:290px}
.coded-select .fine{margin:0;font-size:11px}
.coded-chart{display:grid;gap:11px;padding:22px;border:1px solid var(--line);border-radius:10px;background:#11141c;margin-bottom:17px}
.coded-row{display:grid;grid-template-columns:minmax(145px,1.1fr) minmax(80px,2fr) 90px;align-items:center;gap:15px}
.coded-label{font-size:12px;color:var(--dim)}
.coded-value{text-align:right;font:12px 'DM Mono',monospace}
.coded-rail{border-radius:6px;height:15px;background:#303746;overflow:hidden}
.coded-fill{height:100%;background:#5d91a6;border-radius:6px;transition:width .2s ease}
.coded-fill.highlight{background:var(--mint)}
.coded-stats .metricpair strong{font-size:clamp(24px,3vw,39px)}
@media(max-width:640px){.coded-row{grid-template-columns:1fr 90px;gap:4px}.coded-label{grid-column:1/-1}.coded-rail{grid-column:1}.coded-value{grid-column:2}.coded-select{display:block}.coded-select select{margin:9px 0;max-width:100%}}