:root{--bg: #0b0f12;--text: #e6eef6;--muted: #9aa6b2;--header-bg: #071826;--header-text: var(--text);--footer-bg: #071018;--footer-text: var(--muted);--link-color: #9fe0ff;--accent: #0b76ef;--danger-bg: #f55;--danger-text: #fff;--panel-bg: #0f1720;--control-bg: #0b1220;--border: rgba(255,255,255,.06);--border-muted: rgba(255,255,255,.03);--hover-bg: rgba(255,255,255,.03);--muted-text-alt: #555;--input-border: #ccc;--button-primary-bg: #00bb55;--button-primary-text: #012;--button-secondary-bg: #eee;--button-secondary-text: #012;--warning-bg: #fef3c7;--warning-text: #92400e;--warning-muted: #6b3b11;--warning-border: #f5d0a3;--panel-shadow-md: 0 8px 20px rgba(0,0,0,.12);--panel-shadow-lg: 0 8px 24px rgba(9,30,66,.08);--spinner-border: #ddd;--spinner-top: var(--accent);--card-bg: var(--panel-bg);--card-border: var(--border-muted);--hero-bg: rgba(11,118,239,.06);--hero-border: rgba(11,118,239,.12)}.theme-light{--bg: #ffffff;--text: #012;--muted: #666;--header-bg: #0b5;--header-text: #012;--footer-bg: #f4f4f4;--footer-text: #444;--link-color: #012;--accent: #0b76ef;--danger-bg: #f55;--danger-text: #fff;--panel-bg: #fff;--control-bg: #fff;--border: rgba(2,8,23,.06);--border-muted: rgba(2,8,23,.03);--hover-bg: #f0f7ff;--muted-text-alt: #666;--input-border: #ccc;--button-primary-bg: var(--accent);--button-primary-text: #012;--button-secondary-bg: #f4f4f4;--button-secondary-text: #012;--warning-bg: #fff3cd;--warning-text: #7a2f00;--warning-muted: #5a2e00;--warning-border: #ffe8b5;--panel-shadow-md: 0 8px 20px rgba(0,0,0,.06);--panel-shadow-lg: 0 8px 24px rgba(9,30,66,.04);--spinner-border: #e0e0e0;--spinner-top: var(--accent);--card-bg: #fff;--card-border: rgba(2,8,23,.06);--hero-bg: #f6f9ff;--hero-border: #dbe7ff}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link-color)}button{font-family:inherit}.scg-btn{appearance:none;border:1px solid var(--border);border-radius:6px;background:var(--control-bg);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:13px;line-height:1.1}.scg-btn:disabled{cursor:not-allowed;opacity:.6}.scg-btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:transparent}.scg-btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text)}.scg-btn-ghost{background:transparent;color:var(--text)}.scg-btn-danger{background:var(--danger-bg);color:var(--danger-text);border-color:transparent}.scg-btn-sm{padding:6px 10px;font-size:12px}.scg-header{background:var(--header-bg);padding:12px;color:var(--header-text)}.scg-header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.scg-title{margin:0;font-size:18px}.scg-nav-link{margin-right:12px;color:var(--header-text);text-decoration:none}.scg-signout{margin-left:8px;padding:6px 10px;background:var(--danger-bg);color:var(--danger-text);border:none;border-radius:4px;cursor:pointer}.scg-nav-muted{color:var(--header-text)}.scg-footer{background:var(--footer-bg);padding:12px;color:var(--footer-text);font-family:inherit}.scg-footer-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.scg-footer-version{font-size:12px;color:var(--footer-text)}.scg-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.scg-control{background:var(--control-bg);color:var(--text)}.scg-dd-btn{border:1px solid var(--border);background:var(--control-bg);color:var(--text)}.scg-hover{background:var(--hover-bg)}.site-container{max-width:900px;margin:0 auto}