:root{font-family:system-ui,-apple-system,"Noto Sans SC",sans-serif;color:#edf3ff;background:#090f1e;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:#92d9eb;text-decoration:none}.top{height:70px;padding:0 max(5vw,20px);border-bottom:1px solid #27334a;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;color:#68dfcb}.brand span{color:#f1f6ff}main{max-width:1220px;margin:auto;padding:35px 22px 60px}.intro{max-width:840px;margin-bottom:28px}.eyebrow{color:#68dfcb;font-weight:700;letter-spacing:.08em;font-size:.85rem}h1{font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.18;letter-spacing:-.025em;margin:12px 0}p{color:#bac8db;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,1.05fr);gap:20px}.panel{border:1px solid #2a3954;background:#111b2e;border-radius:20px;padding:26px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-head span{color:#96b1cc;font-size:.88rem}.panel h2{font-size:1.25rem;margin:0}.hint{font-size:.9rem;margin:6px 0 22px}.fields{display:grid;gap:13px}label{display:grid;gap:7px;font-weight:600;font-size:.92rem}label small{font-weight:400;color:#a9bad0}input[type=number]{width:100%;border:1px solid #3b4b66;border-radius:10px;background:#0a1324;color:white;padding:13px 14px;font:inherit;outline:none}input:focus{border-color:#68dfcb;box-shadow:0 0 0 2px #68dfcb33}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:10px;font-weight:400;margin-top:5px}.check input{width:20px;height:20px;accent-color:#68dfcb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}button{cursor:pointer;border:1px solid #4e667f;border-radius:10px;background:#192c42;color:#e8f7fb;padding:11px 15px;font:inherit}button:hover{background:#29455b}.result{background:linear-gradient(145deg,#15273a,#0f1a2c)}.badge{color:#ffc78c!important}.hero-number{font-size:clamp(2.15rem,5vw,3.4rem);font-weight:800;letter-spacing:-.035em;color:#ffcf91;margin:12px 0}.hero-caption{color:#ccd8e8}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.stat{border:1px solid #33465e;border-radius:12px;padding:16px}.stat strong{display:block;font-size:1.35rem;margin:5px 0}.stat span{font-size:.85rem;color:#acbfd1}.callout{border-left:3px solid #68dfcb;background:#142e3a;border-radius:0 10px 10px 0;padding:15px 17px;margin:22px 0}.callout p{margin:6px 0 0}.warning{border-left-color:#ffbf77;background:#352a26}.missing{background:#1e2b3f;padding:16px;border-radius:12px}.missing ul{margin:9px 0 0;padding-left:21px;color:#d3dfeb;line-height:1.7}.foot{font-size:.85rem;margin-top:22px}.error{color:#ffaaa1}@media(max-width:820px){main{padding:25px 16px 50px}.workspace{grid-template-columns:1fr}.panel{padding:20px}.top{height:60px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:420px){.stats{grid-template-columns:1fr}.pair{gap:8px}}