:root{--color-bg-base:#060608;--color-bg-surface:#0e0e13;--color-bg-surface-raised:#16161d;--color-border-subtle:#ffffff1a;--color-border-strong:#ffffff2e;--color-text-primary:#ececf1;--color-text-secondary:#9a9aa7;--color-text-tertiary:#6f6f7c;--color-accent-primary:#2e7de0;--color-accent-soft:#2e7de029;--color-accent-pressed:#1f63cf;--color-accent-ink:#060608;--brand-rainbow:linear-gradient(90deg, #2e7de0 0%, #16c6c9 17%, #74ce3c 33%, #ffc61a 50%, #ff7a1f 67%, #ee2b37 83%, #ec1e8c 100%);--radius-control:8px;--radius-card:20px;--radius-hero:28px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,Segoe UI,Inter,system-ui,sans-serif}button{font-family:inherit}.app-shell{flex-direction:column;gap:24px;max-width:640px;margin:0 auto;padding:24px 16px 96px;display:flex}.app-header{justify-content:space-between;align-items:center;display:flex}.app-brand{align-items:center;gap:9px;display:inline-flex}.app-title{background:var(--brand-rainbow);color:#0000;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.app-signout{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:14px}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:16px}