:root{font-family:Arial,PingFang SC,sans-serif;color:#eaf1f4;background:#071827;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#071827;background-image:radial-gradient(circle at 50% -30%,#154463 0,transparent 52%)}button,textarea{font:inherit}button{cursor:pointer}header{height:82px;border-bottom:1px solid #ffffff1d;padding:0 max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#071827d9;position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;letter-spacing:.08em;font-size:13px;line-height:1.05}.brand em{font-style:normal;color:#ffad3d}.signal{height:34px;display:flex;align-items:end;gap:3px}.signal i{width:4px;background:#ffad3d}.signal i:nth-child(1){height:9px}.signal i:nth-child(2){height:17px}.signal i:nth-child(3){height:25px}.signal i:nth-child(4){height:33px}.status{font:10px ui-monospace,monospace;letter-spacing:.12em;color:#86a3b3}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35d38b;box-shadow:0 0 9px #35d38b;margin-right:8px}.status span{margin-left:25px;color:#ffad3d}main{max-width:1120px;margin:auto;padding:68px 22px}.intro{max-width:790px}.eyebrow,.panel-head>div:first-child,.aside-title{display:flex;align-items:center;gap:12px;font:10px ui-monospace,monospace;letter-spacing:.17em;color:#7f9aab}.eyebrow span,.panel-head span,.aside-title span{display:grid;place-items:center;border:1px solid #ffad3d;color:#ffad3d;width:28px;height:24px}.intro h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:25px 0 19px;letter-spacing:-.05em}.intro h1 strong{font-weight:300;color:#ffad3d}.intro>p{color:#9db0bc;max-width:610px;line-height:1.8;font-size:15px}.console{margin:50px 0 28px;background:#0d2639;border:1px solid #244256;padding:24px;box-shadow:0 18px 55px #020b1399}.input-head{display:flex;justify-content:space-between;color:#8ba4b3;font:10px ui-monospace,monospace;letter-spacing:.16em;margin-bottom:12px}.entry{display:grid;grid-template-columns:1fr 72px;gap:10px}.entry textarea{resize:none;width:100%;background:#06131e;border:1px solid #416176;color:#f1f6f8;font:clamp(23px,4vw,38px) ui-monospace,monospace;letter-spacing:.13em;padding:18px;outline:none;text-transform:none}.entry textarea:focus{border-color:#ffad3d;box-shadow:inset 3px 0 #ffad3d}.entry button{border:1px solid #315065;background:#112c40;color:#708c9c;font-weight:700}.entry button span{display:block;font-size:9px;margin-top:4px}.entry button.enabled{color:#071827;background:#ffad3d;border-color:#ffad3d}.allowed{font:9px ui-monospace,monospace;letter-spacing:.1em;color:#587486;margin-top:11px}.allowed code{color:#8ea4b1}.allowed b{float:right;color:#ff7e5f}.result-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:28px}.result,aside{background:#0b2234;border:1px solid #203e52;padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #254356;padding-bottom:17px}.panel-head>div:first-child{gap:10px}.panel-head h2,.aside-title h2{font-size:12px;letter-spacing:.12em;color:#c6d4db;margin:0}.switch{display:flex;background:#061722;padding:3px}.switch button{border:0;background:transparent;color:#6d8898;padding:7px 12px;font-size:11px}.switch button.active{background:#28465a;color:#fff}.lines{list-style:none;padding:0;margin:0}.lines li{display:grid;grid-template-columns:54px 1fr 2fr 28px;align-items:center;min-height:53px;border-bottom:1px solid #1a3649}.letter{font:700 16px ui-monospace,monospace;color:#ffad3d}.dash{height:1px;background:#29495e;margin-right:20px}.lines strong{font-size:16px;letter-spacing:.04em}.lines small{font:9px ui-monospace,monospace;color:#526f81}.speech{font:20px/1.9 ui-monospace,monospace;color:#d5e1e7;padding:30px 5px;min-height:180px}.copy{width:100%;margin-top:18px;border:1px solid #ffad3d;background:#ffad3d;color:#0a1a25;padding:15px;font-weight:700;letter-spacing:.05em}.copy span{margin-right:9px;font-size:18px}.aside-title{border-bottom:1px solid #254356;padding-bottom:17px}.callout{display:flex;gap:12px;margin:20px 0;padding:15px;background:#362b1d;border-left:3px solid #ffad3d}.callout>i{font-style:normal;display:grid;place-items:center;border:1px solid #ffad3d;color:#ffad3d;border-radius:50%;width:27px;height:27px;flex:none}.callout b{font-size:13px}.callout p{color:#9aaab2;margin:5px 0 0;font-size:11px;line-height:1.5}.callout.good{background:#123128;border-color:#35d38b}.callout.good>i{border-color:#35d38b;color:#35d38b}.group{margin-top:25px}.group>label{font:9px ui-monospace,monospace;letter-spacing:.14em;color:#708b9a}.warning{display:flex;align-items:center;gap:12px;border-bottom:1px solid #1e3a4c;padding:13px 0}.warning>span,.duo span{display:grid;place-items:center;width:34px;height:34px;background:#18384d;color:#ff805f;font:700 15px ui-monospace,monospace}.warning p{margin:0;min-width:0}.warning p b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warning p small{color:#78909e;font-size:10px}.warning.amber>span,.duo span{color:#ffad3d}.duo{display:flex}.duo span{width:29px}.empty{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#526f81;text-align:center}.empty span{font:28px ui-monospace,monospace;letter-spacing:.2em}.empty p,.tip p{font-size:12px;line-height:1.7}.tip{margin-top:25px;color:#8ba0ac}.tip b{color:#ffad3d;font-size:11px}footer{border-top:1px solid #1a374a;max-width:1120px;margin:auto;padding:25px 22px 40px;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.12em;color:#617d8d}footer span{color:#35d38b}footer p{margin:0}@media(max-width:760px){header{height:66px}.status span{display:none}main{padding-top:40px}.intro h1{font-size:42px}.console{margin-top:35px;padding:15px}.entry{grid-template-columns:1fr 58px}.entry textarea{padding:13px;font-size:23px}.allowed b{float:none;display:block;margin-top:8px}.result-grid{grid-template-columns:1fr}.result,aside{padding:17px}.lines li{grid-template-columns:45px 1fr 1.8fr 23px}.dash{margin-right:10px}footer{display:block;line-height:2}footer b{display:none}}