*{box-sizing:border-box} :root{color-scheme:dark;--bg:#080e19;--panel:#101a29;--line:#26354a;--text:#e8f0f8;--muted:#a0b1c7;--mint:#81f7cc;--coral:#ff987f}body{margin:0;background:radial-gradient(ellipse at 60% 15%,#152334 0,transparent 52%),var(--bg);color:var(--text);font:15px/1.65 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #41516a;border-radius:9px;background:#162336;min-height:44px;padding:9px 16px;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--mint);background:#20384a}button:focus-visible,a:focus-visible{outline:3px solid #ffe19b;outline-offset:4px}button:disabled{opacity:.44;cursor:default}button[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}[hidden]{display:none!important}main,.masthead{max-width:1320px;margin:auto;padding:0 38px}.masthead{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.5px}.brand span:last-child{font-weight:400;color:var(--muted);margin-left:12px}.brand-mark{font-size:29px;color:var(--mint);vertical-align:middle;margin-right:10px}.edition,.eyebrow,.section-label{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:48px 0 22px}.eyebrow{margin:0 0 10px;color:var(--mint)}h1{font-size:clamp(36px,5vw,62px);letter-spacing:-2px;line-height:1.18;margin:12px 0 20px}h1>span{display:block;font-size:clamp(22px,3vw,35px);letter-spacing:0;margin-top:14px}.mint{color:var(--mint)}.coral{color:var(--coral)}.intro{color:var(--muted);margin-bottom:0}.hero-stamp{text-align:right;flex-shrink:0;border-left:1px solid var(--line);padding-left:28px}.hero-stamp strong{display:block;font:42px/1.3 ui-monospace,monospace;color:var(--mint)}.hero-stamp span,.hero-stamp small{display:block;color:var(--muted)}.hero-stamp small{margin-top:8px;font-size:11px}.provenance{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;margin:8px 0 30px}.dot{width:6px;height:6px;border-radius:50%;background:var(--mint);flex-shrink:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px}.steps span{border-top:2px solid var(--line);padding:12px 4px;color:#8d9cb0;font-size:12px}.steps b{margin-left:10px;font-weight:500}.steps .current{border-color:var(--mint);color:var(--mint)}.steps .done{border-color:#4b897a;color:#a4c6b9}.lab{border:1px solid #304257;border-radius:18px;overflow:hidden;background:linear-gradient(130deg,#132133,#0c1422);box-shadow:0 25px 80px #0003}.lab-heading{display:flex;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line)}h2{font-size:24px;margin:0 0 6px}.lab-heading p:last-child{margin:0;color:var(--muted)}.lab-tools{display:flex;gap:12px;align-items:center;flex-shrink:0}#tokens{font-size:12px;color:var(--mint)}.network{position:relative;display:grid;grid-template-columns:190px minmax(360px,1fr) 210px;gap:38px;padding:26px;min-height:390px}#circuit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.inputs,.node-area,.output{position:relative;z-index:1;min-width:0}.section-label{margin:0 0 19px;font-size:10px}.section-label span{float:right;letter-spacing:0}.inputs{display:flex;flex-direction:column}.input{text-align:left;padding:16px 13px;min-height:99px;background:#111e2df2;margin-bottom:30px}.input span,.input strong,.input small{display:block}.input span{font-size:10px;color:var(--muted);margin-bottom:6px}.input strong{font-size:17px}.input small{font-size:10px;color:var(--muted)}#input-note{font-size:11px;color:var(--muted);margin:0}.nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 24px}.node{height:59px;min-width:0;padding:3px;border-radius:12px;background:#132438ef;box-shadow:0 0 18px #81f7cc08;font:19px/1.4 ui-monospace,monospace;position:relative}.node small{display:block;font:9px/1.4 system-ui;color:var(--muted)}.node.revealed{font-size:11px}.node.silenced{border-style:dashed;color:#c0ccda;background:#101824;box-shadow:none}.node.accelerator{border-color:var(--mint);color:var(--mint)}.node.brake{border-color:var(--coral);color:var(--coral)}.node.hinted{outline:2px solid #ffe19b;outline-offset:3px}.node.absent{visibility:hidden}.rate{font:58px/1.1 ui-monospace,monospace;color:var(--mint);letter-spacing:-3px}.rate span{font-size:17px;color:var(--muted);letter-spacing:0;margin-left:5px}#song-label{font-size:11px;color:var(--muted);margin:8px 0 16px}.meter{height:4px;border-radius:3px;background:#2c3b50;overflow:hidden}#meter-fill{height:100%;width:0;background:var(--mint);transition:width .35s}#fly{width:100%;height:auto;max-height:170px;margin-top:5px}.fly-caption{text-align:center;font-size:11px;line-height:1.5;margin:0;color:#c4d1df}.fly-caption small{color:var(--muted);font-size:10px}.feedback{border-top:1px solid var(--line);background:#09132088;padding:15px 28px;min-height:58px;font-size:13px;color:#c8dcdf}.actions{display:flex;justify-content:space-between;gap:12px;padding:16px 28px}.actions>div{display:flex;gap:8px}.primary{background:var(--mint);color:#09231e;border-color:var(--mint);font-weight:700}.primary:hover:not(:disabled){color:var(--mint)}.secondary{font-size:12px;background:transparent}.reveal{margin:18px 28px 2px;padding:20px;border:1px solid #437568;border-radius:10px;background:#12322f66}.reveal h3{margin:0 0 8px;color:var(--mint);font-size:17px}.reveal p{margin:7px 0;color:#c1d4d7;font-size:13px}.comparison{margin:0 26px 18px;border:1px solid #8a7550;border-radius:10px;padding:16px;background:#312b2044}.comparison p{font-size:12px;color:#e7d4ad;margin:12px 0 0}.sex-buttons{display:flex;gap:10px}.control-help{font-size:11px;color:var(--muted);text-align:center;margin:16px 0 44px}.science{border-top:1px solid var(--line);padding-top:26px}.science-heading{display:flex;justify-content:space-between;align-items:center}.pill{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:5px 12px;color:var(--muted)}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.science-grid section{background:#101a27;border:1px solid #223246;border-radius:12px;padding:22px}.science h3{font-size:15px;color:#d4e6e6;margin:0 0 14px}.science p,.science li{font-size:12px;color:var(--muted)}.science strong{color:#dce9ee}.science strong.mint{color:var(--mint)}.science strong.coral{color:var(--coral)}.science ul{padding-left:17px}.science li{margin:6px 0}.science .caution{color:#e4c38a}table{width:100%;border-collapse:collapse;font-size:12px}caption{text-align:left;font-size:10px;color:var(--muted);margin-bottom:8px}td,th{border-bottom:1px solid var(--line);padding:6px;text-align:left}th{font-weight:500;color:var(--muted)}td{font-family:ui-monospace,monospace}.credits{font-size:11px;color:var(--muted);padding:24px 0;line-height:1.8}.page-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 35px;font-size:11px;color:var(--muted)}
@media(max-width:1050px){.network{grid-template-columns:160px minmax(280px,1fr) 150px;gap:22px;padding:20px}.nodes{gap:18px 12px}.rate{font-size:43px}.lab-tools{flex-direction:column;align-items:flex-end;gap:5px}.hero-stamp strong{font-size:32px}}
@media(max-width:760px){main,.masthead{padding-left:18px;padding-right:18px}.masthead{height:68px}.brand{font-size:12px}.brand span:last-child{margin-left:6px}.edition{display:none}.hero{padding-top:30px}.hero-stamp{display:none}.intro{font-size:13px}.provenance{font-size:10px;align-items:flex-start}.steps b{display:block;margin:3px 0 0;font-size:10px}.steps span{padding:8px 1px}.lab-heading{padding:18px;gap:8px}h2{font-size:20px}.lab-heading p:last-child{font-size:12px}.lab-tools button{font-size:11px;padding:5px 10px}.network{grid-template-columns:1fr;gap:22px;padding:18px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inputs .section-label{grid-column:1/-1;margin-bottom:0}.input{margin:0;min-height:95px;padding:10px}.input strong{font-size:15px}#input-note{grid-column:1/-1}.nodes{gap:14px 18px}.node{height:58px}.section-label{margin-bottom:12px}.output{display:grid;grid-template-columns:1fr 130px;grid-template-rows:auto auto auto auto;column-gap:12px}.output>.section-label{grid-column:1;margin:0}.rate{font-size:48px;grid-column:1}#song-label{grid-column:1;margin:3px 0 10px}.meter{grid-column:1}.output #fly{grid-column:2;grid-row:1/5;height:105px;margin:0}.fly-caption{grid-column:1/-1;margin-top:9px}.feedback{padding:14px 18px}.actions{padding:14px 18px;flex-wrap:wrap}.primary{font-size:12px}.reveal{margin:12px 18px;padding:15px}.comparison{margin:0 18px 15px}.science-grid{grid-template-columns:1fr}.science-grid section{padding:18px}.page-footer{flex-direction:column;gap:5px}.control-help{margin-bottom:30px}.science-heading .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}