:root{--font-body:Georgia, "Times New Roman", serif;--font-size-body:20px;--font-size-heading:28px;--font-size-button:22px;--color-text:#111;--color-bg:#fafaf8;--color-card:#fff;--color-primary:#2e7d32;--color-primary-hover:#1b5e20;--color-border:#e0e0e0;--color-muted:#777;--max-width:900px;--toolbar-bg:#f5f5f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.7}button{font-family:var(--font-body);font-size:var(--font-size-button);cursor:pointer;border:none;border-radius:8px;min-height:56px;padding:14px 28px;transition:background .15s,transform .1s}button:active{transform:scale(.97)}button.primary{background:var(--color-primary);color:#fff}button.primary:hover{background:var(--color-primary-hover)}button.secondary{color:var(--color-text);background:#e8e8e4}button.secondary:hover{background:#ddd}input,textarea{font-family:var(--font-body);font-size:var(--font-size-body);border:2px solid var(--color-border);caret-color:#c62828;border-radius:8px;width:100%;min-height:56px;padding:14px 18px}input:focus,textarea:focus{border-color:var(--color-primary);outline:none}a{color:var(--color-primary);text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.offline-banner{color:#856404;text-align:center;background:#fff3cd;border-radius:8px;margin:0 0 16px;padding:10px 16px;font-size:16px}.offline-banner.synced-banner{color:#1b5e20;background:#d1f0d4}.storage-warning-banner{color:#721c24;z-index:9999;background:#f8d7da;border-bottom:2px solid #f5c6cb;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:17px;display:flex;position:sticky;top:0}