:root{--bg:#ffffff;--surface:#f7f8fa;--border:#e5e7eb;--text:#1f2328;--muted:#57606a;--accent:#3b82d4;--accent-hover:#2563b8;--error:#c0392b;--success:#16a34a;--radius:6px;--font:-apple-system,"Segoe UI",system-ui,sans-serif;--mono:"SF Mono","Cascadia Code","Fira Code",monospace}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font);font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:600}p{margin:0 0 1rem}.container{max-width:900px;margin:0 auto;padding:0 1.25rem}input[type=number],input[type=text],select,textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.95rem;background:var(--bg);color:var(--text);transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(59,130,212,.15)}button{padding:.5rem 1.25rem;border-radius:var(--radius);border:none;font-family:var(--font);font-size:.95rem;cursor:pointer;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.result-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-top:1.5rem}.result-row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.95rem}.result-row:last-child{border-bottom:none}.result-label{color:var(--muted)}.result-value{font-weight:500;font-family:var(--mono)}.error-message{color:var(--error);font-size:.875rem;margin-top:.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}