.demo-sign-in{max-width:920px;color:var(--text-primary);margin:0 auto;padding:40px 24px 64px}.demo-sign-in .logo img{height:28px}.demo-sign-in .logo-dark{display:none}:root[data-theme=dark] .demo-sign-in .logo-dark{display:block}:root[data-theme=dark] .demo-sign-in .logo-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .demo-sign-in .logo-dark{display:block}:root:not([data-theme=light]) .demo-sign-in .logo-light{display:none}}.demo-sign-in h1{font-size:var(--text-xl);line-height:var(--lh-xl);letter-spacing:var(--tracking-display);margin-top:48px;font-weight:600}.demo-sign-in .lede{max-width:620px;color:var(--text-secondary);margin-top:8px;font-size:15px;line-height:22px}.demo-personas{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;padding:0;list-style:none;display:grid}.demo-personas button{text-align:left;cursor:pointer;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);width:100%;height:100%;color:var(--text-primary);font:inherit;box-shadow:var(--shadow-xs);flex-direction:column;gap:4px;padding:20px;display:flex}.demo-personas button:hover{border-color:var(--accent)}.demo-personas button:focus-visible{box-shadow:var(--focus-ring);outline:none}.demo-persona-role{color:var(--accent-text);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.demo-personas b{margin-top:8px;font-size:16px;font-weight:600}.demo-persona-title{color:var(--text-secondary);font-size:13px}.demo-persona-text{color:var(--text-secondary);margin-top:10px;font-size:14px;line-height:20px}@media (width<=720px){.demo-sign-in{padding:24px 16px 48px}.demo-sign-in h1{margin-top:32px}.demo-personas{grid-template-columns:1fr}}.demo-banner{z-index:60;pointer-events:none;border-radius:var(--radius-full);background:var(--bg-inverse);color:var(--text-inverse);opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 24px);padding:4px 12px;font-size:12px;line-height:18px;position:fixed;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.demo-ai-button{z-index:60;height:var(--control-lg);border-radius:var(--radius-full);cursor:pointer;background:var(--accent);color:var(--text-on-accent);font:500 14px/20px var(--font-sans);box-shadow:var(--shadow-md);border:0;align-items:center;gap:6px;padding:0 16px;display:inline-flex;position:fixed;bottom:44px;right:20px}.demo-ai-button:hover{background:var(--accent-hover)}.demo-ai-panel{z-index:70;background:var(--bg-surface);width:min(420px,100vw);color:var(--text-primary);border-left:1px solid var(--border-default);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.demo-ai-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.demo-ai-head h2{font-size:15px;font-weight:600}.demo-ai-head button{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:6px}.demo-ai-head button:hover{background:var(--bg-hover);color:var(--text-primary)}.demo-ai-body{flex-direction:column;flex:1;gap:12px;padding:16px;font-size:14px;line-height:21px;display:flex;overflow-y:auto}.demo-ai-note{color:var(--text-tertiary);font-size:12px}.demo-ai-question{border-radius:var(--radius-lg);background:var(--accent-subtle);align-self:flex-end;max-width:85%;padding:8px 12px}.demo-ai-answer{border-radius:var(--radius-lg);background:var(--bg-subtle);padding:10px 12px}.demo-ai-answer p+p,.demo-ai-answer p+ul,.demo-ai-answer ul+p,.demo-ai-answer p+ol,.demo-ai-answer ol+p{margin-top:8px}.demo-ai-answer ul,.demo-ai-answer ol{padding-left:18px}.demo-ai-answer ul{list-style:outside}.demo-ai-answer ol{list-style:decimal}.demo-ai-typing{color:var(--text-tertiary);animation:1.2s ease-in-out infinite demo-ai-pulse}@keyframes demo-ai-pulse{50%{opacity:.4}}.demo-ai-suggestions{flex-wrap:wrap;gap:6px;padding:12px 16px 16px;display:flex}.demo-ai-suggestions p{width:100%;color:var(--text-tertiary);font-size:12px}.demo-ai-suggestions button{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-full);font:13px/18px var(--font-sans);padding:4px 10px}.demo-ai-suggestions button:hover{border-color:var(--accent)}.demo-ai-form{gap:8px;padding:12px 16px 0;display:flex}.demo-ai-form input{min-width:0;height:var(--control-lg);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font:14px var(--font-sans);flex:1;padding:0 12px}.demo-ai-form input:focus{box-shadow:var(--focus-ring);outline:none}.demo-ai-form button{height:var(--control-lg);border-radius:var(--radius-md);cursor:pointer;background:var(--accent);color:var(--text-on-accent);font:500 14px var(--font-sans);border:0;padding:0 14px}.demo-ai-form button:disabled{opacity:.6;cursor:default}@media (width<=767px){.demo-banner{top:env(safe-area-inset-top);background:var(--bg-muted);max-width:none;height:18px;color:var(--text-secondary);text-align:center;opacity:1;border-radius:0;padding:0 8px;font-size:11px;line-height:18px;bottom:auto;left:0;right:0;transform:none}.shell .shell-topbar{height:calc(var(--topbar-height) + env(safe-area-inset-top) + 18px);padding-top:calc(env(safe-area-inset-top) + 18px)}.demo-sign-in{padding-top:42px}.demo-ai-button{right:16px;bottom:calc(env(safe-area-inset-bottom) + 136px);height:40px;padding:0 14px}}