:root{--bg:#f6f7f9;--card:#fff;--text:#1c1f24;--muted:#5d6470;--accent:#1f7a5a;--border:#d9dde3;--error:#b42318}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--card:#1e2127;--text:#e8eaed;--muted:#a0a6b0;--accent:#4cc39a;--border:#343a42;--error:#f97066}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:560px;margin:0 auto;padding:24px 16px 40px}.layout{gap:24px;display:grid}.panel{align-content:start;gap:12px;display:grid}@media (width>=900px){main{max-width:1040px;padding:48px 32px}h1{font-size:2rem}.layout{grid-template-columns:minmax(0,520px);justify-content:center;align-items:start;gap:32px}.layout.has-results{grid-template-columns:repeat(2,minmax(0,520px))}main>h1,main>.lede{text-align:center}.panel{position:sticky;top:24px}}h1{margin:0 0 4px;font-size:1.6rem}.lede{color:var(--muted);margin:0 0 24px}form{background:var(--card);border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px;display:grid}label{grid-template-columns:minmax(0,1fr);gap:6px;font-size:.9rem;font-weight:600;display:grid}.row{gap:8px;display:flex}.row input{flex:40%;min-width:0}.row select{flex:0 auto;min-width:0;max-width:55%}label,form>*{min-width:0}input,select,button{font:inherit;border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem}button{background:var(--accent);color:#fff;cursor:pointer;border:none;font-weight:600}.error{color:var(--error);margin:0}.unit{color:var(--muted);font-weight:400}.suffix{color:var(--muted);white-space:nowrap;flex:none;align-items:center;padding:0 4px;font-weight:600;display:flex}.settings{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:16px;display:grid}@media (width<=479px){.settings{grid-template-columns:minmax(0,1fr)}}.tile.highlight{border-color:var(--accent);grid-column:1/-1}.tile.highlight span{font-size:2.25rem}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:4px;padding:16px;display:grid}.tile span{white-space:nowrap;color:var(--accent);font-size:1.5rem;font-weight:700}.tile small{color:var(--muted)}.guide,.page{max-width:760px;margin:0 auto;padding:8px 16px 32px;line-height:1.6}.page{padding-top:24px}.guide h2,.page h2{margin:32px 0 8px;font-size:1.3rem}.guide h3{margin:20px 0 4px;font-size:1.05rem}.guide p,.page p{margin:0 0 12px}.guide ul,.guide ol,.page ul{margin:0 0 12px;padding-left:1.4em}.guide li{margin-bottom:4px}a{color:var(--accent)}.guide table{border-collapse:collapse;background:var(--card);width:100%;margin:0 0 16px;font-size:.95rem}.guide th,.guide td{border:1px solid var(--border);text-align:left;padding:8px 10px}.guide th{background:var(--bg)}.site-header{max-width:760px;margin:0 auto;padding:16px 16px 0;font-weight:600}.site-header a{text-decoration:none}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:20px 16px 32px;font-size:.9rem}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:8px;display:flex}.site-footer p{margin:0}