:root{--ink:#22372d;--muted:#526057;--paper:#f7f5ee;--line:#c9cfc4;--accent:#2c5843;--signal:#d4ef88;--error:#a32625}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.65}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{color:inherit}a{text-underline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9b3d12;outline-offset:4px}.shell{width:min(1184px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-70px;left:20px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:8px}header{display:flex;align-items:center;justify-content:space-between;min-height:92px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;letter-spacing:-1px}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--signal)}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}.intro{position:relative;padding:42px 0 34px}.eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:2px;font-weight:750}.intro h1{margin:0;font-size:clamp(32px,4.1vw,52px);line-height:1.25;letter-spacing:-2px;font-weight:720}.intro h1 em{font-style:normal;color:var(--accent)}.lede{color:var(--muted);margin:16px 0 0;max-width:600px;font-size:16px}.workbench{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid var(--ink);background:white}.controls{padding:26px;border-right:1px solid var(--ink)}h2{font-size:19px;line-height:1.4;letter-spacing:-.5px;margin:0 0 8px}.muted{color:var(--muted);font-size:13px;margin:0 0 24px}.color-row{margin-top:20px}label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}.color-input{display:flex;border:1px solid #8a968c;background:var(--paper);height:52px;align-items:center;padding:6px;gap:12px}.color-input input[type=color]{padding:0;border:0;background:none;width:36px;height:36px;flex-shrink:0;cursor:pointer}.color-input input[type=text],.color-input input:not([type]){background:none;border:0;min-width:0;width:100%;font-family:ui-monospace,monospace;color:var(--ink);font-size:18px}input[type=range]{width:100%;accent-color:var(--accent);margin:6px 0 16px}.error{color:var(--error);font-size:13px;min-height:20px;margin:8px 0}.secondary{width:100%;border:1px solid var(--ink);background:transparent;padding:9px 12px;font-weight:650}.secondary:hover{background:var(--paper)}.divider{height:1px;background:var(--line);margin:24px 0}output{float:right;font-weight:450}.check{display:flex;align-items:center;gap:8px;font-weight:500}.check input{width:18px;height:18px;accent-color:var(--accent)}.micro{font-size:12px;color:var(--muted);margin:10px 0 0}.specimen-wrap{min-width:0}.sample-label{display:flex;justify-content:space-between;padding:12px 24px;background:var(--paper);border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.sample-label span{font-weight:400}.specimen{padding:30px 34px;background:#f2eedf;color:#31594b;min-height:330px}.sample-kicker{font-size:11px;letter-spacing:1px;margin:0 0 16px}.sample-title{font-size:38px;line-height:1.25;font-weight:750;letter-spacing:-1px;margin:0 0 20px}#sample-copy{font-size:18px;max-width:500px;line-height:1.6;margin:0 0 24px;overflow-wrap:anywhere}.sample-actions{display:flex;gap:20px;align-items:center;font-size:13px}.sample-chip{display:inline-block;border:1px solid currentColor;padding:8px 14px;font-weight:700}.ratio-block{padding:24px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--signal);border-top:1px solid var(--ink)}.ratio{font-family:ui-monospace,monospace;font-size:54px;font-weight:700;line-height:1;margin:10px 0 0;letter-spacing:-4px}.ratio-suffix{font-size:22px;letter-spacing:0}.verdict{max-width:160px;font-size:14px;margin:0}.results{padding:32px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.8fr;gap:24px}.thresholds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.threshold{border-left:1px solid var(--line);padding-left:16px}.threshold strong,.threshold span{display:block}.threshold strong{font-size:13px}.threshold .threshold-value{font-size:12px;color:var(--muted);margin:5px 0}.threshold .pass{color:#2a543b;font-weight:700}.threshold .fail{color:var(--error);font-weight:700}.suggestion{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:20px}.suggestion p{font-size:14px;margin:5px 0;color:var(--muted)}.suggestion button{background:var(--ink);color:white;border:0;padding:13px 18px;white-space:nowrap;font-weight:650}.suggestion button:disabled{cursor:default;background:#dce1da;color:#4c584f}.guide{padding:56px 0 32px}.guide>h2{font-size:28px;margin-bottom:28px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}h3{font-size:17px;margin:0 0 14px}.editorial-grid p,.editorial-grid li{font-size:14px;color:var(--muted)}ol{padding-left:20px;margin:0}li+li{margin-top:14px}.source-note{border-top:1px solid var(--line);padding:24px 0 32px}.source-note h2{font-size:15px}.source-note p{font-size:12px;color:var(--muted);max-width:920px}.source-note a{color:var(--accent)}footer{padding:26px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer div{display:flex;gap:20px}@media(max-width:900px){.shell{width:calc(100% - 40px)}.workbench{grid-template-columns:280px minmax(0,1fr)}.controls{padding:22px}.specimen{padding:26px}.sample-label span{display:none}.results{grid-template-columns:1fr}.editorial-grid{gap:22px}.ratio-block{padding:24px}.ratio{font-size:44px}}@media(max-width:650px){.shell{width:calc(100% - 32px)}header{min-height:76px}nav{gap:14px;font-size:12px}.brand{font-size:17px}.intro{padding:30px 0}.intro h1{letter-spacing:-1.5px}.workbench{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--ink)}.color-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;margin-top:12px}.color-row label{margin:0}.controls .muted{margin-bottom:18px}.divider{margin:20px 0}.specimen{min-height:300px}.sample-title{font-size:34px}.ratio-block{align-items:center}.thresholds{grid-template-columns:repeat(2,1fr);row-gap:20px}.suggestion{align-items:flex-start;flex-direction:column}.editorial-grid{grid-template-columns:1fr}.guide{padding-top:40px}.guide>h2{font-size:25px}footer{flex-direction:column;gap:12px}.source-note a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header nav,.controls,.suggestion,footer,.skip{display:none}.shell{width:100%}.workbench{display:block}.specimen{-webkit-print-color-adjust:exact;print-color-adjust:exact}.editorial-grid{display:block}.source-note{break-inside:avoid}}