:root{--color-accent: #7a2142;--color-accent-light: #b23a5c;--color-focus-ring: #7a2142;--color-muted-text: #767676;--color-danger-bg: #f8d7da;--color-danger-text: #842029;--color-success-bg: #d1e7dd;--color-success-text: #0f5132;--color-chat: #4a90e2;--color-profile: #1e7a34;--color-plan: #b35a10;--color-surface: #fff;--color-page: #f5f6fa;--color-border: #e9ecef;--color-text: #333;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--radius: 8px;--radius-sm: 6px;--radius-pill: 20px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .25);--tap-min: 44px;--rail-w: 240px;--rail-w-narrow: 64px;--bar-h: 56px}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--color-page)}button{min-height:var(--tap-min);font-family:inherit}input,textarea,select{font-size:1rem;font-family:inherit}.banner{padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-bottom:.75rem}.banner-error{background:var(--color-danger-bg);color:var(--color-danger-text)}.banner-status{background:var(--color-success-bg);color:var(--color-success-text)}.notice{margin:0 0 var(--space-4) 0;padding:var(--space-3);border:1px solid #f0c987;border-left:4px solid #d98c00;border-radius:var(--radius-sm);background:#fdf6e7;color:#6b4a00;font-size:.85rem;line-height:1.45;text-align:left}.notice strong{display:block;margin-bottom:var(--space-1)}.refresh-btn{display:flex;align-items:center;justify-content:center;min-width:var(--tap-min);background:var(--color-border);border:none;color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem}.refresh-btn:hover:not(:disabled){background:#dde1e4}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}