:root{--color-bg-main:#2e2a3f;--color-bg-surface:#3b3652;--color-bg-surface-hover:#474066;--color-bg-elevated:#423c5e;--color-accent:#bba9ff;--color-accent-strong:#9c82ff;--color-accent-soft:#dcd4ff;--color-text-primary:#e8e4f5;--color-text-secondary:#b8b2cc;--color-text-muted:#7a748f;--color-success:#9ed6b8;--color-warning:#e8c38a;--color-danger:#e89ab3;--overlay-soft:#7864aa14;--overlay-medium:#7864aa29;--overlay-strong:#7864aa3d;--glow-soft:0 0 8px #9c82ff59;--glow-medium:0 0 14px #9c82ff80;--glow-strong:0 0 20px #9c82ffbf;--shadow-soft:0 4px 12px #00000040;--shadow-medium:0 8px 24px #00000059;--shadow-elevated:0 12px 32px #00000073;--border-soft:1px solid #ffffff0d;--border-focus:1px solid var(--color-accent);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-family-base:"Inter", "Segoe UI", system-ui, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--transition-fast:.12s ease;--transition-medium:.18s ease;--transition-slow:.26s ease}*{box-sizing:border-box}html,body{height:100%}body{background-color:var(--color-bg-main);color:var(--color-text-primary);font-family:var(--font-family-base);margin:0;overflow:hidden}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#9c82ff14,#0000 60%);position:fixed;inset:0}.error-placeholder{top:var(--space-4);z-index:1000;width:min(720px, calc(100vw - (var(--space-4) * 2)));color:var(--color-text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);background:#e89ab324;border:1px solid #e89ab366;padding:10px 12px;font-size:13px;line-height:1.35;position:fixed;left:50%;transform:translate(-50%)translateY(-8px)}.error-placeholder[aria-hidden=false]{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.app{flex-direction:column;height:100%;display:flex;position:relative}.main{padding:var(--space-8) var(--space-4);flex:1;place-items:center;height:100%;display:grid}.panel{border:var(--border-soft);border-radius:var(--radius-xl);width:min(560px,92vw);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);padding:var(--space-8);background:#3b36528c}.panel__title{font-size:18px;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);letter-spacing:.2px}.panel__title_centered{font-size:18px;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);letter-spacing:.2px;text-align:center}.panel__subtitle{margin:0 0 var(--space-6);color:var(--color-text-secondary);font-size:13px;line-height:1.4}.form{gap:var(--space-5);display:grid}.field label{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:12px;display:block}.select{background-color:var(--color-bg-elevated);width:100%;color:var(--color-text-primary);border-radius:var(--radius-md);border:var(--border-soft);transition:box-shadow var(--transition-fast), border var(--transition-fast), background var(--transition-fast);appearance:none;background-image:linear-gradient(45deg,#0000 50%,#e8e4f5a6 50%),linear-gradient(135deg,#e8e4f5a6 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding:12px}.select:focus{box-shadow:var(--glow-soft);border:var(--border-focus);outline:none}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.button-primary{background-color:var(--color-accent-strong);color:#1e1a2d;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border:none;padding:12px 18px}.button-primary:hover{box-shadow:var(--glow-soft);filter:brightness(1.03);transform:translateY(-1px)}.button-primary:active{filter:brightness(.98);transform:translateY(0)}.button-primary:focus-visible{box-shadow:var(--glow-medium);outline:none}.button-primary:disabled{color:var(--color-text-muted);cursor:default;box-shadow:none;filter:none;background-color:#9c82ff1a;transform:none}.hint{color:var(--color-text-muted);font-size:12px;line-height:1.4}.pill{border-radius:var(--radius-pill);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;background:#9c82ff1a;border:1px solid #9c82ff33;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:inline-flex}.pill__dot{border-radius:var(--radius-pill);background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 10px #9c82ff59}.panel__footer{margin-top:var(--space-6);justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.topbar{height:48px;padding:0 var(--space-4);border-bottom:var(--border-soft);-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#0000001a;align-items:center;display:flex}.brand{align-items:baseline;gap:var(--space-3);min-width:0;display:flex}.brand__title{font-weight:var(--font-weight-semibold);letter-spacing:.2px;white-space:nowrap}.brand__subtitle{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:48vw;font-size:12px;overflow:hidden}.topbar__spacer{flex:1}.status{align-items:center;gap:var(--space-2);margin-right:var(--space-3);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;font-size:12px;display:inline-flex}.status__dot{border-radius:var(--radius-pill);background:var(--color-success);width:8px;height:8px;box-shadow:0 0 10px #9ed6b859}.user{align-items:center;display:inline-flex;position:relative}.avatar-btn{border-radius:var(--radius-pill);border:var(--border-soft);background:var(--overlay-medium);width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar-btn:hover{background:var(--overlay-strong);box-shadow:var(--glow-soft);transform:translateY(-1px)}.avatar-btn:focus-visible{box-shadow:var(--glow-medium);border:var(--border-focus);outline:none}.avatar-initials{font-weight:var(--font-weight-semibold);letter-spacing:.6px;color:var(--color-accent-soft);font-size:12px}.avatar-image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-pill);width:34px;height:34px;display:block}.avatar-image:not([hidden])+.avatar-initials{display:none}.menu{border:var(--border-soft);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(14px);padding:var(--space-2);z-index:20;background:#3b3652b8;display:none;position:absolute;top:calc(100% + 10px);right:0}.menu[aria-hidden=false]{animation:pop var(--transition-medium);transform-origin:100% 0;display:block}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.menu__header{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);background:#ffffff08}.menu__name{font-weight:var(--font-weight-semibold);font-size:13px;line-height:1.2}.menu__meta{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.menu__divider{height:1px;margin:var(--space-2) 0;background:#ffffff0f}.menu__item{width:100%;color:var(--color-text-primary);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast), box-shadow var(--transition-fast);font-weight:var(--font-weight-medium);background:0 0;border:0}.menu__item:hover{background:#9c82ff1a;box-shadow:inset 0 0 0 1px #9c82ff33}.menu__item:focus-visible{box-shadow:var(--glow-soft);outline:none}