.offline-banner{background:#8a3b00;color:#fff;text-align:center;padding:.6rem 1rem;font-weight:600;font-size:.95rem}:root{--color-bg: #ffffff;--color-text: #1b1b1b;--color-primary: #2d6a4f;--color-primary-dark: #1b4332;--color-border: #d0d0d0;--radius: 12px;--touch: 56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}#app{max-width:640px;margin:0 auto;padding:1rem}button{min-height:var(--touch);min-width:var(--touch);padding:0 1.25rem;font-size:1.1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer}button:hover{background:var(--color-primary-dark)}button.secondary{color:var(--color-text);background:transparent;border:2px solid var(--color-border)}h1{font-size:1.6rem}