*{box-sizing:border-box} :root{--ink:#172b2a;--muted:#506361;--bg:#f3f4ee;--surface:#fffefa;--accent:#12615b;--line:#c8d3cf;--tint:#e1eee6} body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65} a{color:var(--accent);text-underline-offset:4px} button,input,select{font:inherit} button,input,select{min-height:46px;border:1px solid var(--line);border-radius:5px} button{padding:10px 16px;background:var(--surface);color:var(--ink);cursor:pointer;font-weight:700} button.primary{background:var(--accent);border-color:var(--accent);color:white} button:hover{filter:brightness(.96)} button:disabled{opacity:.55;cursor:not-allowed} input,select{width:100%;padding:10px;background:var(--surface);color:var(--ink);min-width:0} :focus-visible{outline:3px solid var(--accent);outline-offset:4px} .skip{position:absolute;top:-80px;left:16px;padding:10px;background:white;z-index:9}.skip:focus{top:8px} header{max-width:1120px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)} .brand{font-weight:850;text-decoration:none;letter-spacing:-.04em;font-size:19px;display:flex;align-items:center;gap:10px}.mark{display:inline-grid;place-items:center;border:1px solid var(--ink);width:32px;height:32px;font-size:18px} .tag{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} main{max-width:1120px;margin:auto;padding:40px 24px 64px} h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.06em;line-height:1.18;margin:10px 0 18px;font-weight:850;word-break:keep-all} h2{font-size:22px;line-height:1.35;letter-spacing:-.035em;margin:0 0 18px} h3{font-size:17px;margin:0 0 8px} p{margin:0 0 16px}.intro{max-width:690px;margin-bottom:30px}.intro p{color:var(--muted);font-size:17px}.workspace{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:24px;align-items:start}.controls{border-top:4px solid var(--accent);background:var(--surface);padding:24px}.stage{background:var(--surface);border:1px solid var(--line);min-width:0;padding:28px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:block;margin-bottom:18px}.field span,label>span{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.fields .field{margin-bottom:0}.field small,.hint{font-size:13px;color:var(--muted);display:block;margin-top:6px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.error{color:#9d2424;font-weight:650;min-height:1.6em;margin-top:14px}.result-label{color:var(--muted);font-size:14px}.result-number{font-size:clamp(30px,4vw,52px);font-weight:850;line-height:1.2;letter-spacing:-.045em;overflow-wrap:anywhere}.badge{display:inline-block;padding:4px 9px;background:var(--tint);color:var(--accent);font-size:12px;font-weight:750}.guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.guide p,.guide li{font-size:14px;color:var(--muted)}.guide ol,.guide ul{padding-left:20px;margin:0}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{font-size:13px;color:var(--muted)}td{font-size:15px}.table-wrap{overflow-x:auto}svg{display:block;max-width:100%;height:auto} .notice{margin-top:20px;font-size:13px;color:var(--muted);border-left:3px solid var(--line);padding-left:12px} footer{max-width:1120px;margin:auto;padding:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer nav{display:flex;gap:18px} [hidden]{display:none!important} @media(max-width:760px){main{padding-top:28px}.workspace{grid-template-columns:1fr}.guide{grid-template-columns:1fr;gap:24px}.stage{padding:20px}.controls{padding:20px}.intro{margin-bottom:22px}header{padding:16px 20px}.tag{font-size:10px}} @media(max-width:380px){main{padding-left:16px;padding-right:16px}.fields{grid-template-columns:1fr;gap:14px}.result-number{font-size:34px}.tag{max-width:75px;text-align:right}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} @media print{header,.intro,.controls,.guide,footer,.notice,.no-print{display:none!important}body{background:white;color:black}main{padding:0;max-width:none}.workspace{display:block}.stage{padding:0;border:0}.result-number{font-size:26px}a{color:black}}
:root{--ink:#173346;--muted:#536b7b;--bg:#eaf0f3;--surface:#fff;--accent:#245f87;--line:#c2d0db;--tint:#e0edf5}.paper-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.paper-top h2{font-size:18px}.paper-top span{font-size:12px;color:var(--muted)}.paper-window{background:#d5e0e6;padding:18px}.paper-window svg{background:white;width:100%;height:auto;box-shadow:0 3px 9px #17334620}.stage{padding:18px}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;height:297mm;margin:0}.stage,.paper-window{padding:0;background:white}.paper-window svg{width:210mm;height:297mm;max-width:none;box-shadow:none}.stage>.notice{display:none!important}}