:root{--bg:#0c0b10;--panel:#15131b;--panel-2:#1e1a27;--line:#35303f;--line-strong:#8e71be;--text:#f5f1fc;--muted:#b6adca;--blue:#a17be4;--cyan:#c1a5f3;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}body{font-size:15px;line-height:1.6}.ambient{opacity:.06}.panel,.login-card{box-shadow:none;border-color:var(--line);background:var(--panel)}.login-shell{background:radial-gradient(ellipse at 15% 20%,#2c203c 0,transparent 50%),#0c0b10;padding:64px 24px}.login-card{max-width:1080px;width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:72px;padding:48px;border-radius:20px}.brand-large,.login-copy{grid-column:1}.login-form{grid-column:2;grid-row:1 / span 3;align-self:center;border-left:1px solid var(--line);padding-left:40px}.login-copy h1{font-size:42px;line-height:1.25;letter-spacing:-.04em;margin:24px 0}.login-copy p{font-size:16px;color:var(--muted);line-height:1.9}.login-home{display:block;color:#c5b2e4;text-decoration:none;margin:20px 0}.login-foot{grid-column:1 / -1;margin-top:36px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.login-foot a{color:#c5b2e4}.topbar{background:#121017;border-bottom:1px solid var(--line);padding:18px 28px;gap:20px;flex-wrap:wrap}.topbar .account{gap:14px;flex-wrap:wrap}.home-link{color:#dac9f5;text-decoration:none}.primary{background:#9874dc;color:#fff;box-shadow:none;border:1px solid #ac8ae8;border-radius:9px;font-weight:600}.ghost,.join-team{border:1px solid var(--line);border-radius:9px}.sidebar{border-radius:12px}.hero{padding:28px 0;margin-bottom:24px}.hero h1{font-size:34px;letter-spacing:-.035em}.hero p{font-size:15px;color:var(--muted);max-width:650px}.eyebrow{color:#c5a8f0;letter-spacing:.15em;font-size:11px}.project-card{background:#17131f;border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:24px}.project-card:hover{border-color:#9273ba;transform:translateY(-2px)}input,select,textarea{background:#100e16;color:var(--text);border-color:#484052;border-radius:9px;font-size:15px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c9a5ff;outline-offset:4px}.muted{color:var(--muted);font-size:14px}.cloud-pill{background:#2c223b;color:#d6c0f4;border-color:#665080}.content{min-width:0}@media(max-width:850px){.login-card{display:block;padding:28px;max-width:540px}.login-form{border:0;padding:0;margin-top:28px}.login-copy h1{font-size:34px}.topbar{padding:16px}.topbar .account{gap:10px}.hero h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.project-card:hover{transform:none}}

/* Keep the brand and return link separate at every viewport width. */
.login-card .brand-large{position:static;align-self:start;margin:0 0 26px}.login-card .login-copy{align-self:start;padding-bottom:46px}.login-card .login-home{display:block;width:max-content;margin:0 0 16px}@media(max-width:850px){.login-card .brand-large{margin-bottom:24px}}

/* Compact project cards: production actions, not sync/debug metadata. */
.workspace-brand { color:inherit; text-decoration:none; flex-shrink:0; }
.workspace-brand:hover strong { color:#d4b4f7; }
.account-profile .avatar { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; padding:0; line-height:1; text-align:center; background:#362647; color:#e6d2ff; }
.topbar { height:auto; min-height:70px; }
.topbar .account { min-width:0; }
.projects { grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }
.project-card { padding: 0; background: #17131f; }
.project-card .cover { height: 54px; align-items: center; padding: 12px 18px; background: #20192b; border-bottom: 1px solid var(--line); }
.project-card .cover span { padding: 3px 8px; background: #31213f; color: #dac2f8; font-size: 11px; }
.project-card .cover i { padding: 0; background: transparent; color: var(--muted); font-size: 11px; }
.project-card .project-body { padding: 18px; }
.project-card .project-title { align-items: baseline; min-width: 0; }
.project-card .project-title h3 { font-size: 17px; line-height: 1.45; overflow-wrap: anywhere; }
.project-card .project-title > span { flex: 0 0 auto; font-size: 11px; }
.project-card .project-summary { min-height: 0; margin: 9px 0 17px; font-size: 12px; }
.project-summary > span { margin: 0 7px; color: #756985; }
.project-card .project-meta { font-size: 11px; color: var(--muted); }
.project-card .project-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.project-card .project-actions button { min-height: 38px; border-radius: 8px; padding: 8px 11px; font-size: 12px; font-weight: 550; }
.project-card .enter { width: auto; flex: 1 1 110px; background: #bea0ed; color: #21182f; border: 1px solid #bea0ed; }
.project-card .enter:hover { background: #d1b5f8; border-color: #d1b5f8; }
.project-card .project-settings { background: #211b2c; color: #e3d6f5; border: 1px solid #685477; white-space: nowrap; }
.project-card .project-settings:hover { background: #30243e; border-color: #ac86d8; }
.project-card .project-delete { font-size: 11px; background: transparent; border-color: #62303e; }
@media (max-width: 520px) { .project-card .project-actions button { min-height: 42px; } }