:root{--accent:#0d6efd;--muted:#6c757d;--card:#ffffff}body,html{height:100%}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fff 0,#f6f8fb 100%);color:#0b2740;padding-top:1rem}header.site-header{margin-bottom:1rem}h1.h-main{font-weight:700}.tool-card{background:var(--card);border-radius:12px;box-shadow:0 6px 18px rgba(16,24,40,.05);padding:1rem}.ad-placeholder{background:linear-gradient(90deg,rgba(0,0,0,.03),rgba(0,0,0,.02));border:2px dashed rgba(0,0,0,.06);color:var(--muted);display:flex;align-items:center;justify-content:center;min-height:60px;text-align:center;padding:.75rem;border-radius:8px}.result-value{color:var(--accent);font-weight:700;font-size:1.25rem}.small-muted{color:var(--muted);font-size:.9rem}.fraction-inline input{width:100px;display:inline-block}.kbd{background:#f1f5f9;padding:.15rem .4rem;border-radius:.25rem;border:1px solid #e2e8f0}footer.site-footer{margin-top:1.5rem;padding:1rem 0;color:var(--muted);text-align:center}@media (max-width:576px){.fraction-inline input{width:100%;display:block;margin-bottom:.5rem}}