*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f6f8;color:#17212b}a{color:inherit}.top{background:#101820;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;letter-spacing:.02em}.wrap{max-width:1280px;margin:24px auto;padding:0 18px}.card{background:#fff;border:1px solid #e1e6eb;border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(0,0,0,.04);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.col6{grid-column:span 6}.col4{grid-column:span 4}.col8{grid-column:span 8}.col12{grid-column:span 12}@media(max-width:850px){.col6,.col4,.col8{grid-column:span 12}}label{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px}input,select,button{font:inherit}input,select{width:100%;padding:11px 12px;border:1px solid #ccd4dc;border-radius:10px;background:#fff}.btn{border:0;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:700}.primary{background:#162a3a;color:#fff}.secondary{background:#e9eef2;color:#17212b}.danger{background:#b42318;color:#fff}.muted{color:#667482}.swatch{height:100px;border-radius:12px;border:1px solid #d4dbe2;display:flex;align-items:flex-end;padding:10px;font-weight:800}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.result{border:1px solid #e0e5e9;border-radius:14px;padding:12px;background:#fff}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f5;font-size:.75rem}.error{color:#a61b1b}.ok{color:#19723b}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e5e9ed;text-align:left;font-size:.88rem}.circle{width:100%;max-width:540px;aspect-ratio:1;border:1px solid #d8dee4;border-radius:50%;position:relative;margin:auto;background:radial-gradient(circle,#fff 0 15%,#f6f8fa 16% 35%,#fff 36% 55%,#f6f8fa 56% 75%,#fff 76%)}.axisx,.axisy{position:absolute;background:#dce2e7}.axisx{height:1px;left:4%;right:4%;top:50%}.axisy{width:1px;top:4%;bottom:4%;left:50%}.dot{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #667482;transform:translate(-50%,-50%)}.dot.input{width:20px;height:20px;border:3px solid #111}.small{font-size:.8rem}.nav a{margin-left:14px;text-decoration:none}.login{max-width:480px;margin:80px auto}.alert{padding:12px;border-radius:10px;background:#fff5f5;border:1px solid #ffd2d2}.success{background:#f1fff6;border-color:#bfe8cb}