:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c1c1e;background:#fafafa}body{margin:0}main{max-width:640px;margin:3rem auto;padding:0 1.25rem}h1{font-weight:650;letter-spacing:-.01em}ul{list-style:none;padding:0}li{padding:.75rem 1rem;border:1px solid #e6e6e9;border-radius:10px;margin-bottom:.5rem;background:#fff;display:flex;justify-content:space-between;align-items:center}.kind{color:#8a8a8f;font-size:.85rem}.error{color:#c0392b}.card{max-width:26rem;margin:3rem auto;padding:1.5rem 1.75rem;border:1px solid #e2e2e2;border-radius:12px;font-family:system-ui,sans-serif}.card h1{font-size:1.35rem;margin:0 0 1rem}.card label{display:block;font-size:.85rem;color:#444;margin:.75rem 0 .25rem}.card input{width:100%;box-sizing:border-box;padding:.55rem .65rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}.card button{margin-top:1.1rem;width:100%;padding:.6rem;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:1rem;cursor:pointer}.card button:disabled{background:#9db8ec;cursor:default}.card .error{color:#b91c1c;background:#fef2f2;padding:.5rem .65rem;border-radius:8px;font-size:.9rem}.card .hint{color:#666;font-size:.85rem;margin-top:1rem}.card a{color:#2563eb;text-decoration:none}.card .row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.card .who{font-size:.82rem;color:#666}.card .kind{color:#888;font-size:.85rem}.card.wide{max-width:46rem}.badge{display:inline-block;padding:.05rem .5rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.card select{width:100%;box-sizing:border-box;padding:.5rem .6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;background:#fff}.ok-msg{color:#15803d;background:#f0fdf4;padding:.4rem .6rem;border-radius:8px;font-size:.9rem}.stack{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.client{border:1px solid #e6e6e9;border-radius:12px;padding:1rem 1.1rem;background:#fff}.client ul{margin:.5rem 0}.client code{font-size:.8rem;color:#475569;word-break:break-all}.metric-form{display:flex;gap:.5rem;margin:.6rem 0;flex-wrap:wrap}.metric-form input{flex:1 1 8rem;padding:.45rem .6rem;border:1px solid #ccc;border-radius:8px}.metric-form button{width:auto;margin:0;padding:.45rem .9rem}button.ghost{width:auto;margin:.3rem 0 0;background:#f1f5f9;color:#334155;padding:.4rem .8rem}.tabs{display:flex;gap:.5rem;border-bottom:1px solid #e6e6e9;margin:.5rem 0 1rem}.tab{width:auto;margin:0;background:transparent;color:#475569;border:none;border-bottom:2px solid transparent;border-radius:0;padding:.5rem .8rem}.tab.active{color:#3730a3;border-bottom-color:#3730a3;font-weight:600}.rows{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.4rem}ol.rows{counter-reset:r}.rowitem{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border:1px solid #e6e6e9;border-radius:10px;padding:.5rem .7rem;background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 720px){.split{grid-template-columns:1fr}}.langbtn{width:auto;margin:0;padding:.1rem .5rem;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:6px;font-size:.85rem}.bar{height:8px;background:#eef2f6;border-radius:6px;overflow:hidden;margin-top:.35rem;max-width:340px}.bar-fill{height:100%;background:#4f46e5}.qblock{border:1px solid #e6e6e9;border-radius:10px;padding:.7rem .9rem;margin:.6rem 0;background:#fff}.qtext{font-weight:600;margin:0 0 .5rem}.opt{display:block;font-weight:400;margin:.2rem 0}.opt input{width:auto;margin-right:.5rem}.scale{display:flex;align-items:center;gap:.8rem}.scale input[type=range]{flex:1}.scale-val{font-variant-numeric:tabular-nums;font-weight:600;min-width:1.5rem;text-align:right}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0;align-items:center}.chip{display:inline-flex;align-items:center;gap:.25rem;font-weight:400;font-size:.82rem;padding:.12rem .5rem;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#3730a3}.chip.on{background:#4f46e5;color:#fff;border-color:#4f46e5}.chip input{width:auto;margin:0}button.ghost.danger{color:#b91c1c}button.ghost.danger:hover{background:#fee2e2}