*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--surface: #111118;--border: #1e1e2e;--text: #e2e2f0;--muted: #6b6b8a;--accent: #818cf8}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;line-height:1.6}.app{max-width:1500px;margin:0 auto;padding:48px 24px 80px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px;width:100%;max-width:400px}.login-title{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:6px}.login-sub{text-align:center;color:var(--muted);margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;padding:12px 16px;font-family:inherit;transition:border-color .15s}.login-input:focus{outline:none;border-color:var(--accent)}.login-error{color:#f87171;font-size:.85rem;text-align:center}.logout-btn{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:6px 14px;font-size:.8rem;cursor:pointer;margin-top:10px;transition:color .15s,border-color .15s}.logout-btn:hover{color:var(--text);border-color:var(--muted)}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;color:#fff}.accent{color:var(--accent)}.tagline{margin-top:8px;color:var(--muted);font-size:1rem}.form{display:flex;flex-direction:column;gap:12px;max-width:760px;margin:0 auto 48px}.textarea-wrap{position:relative}.question-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;padding:16px;resize:vertical;transition:border-color .15s;font-family:inherit;line-height:1.6}.question-input:focus{outline:none;border-color:var(--accent)}.question-input::placeholder{color:var(--muted)}.question-input:disabled{opacity:.6;cursor:not-allowed}.hint{position:absolute;bottom:10px;right:14px;font-size:.72rem;color:var(--muted);pointer-events:none}.submit-btn{align-self:flex-end;display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;padding:12px 24px;cursor:pointer;transition:opacity .15s,transform .1s}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.cards>:nth-child(4){grid-column:1 / 2;margin-left:50%}.cards>:nth-child(5){grid-column:2 / 3}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.cards>:nth-child(4),.cards>:nth-child(5){grid-column:auto;margin-left:0}}@media(max-width:600px){.cards{grid-template-columns:1fr}}.model-card{background:var(--card-bg, var(--surface));border:1px solid var(--card-border, var(--border));border-radius:14px;display:flex;flex-direction:column;min-height:280px;overflow:hidden}.card-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--card-border, var(--border))}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.model-name{font-weight:700;font-size:.95rem}.model-subtitle{color:var(--muted);font-size:.78rem;margin-left:auto}.card-body{flex:1;padding:18px;display:flex;flex-direction:column;overflow-y:auto;max-height:360px}.response-text{white-space:pre-wrap;font-family:inherit;font-size:.875rem;color:var(--text);line-height:1.7}.placeholder{color:var(--muted);font-size:.875rem;font-style:italic}.loading{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.875rem;padding:12px 0}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.error{display:flex;align-items:flex-start;gap:10px;color:#f87171;font-size:.8rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:10px 12px}.error-icon{flex-shrink:0}.analysis-panel{background:#0e0e1a;border:1px solid #2d2d52;border-radius:16px;padding:28px;margin-top:8px}.analysis-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.analysis-title{font-size:1.1rem;font-weight:700;color:#fff}.analysis-badge{font-size:.72rem;font-weight:600;color:var(--accent);background:#818cf81f;border:1px solid rgba(129,140,248,.25);border-radius:20px;padding:2px 10px;text-transform:uppercase;letter-spacing:.05em}.analysis-loading{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.875rem}.analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:700px){.analysis-grid{grid-template-columns:1fr}}.analysis-section{background:#13131f;border:1px solid #252540;border-radius:12px;padding:18px}.analysis-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.analysis-icon{font-size:1rem;color:var(--accent)}.analysis-label{font-weight:600;font-size:.875rem;color:#c4c4e0}.analysis-text{font-size:.875rem;color:var(--text);line-height:1.7}.synthesis-panel{background:#110f06;border:1px solid #78350f;border-radius:16px;padding:28px;margin-top:20px}.synthesis-title{font-size:1.1rem;font-weight:700;color:#fff}.synthesis-badge{font-size:.72rem;font-weight:600;color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:20px;padding:2px 10px;text-transform:uppercase;letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}