:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff3fa;font-synthesis:none;background:#170e1c;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#170e1c;min-height:100%;margin:0}body{overflow:hidden}button,select,input{font:inherit}#manual-transparency-app{background:radial-gradient(circle at 83% 17%,#ff8d6c2e,#0000 30rem),radial-gradient(circle at 12% 86%,#ca5de02b,#0000 31rem),#170e1c;min-height:100vh;position:relative;overflow:hidden}#manual-transparency-app:before{z-index:1;pointer-events:none;content:"";opacity:.16;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}#scene-shell,#scene-shell canvas{width:100%;height:100%;position:absolute;inset:0}.transparency-hud{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#1c0d1df2,#1c0d1db3);border:1px solid #ffeef826;border-radius:24px;width:min(730px,100vw - 40px);margin:30px 0 0 36px;padding:24px;position:relative;box-shadow:0 24px 80px #0000006b}.back-link{color:#c0a4c3;letter-spacing:.08em;text-transform:uppercase;font-size:12px;text-decoration:none}.back-link:hover{color:#ffb595}.eyebrow{color:#ffb595;letter-spacing:.18em;margin-top:22px;font-size:11px;font-weight:700}h1{letter-spacing:-.065em;max-width:680px;margin:10px 0 8px;font-size:clamp(40px,5.1vw,69px);line-height:.94}.intro{color:#ddc7d9;max-width:680px;margin:0;font-size:14px;line-height:1.55}.status-panel{background:#ffb5950f;border:1px solid #ffb59547;border-radius:15px;margin-top:20px;padding:12px 14px}.status-row{color:#fff0e8;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.status-row span:last-child{color:#ffb595;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.status-detail{color:#bba4b9;margin-top:4px;font-size:12px;line-height:1.4}.control-panel{gap:12px;margin-top:14px;display:grid}.control-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field,.check-field{color:#bba4b9;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:10px;display:grid}.check-field{background:#ffffff09;border:1px solid #ffeef81a;border-radius:10px;grid-template-columns:auto 1fr;align-content:end;align-items:center;padding:0 10px}select,button,input{color:#fff3fa;cursor:pointer;background:#1e101fd1;border:1px solid #ffeef829;border-radius:10px;outline:0;min-height:38px;padding:0 10px;font-size:12px}input[type=range]{accent-color:#ffb595;width:100%;padding:0}input[type=checkbox]{accent-color:#ffb595;min-height:auto}button{min-height:34px}button:hover,select:hover,input:hover{border-color:#ffb595bf}.button-row{flex-wrap:wrap;gap:7px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:7px;margin:0;display:grid}.metrics div{background:#ffffff09;border:1px solid #ffeef81a;border-radius:11px;min-width:0;padding:9px 10px}.metrics dt{color:#a58fa3;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.metrics dd{color:#fff4fa;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:13px;overflow:hidden}.contract-strip{color:#a58fa3;letter-spacing:.05em;text-transform:uppercase;border-top:1px solid #ffeef81a;justify-content:space-between;gap:12px;padding-top:10px;font-size:10px;line-height:1.4;display:flex}.contract-strip span:last-child{color:#ffb595;text-align:right}.error-panel{color:#ffd4d4;background:#ff6b6b17;border:1px solid #ff6b6b6b;border-radius:13px;gap:5px;margin-top:14px;padding:13px;font-size:12px;display:grid}.error-panel[hidden],.control-panel[hidden]{display:none}.hint,.source-note{color:#a58fa3;margin:15px 0 0;font-size:11px;line-height:1.45}.source-note a{color:#ffc2aa}.signature{z-index:2;color:#ffeef86b;letter-spacing:.17em;font-size:10px;position:absolute;bottom:25px;right:32px}@media (width<=820px){body{overflow:auto}#manual-transparency-app{min-height:1190px}.transparency-hud{width:calc(100vw - 28px);margin:14px;padding:19px}.signature{bottom:16px;right:18px}}@media (width<=520px){.metrics,.control-grid{grid-template-columns:1fr 1fr}h1{font-size:45px}.contract-strip{flex-direction:column;align-items:flex-start}.contract-strip span:last-child{text-align:left}}