:root{--paper:#f3f5fc;--ink:#23345e;--accent:#7055d5;--muted:#687286}*{box-sizing:border-box}body{font:16px/1.6 Arial,sans-serif;background:var(--paper);color:var(--ink);margin:0}button,input{font:inherit}button{cursor:pointer;padding:12px 18px;border:0;border-radius:9px;background:var(--ink);color:var(--paper)}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.workspace{max-width:1250px;margin:auto;padding:35px 4vw}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bbb8;padding-bottom:18px}header strong{font-size:20px}h1{font:500 clamp(35px,5vw,63px)/1.12 Georgia,serif;letter-spacing:-.04em;max-width:800px;margin:38px 0 20px}.intro{max-width:700px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.stat{padding:22px;border-radius:16px;background:white;border:1px solid #ddd8}.stat strong{display:block;font-size:31px;letter-spacing:-1px}.stat span{color:var(--muted);font-size:14px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.toolbar input{padding:10px;border:1px solid #bbc3d1;border-radius:8px;min-width:200px}.table-wrap{overflow:auto;border:1px solid #bbc3d1;border-radius:14px;background:white}table{border-collapse:collapse;width:100%;text-align:left;min-width:680px}th{background:var(--ink);color:var(--paper);font-weight:500;font-size:13px;padding:16px}td{padding:12px;border-bottom:1px solid #e5e7ed}td input{width:100%;min-width:80px;border:1px solid transparent;background:transparent;color:var(--ink);padding:6px}td input:hover{border-color:#c3c9d5}td button{background:transparent;color:var(--ink);padding:4px 10px}td.result{font-weight:bold;color:var(--accent)}.note{padding:20px 0;font-size:14px;color:var(--muted);max-width:800px}.status{min-height:25px}.method{background:color-mix(in srgb,var(--accent) 8%,white);padding:22px;border-radius:14px;margin-top:25px}.method h2{font-size:20px;margin-top:0}.method p{max-width:850px}.print-heading{display:flex;gap:15px;flex-wrap:wrap}.print-heading label{flex:1}.print-heading input{display:block;padding:10px;border:1px solid #bbb;width:100%;border-radius:5px}.skill-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin:30px 0}.skill-grid section{background:white;padding:26px;border-radius:16px;border:1px solid #ddd}.skill-grid h2{margin-top:0}.skill-grid li{padding:8px 0}.example{white-space:pre-wrap;background:var(--paper);padding:20px;border-radius:10px}.preview-note{font-size:12px;color:var(--muted)}@media(max-width:650px){.stats{grid-template-columns:1fr}.stat{padding:14px}.stat strong{font-size:25px}.skill-grid{grid-template-columns:1fr}header{align-items:flex-start;gap:10px}header span{font-size:12px}}@media print{.toolbar,td button,.preview-note{display:none}.workspace{padding:0}.stats{grid-template-columns:repeat(3,1fr)}body{background:white}table{font-size:12px;min-width:0}td,th{padding:5px}button{display:none}}