:root{--blue:#0a66c2;--blue-dark:#004182;--text:#1d2226;--muted:#5e6b75;--bg:#fff;--surface:#f3f6f8;--warning-bg:#fff4d6;--error-bg:#fde8e8;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);-webkit-text-size-adjust:100%;margin:0}button{font:inherit;border:2px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;border-radius:999px;min-height:44px;padding:0 18px}button.secondary,.language-switch button[aria-pressed=false]{color:var(--blue);background:0 0}button:disabled{opacity:.5}.banners{gap:8px;padding:12px 16px 0;display:grid}.banner{border-radius:var(--radius);margin:0;padding:10px 14px;font-size:.95rem;line-height:1.35}.banner-info{background:var(--surface)}.banner-warning{background:var(--warning-bg)}.banner-error{background:var(--error-bg);justify-content:space-between;align-items:center;gap:12px;display:flex}.banner-error p{margin:0}.banner-dismiss{flex-shrink:0}.start-screen,.offline-screen{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.offline-screen{justify-content:center;min-height:100dvh;font-size:1.1rem}.butterfly,.offline-butterfly{margin:0;font-size:3.5rem}h1{color:var(--blue);margin:0;font-size:2rem}.subtitle{color:var(--muted);margin:0}.language-switch{align-items:center;gap:8px;display:flex}.language-label{color:var(--muted)}.version-label{min-height:44px;color:var(--muted);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:none;margin-top:32px;font-size:.85rem}.diagnostics{max-height:90dvh;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;background:var(--bg);text-align:left;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -8px 30px #00000026}.diagnostics h2{margin-top:0}.diagnostics dl{grid-template-columns:auto 1fr;gap:6px 16px;display:grid}.diagnostics dt{color:var(--muted)}.diagnostics dd{margin:0}.diagnostics-actions{gap:10px;margin-top:16px;display:grid}