:root{--color-bg: #f9f8fe;--color-surface: #ffffff;--color-text: #0d0d0d;--color-text-muted: #6e6b85;--color-border: #e4e1f0;--color-primary: #43299b;--color-primary-highlight: #623edd;--color-teal: #268290;--color-teal-bg: #e3f5f6;--color-orange: #bc5800;--color-orange-bg: #fff1de;--color-red: #b81b1d;--color-red-bg: #fbeae9;--color-green: #268290;--color-green-bg: #e3f5f6;--color-band-efficient: #2dced4;--color-band-normal: #7b6be7;--color-band-normal-bg: #ece9fb;--color-band-elevated: #bc5800;--radius-lg: 12px;--radius-md: 12px;--radius-sm: 8px;--radius-kpi: 4px;--shadow-card: 0 1px 2px rgba(13, 13, 13, .06), 0 1px 8px rgba(13, 13, 13, .04);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}button{font-family:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;max-width:480px;width:100%;margin:0 auto;padding:16px 16px 64px}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}.badge-GREEN,.badge-TEAL{background:var(--color-teal-bg);color:var(--color-teal)}.badge-ORANGE{background:var(--color-orange-bg);color:var(--color-orange)}.badge-RED{background:var(--color-red-bg);color:var(--color-red)}.badge-EFFICIENT{background:var(--color-teal-bg);color:var(--color-band-efficient)}.badge-NORMAL{background:var(--color-band-normal-bg);color:var(--color-band-normal)}.badge-ELEVATED{background:var(--color-orange-bg);color:var(--color-band-elevated)}.stat-value-TEAL{color:var(--color-teal)}.stat-value-ORANGE{color:var(--color-orange)}.stat-value-RED{color:var(--color-red)}.stat-value-GREEN{color:var(--color-green)}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:24px 0 8px}.button-primary{background:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:12px 20px;font-weight:600;font-size:14px}.button-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;padding:12px 20px;font-weight:600;font-size:14px}.button-link{background:none;border:none;color:var(--color-teal);font-weight:600;font-size:14px;padding:0}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f171573;display:flex;align-items:flex-end;justify-content:center;z-index:40}.overlay-backdrop.centered{align-items:center}.sheet{background:var(--color-surface);width:100%;max-width:480px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:20px;position:relative}.overlay-backdrop.centered .sheet{border-radius:20px;max-height:80vh}.sheet-close{position:absolute;top:14px;right:14px;background:var(--color-bg);border:none;border-radius:999px;width:28px;height:28px;font-size:14px;line-height:1}.devbar{background:#0f1917;color:#d8f3ea;font-size:12px;padding:8px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;position:sticky;top:0;z-index:50}.devbar label{display:flex;align-items:center;gap:6px}.devbar input,.devbar select{font-size:12px;padding:4px 6px;border-radius:6px;border:1px solid #2a423c;background:#16211e;color:#d8f3ea}.devbar .spacer{flex:1}.devbar button{background:#1c3a32;color:#d8f3ea;border:1px solid #2a423c;border-radius:6px;padding:4px 10px;font-size:12px}.devbar .tag{padding:2px 8px;border-radius:999px;font-weight:600}.devbar .tag.live{background:var(--color-teal);color:#fff}.devbar .tag.mock{background:var(--color-orange);color:#fff}.devbar .signed-in-as{color:#9fcdbf;font-size:12px}.auth-form{margin-top:64px;display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-text-muted)}.auth-form input{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:14px}.auth-form button[type=submit]{padding:10px;border-radius:var(--radius-sm);border:none;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600}.context-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);text-align:left}.context-option span{color:var(--color-text-muted);font-size:12px}.state-banner{padding:12px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:12px}.state-banner.warn{background:var(--color-orange-bg);color:var(--color-orange)}.state-banner.error{background:var(--color-red-bg);color:var(--color-red)}.state-banner.success{background:var(--color-teal-bg);color:var(--color-teal)}pre.json-viewer{background:#0f1917;color:#d8f3ea;padding:12px;border-radius:var(--radius-md);font-size:11px;overflow-x:auto;max-height:400px}