:root{color-scheme:light;--ink:#10222a;--muted:#52636b;--line:#d5e1e5;--bg:#f4f8f8;--paper:#fff;--accent:#006d75;--accent2:#e9f7f5}*{box-sizing:border-box}html{font-family:"Yu Gothic UI","Hiragino Sans",system-ui,sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;line-height:1.7}a{color:#005d66}header{background:#0b3138;color:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}header a{color:#fff;text-decoration:none;font-weight:800}.wrap{width:min(1050px,calc(100% - 32px));margin:auto}main{padding:38px 0 70px}.eyebrow{font-weight:800;color:var(--accent);letter-spacing:.08em}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.1;margin:.2em 0}.hero p{font-size:1.05rem}.panel,.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px rgba(4,45,52,.07)}.panel{padding:24px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.card{padding:20px}.card h2{font-size:1.2rem;margin:.2em 0}.card p{color:var(--muted)}.card a{display:inline-block;font-weight:800}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:24px}.tool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px;font-weight:700}.field span{font-size:.9rem}.field div{display:flex;align-items:center;border:1px solid #aebfc4;border-radius:10px;background:#fff;overflow:hidden}.field input{min-width:0;width:100%;font:inherit;border:0;padding:12px}.field em{font-style:normal;color:var(--muted);padding-right:12px;white-space:nowrap}.tool-form button{grid-column:1/-1;border:0;border-radius:11px;background:var(--accent);color:#fff;padding:13px;font:inherit;font-weight:800;cursor:pointer}.result{background:#0b3138;color:#fff;border-radius:18px;padding:24px;position:sticky;top:20px}.result strong{display:block;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15}.result-label{margin:0}.result ul{padding-left:1.2em}.content{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.content section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.notice{border-left:5px solid #db8a00;background:#fff8e7;padding:14px 16px}.status{display:inline-block;background:var(--accent2);color:var(--accent);border-radius:999px;padding:4px 10px;font-weight:800;font-size:.85rem}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.9rem}@media(max-width:760px){.hero,.tool-layout,.content{grid-template-columns:1fr}.tool-grid,.tool-form{grid-template-columns:1fr}.result{position:static}main{padding-top:24px}}