.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)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#1b433259;border-radius:4px}#app{max-width:640px;margin:0 auto;padding:calc(.75rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) 0 calc(1rem + env(safe-area-inset-left))}main{display:block;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}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}.back{display:inline-flex;align-items:center;min-height:44px;padding:0 .5rem}