:root{--accent:#0d6efd;--muted:#6c757d;--card-bg:#ffffff;--surface:#f7f9fc;--shadow:0 8px 22px rgba(16,24,40,0.06)}body,html{height:100%}body{background:var(--surface);color:#0b1220;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial;-webkit-font-smoothing:antialiased;padding-bottom:4.5rem}header{background:#fff;border-bottom:1px solid #e9ecef}.brand{font-weight:600}.card-soft{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--shadow);padding:1.25rem}.result-box{font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700;padding:.75rem 1rem;border-radius:.5rem;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(13,110,253,.06)}aside.ad-slot{background:linear-gradient(180deg,#fff,#fbfdff);border:1px dashed rgba(0,0,0,.06);min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:.5rem}footer{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e9ecef;padding:.75rem 1rem;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){footer{position:static;flex-direction:column;align-items:flex-start}}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono",monospace}.invalid{border-color:#dc3545!important;box-shadow:none!important}table td,table th{vertical-align:middle}.small-muted{color:var(--muted);font-size:.95rem}