#qsp-lab{--qsp-bg:#101e32;--qsp-card:#162941;--qsp-ink:#f1f6fc;--qsp-muted:#bfcede;--qsp-cyan:#78e7ec;--qsp-gold:#ffd08a;--qsp-line:#4e6886;color:var(--qsp-ink);background:var(--qsp-bg);border:1px solid var(--qsp-line);border-radius:20px;padding:clamp(18px,3vw,36px);margin:32px 0;font:16px/1.65 system-ui,-apple-system,sans-serif;box-sizing:border-box;color-scheme:dark}
#qsp-lab *{box-sizing:border-box}#qsp-lab h2,#qsp-lab h3{color:var(--qsp-ink);line-height:1.25;margin:0 0 14px}#qsp-lab h2{font-size:clamp(25px,3vw,35px)}#qsp-lab h3{font-size:22px}#qsp-lab p{margin:10px 0 18px}#qsp-lab .qsp-kicker{font-size:12px;font-weight:750;letter-spacing:.12em;color:var(--qsp-cyan)}#qsp-lab .qsp-head{max-width:850px}#qsp-lab .qsp-guide{border-left:3px solid var(--qsp-gold);padding:14px 20px;margin:24px 0;background:#20314a}#qsp-lab ol{padding-left:22px;margin:8px 0}#qsp-lab .qsp-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}#qsp-lab label{display:block;font-weight:650}#qsp-lab select,#qsp-lab input{width:100%;display:block;margin-top:9px;min-height:44px}#qsp-lab select{background:#0d1a2b;color:var(--qsp-ink);border:1px solid #829bb7;border-radius:8px;padding:10px;font:inherit}#qsp-lab input{accent-color:var(--qsp-gold)}#qsp-lab output{color:var(--qsp-gold);margin-left:10px}#qsp-lab .qsp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}#qsp-lab button{border:1px solid #81a8c8;border-radius:9px;padding:12px 17px;min-height:46px;background:#203b58;color:#fff;font:650 15px/1.4 system-ui;cursor:pointer}#qsp-lab button[data-action=hundred]{background:var(--qsp-cyan);border-color:var(--qsp-cyan);color:#0b2333}#qsp-lab button:hover{filter:brightness(1.15)}#qsp-lab button:disabled{opacity:.5;cursor:default}#qsp-lab :focus-visible{outline:3px solid var(--qsp-gold);outline-offset:4px}#qsp-lab .qsp-status{color:var(--qsp-gold);min-height:28px}#qsp-lab .qsp-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#qsp-lab .qsp-card{background:var(--qsp-card);border:1px solid var(--qsp-line);border-radius:13px;padding:22px;min-width:0;margin:18px 0}#qsp-lab .qsp-panels .qsp-card{margin-top:0}#qsp-lab canvas{display:block;width:100%;height:auto;background:#0c192b;border-radius:8px;margin:18px 0}#qsp-lab .qsp-table-wrap{overflow-x:auto}#qsp-lab table{border-collapse:collapse;width:100%;font-size:14px;color:var(--qsp-ink);background:transparent}#qsp-lab caption{text-align:left;color:var(--qsp-muted);padding:6px 0 12px}#qsp-lab th,#qsp-lab td{border-bottom:1px solid var(--qsp-line);padding:9px 8px;text-align:left;background:transparent;color:var(--qsp-ink)}#qsp-lab th{font-size:13px}#qsp-lab .qsp-small,#qsp-lab .qsp-legend{font-size:14px;color:var(--qsp-muted)}#qsp-lab .qsp-result{font-size:19px;color:var(--qsp-gold)}#qsp-lab summary{cursor:pointer;font-weight:700;min-height:44px;padding:7px 0;color:var(--qsp-cyan)}#qsp-lab footer{margin-top:24px}#qsp-lab li{margin-bottom:5px}
@media(max-width:850px){#qsp-lab .qsp-panels{grid-template-columns:1fr}}@media(max-width:540px){#qsp-lab .qsp-controls{grid-template-columns:1fr}#qsp-lab .qsp-card{padding:15px}#qsp-lab button{width:100%}#qsp-lab{padding:16px;border-radius:12px}}
#qsp-lab fieldset{border:1px solid var(--qsp-line);border-radius:9px;padding:15px;min-width:0}#qsp-lab legend{font-weight:700;padding:0 8px}#qsp-lab .qsp-options{display:flex;flex-direction:column;gap:7px}#qsp-lab .qsp-options label{font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px;min-height:36px}#qsp-lab .qsp-options input{width:18px;height:18px;min-height:18px;margin:0;flex-shrink:0}