*,:before,:after{box-sizing:border-box}:root{--color-primary:#2e5c8a;--color-bg:#eef4fa;--color-surface:#fff;--color-text:#1a1a2e;--color-text-muted:#557;--color-accent:#a05c2a;--color-accent-light:#f5e6d8;--tap-min:44px;--font-base:18px;--radius:8px}html.dark{--color-primary:#4a7eb5;--color-bg:#161b22;--color-surface:#21272f;--color-text:#e8ecef;--color-text-muted:#9aa3ab;--color-accent:#d4a373;--color-accent-light:#3d2f23}html.dark body{background:var(--color-bg);color:var(--color-text)}html{font-size:var(--font-base);-webkit-text-size-adjust:100%;line-height:1.6}body{background-color:var(--color-bg);color:var(--color-text);min-height:100dvh;margin:0;font-family:system-ui,-apple-system,sans-serif}.offline-banner{color:#fff;text-align:center;z-index:9999;background:#c0392b;padding:.5rem 1rem;font-size:.9rem;display:none;position:fixed;top:0;left:0;right:0}body.offline .offline-banner{display:block}.update-banner{background:var(--color-primary);color:#fff;z-index:9999;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.update-banner button{color:var(--color-primary);cursor:pointer;min-height:var(--tap-min);min-width:var(--tap-min);background:#fff;border:none;border-radius:4px;padding:.4rem .8rem;font-weight:600}button,a,[role=button]{min-height:var(--tap-min);min-width:var(--tap-min);cursor:pointer}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary)}a:hover{text-decoration:underline}h1{color:var(--color-text);margin-block:.5em .25em;font-size:1.5rem;font-weight:700;line-height:1.3}h2{color:var(--color-text);margin-block:.75em .25em;font-size:1.25rem;font-weight:600;line-height:1.35}h3{color:var(--color-text);margin-block:.75em .2em;font-size:1.05rem;font-weight:600;line-height:1.4}mami-ambient-player{z-index:100;position:fixed;bottom:1rem;right:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}