:root{--primary:#1a3969;--on-primary:#fff;--secondary:#f63;--on-secondary:#fff;--accent:#5ab8de;--on-accent:#fff;--background:#f4f7fb;--background-hero:linear-gradient(135deg, #0d2644 0%, #15426c 55%, #1a3969 100%);--surface:#fff;--surface-hover:#f1f5f9;--surface-elevated:#fff;--glass:#ffffff14;--glass-border:#ffffff29;--font-display:"Montserrat", sans-serif;--font-body:"Montserrat", sans-serif;--text-primary:#16233b;--text-secondary:#5b6b85;--text-muted:#97a2b8;--text-inverse:#fff;--success:#22c55e;--info:#0ea5e9;--warning:#f59e0b;--danger:#ef4444;--primary-hover:#12284a;--secondary-hover:#e5561f;--accent-hover:#48a4c9;--disabled:#cbd5e1;--border:#e6ebf3;--border-light:#f1f5f9;--border-strong:#b9c3d6;--shadow-sm:0 1px 2px #0d26440f;--shadow-md:0 8px 24px #0d26441a;--shadow-lg:0 20px 48px #0d264429;--focus:#5ab8de;--gradient-iris:radial-gradient(circle at 30% 30%, #5ab8de 0%, #1a3969 55%, #0d2644 100%);--gradient-warm:linear-gradient(135deg, #f63 0%, #ff8f5c 100%);--radius-sm:8px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--container-max:1280px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.2s var(--ease);--t-base:.35s var(--ease);--t-slow:.6s var(--ease-out)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}a{color:inherit}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.skip-link{z-index:100;background:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);transition:top var(--t-fast);padding:10px 16px;font-size:.85rem;font-weight:700;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.ambient{z-index:-1;background:var(--background);position:fixed;inset:0;overflow:hidden}.ambient__blob{filter:blur(60px);opacity:.35;border-radius:50%;position:absolute}.ambient__blob--a{background:var(--accent);width:46vw;height:46vw;animation:22s ease-in-out infinite drift-a;top:-14vw;left:-10vw}.ambient__blob--b{background:var(--secondary);opacity:.22;width:38vw;height:38vw;animation:26s ease-in-out infinite drift-b;bottom:-16vw;right:-8vw}.ambient__blob--c{background:var(--primary);opacity:.18;width:30vw;height:30vw;animation:30s ease-in-out infinite drift-c;top:30%;right:18%}@keyframes drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4vw,6vw)scale(1.12)}}@keyframes drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5vw,-4vw)scale(1.08)}}@keyframes drift-c{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-3vw,5vw)scale(.94)}}.shell{--sidebar-w:84px;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.shell__main{flex-direction:column;min-width:0;padding:28px 28px 20px;display:flex}.sidebar{background:var(--background-hero);height:100vh;color:var(--text-inverse);box-shadow:var(--shadow-lg);z-index:2;flex-direction:column;align-items:center;gap:28px;padding:20px 0;display:flex;position:sticky;top:0}.sidebar__brand{flex-direction:column;align-items:center;gap:6px;display:flex}.sidebar__logo{border-radius:50%;box-shadow:0 0 0 3px #ffffff1f}.sidebar__brand-label{letter-spacing:.16em;color:var(--accent);font-size:.62rem;font-weight:800}.sidebar__nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar__link{width:60px;color:var(--text-inverse);opacity:.7;border-radius:var(--radius-sm);transition:background var(--t-fast), opacity var(--t-fast), transform var(--t-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;display:flex}.sidebar__link:hover{opacity:1;background:#ffffff14}.sidebar__link.is-active{opacity:1;background:var(--secondary);box-shadow:var(--shadow-sm)}.sidebar__link-label{letter-spacing:.01em;font-size:.6rem;font-weight:700}.sidebar__footer{flex-direction:column;align-items:center;gap:6px;display:flex}.sidebar__footer-label{color:#ffffffa6;text-align:center;max-width:60px;font-size:.56rem;font-weight:600;line-height:1.2}.console{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.console__hero{text-align:center;animation:rise-in var(--t-slow) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.console__hero-logo{filter:drop-shadow(0 8px 20px #1a396940);margin-bottom:18px}.console__hero h1{font-family:var(--font-display);color:var(--primary);letter-spacing:-.01em;margin:0 0 8px;font-size:1.7rem;font-weight:800}.console__hero p{color:var(--text-secondary);max-width:380px;margin:0 0 28px;font-size:.92rem}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topic-grid{grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;width:100%;max-width:440px;display:grid}.topic-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.topic-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.topic-card__icon{border-radius:var(--radius-sm);background:var(--gradient-iris);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.topic-card__label{color:var(--text-primary);font-size:.86rem;font-weight:700}.topic-card__desc{color:var(--text-secondary);font-size:.74rem}.console__thread{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.bubble-row{max-width:78%;animation:bubble-in .35s var(--ease-spring);align-items:flex-end;gap:8px;display:flex}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bubble-row--bot{align-self:flex-start}.bubble-row--user{flex-direction:row-reverse;align-self:flex-end}.bubble-avatar{background:var(--gradient-iris);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.bubble-avatar.is-thinking:after{content:"";border:2px solid var(--accent);opacity:.6;animation:avatar-ring 1.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes avatar-ring{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.bubble{border-radius:var(--radius-md);white-space:pre-wrap;padding:11px 15px;font-size:.9rem;line-height:1.5}.bubble--bot{background:var(--surface-hover);color:var(--text-primary);border-bottom-left-radius:4px}.bubble--user{background:var(--gradient-warm);color:var(--on-secondary);box-shadow:var(--shadow-sm);border-bottom-right-radius:4px}.bubble--error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca}.bubble-tag{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;margin-top:5px;font-size:.66rem;font-weight:700;display:inline-flex}.bubble--typing{align-items:center;gap:4px;padding:15px 16px;display:flex}.dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.console__composer{border-top:1px solid var(--border);background:var(--surface);gap:10px;padding:16px;display:flex}.console__input{border:1.5px solid var(--border);border-radius:var(--radius-pill);font-size:.9rem;font-family:var(--font-body);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;flex:1;padding:12px 18px}.console__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #5ab8de29}.console__send{background:var(--secondary);width:46px;height:46px;color:var(--on-secondary);transition:background var(--t-fast), transform var(--t-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.console__send:hover:not(:disabled){background:var(--secondary-hover);transform:scale(1.06)}.console__send:active:not(:disabled){transform:scale(.96)}.console__send:disabled{background:var(--disabled);cursor:not-allowed}.insights{animation:rise-in var(--t-slow) var(--ease-out);flex-direction:column;gap:20px;display:flex}.insights--empty{text-align:center;color:var(--text-secondary);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);justify-content:center;align-items:center;gap:10px;padding:80px 20px}.insights__header h1{font-family:var(--font-display);color:var(--primary);margin:0 0 4px;font-size:1.5rem;font-weight:800}.insights__header p{color:var(--text-secondary);margin:0;font-size:.88rem}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-fast), transform var(--t-fast);align-items:center;gap:13px;padding:16px;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card__icon{border-radius:var(--radius-sm);background:var(--gradient-iris);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.kpi-card__value{color:var(--primary);font-size:1.35rem;font-weight:800;line-height:1.1}.kpi-card__label{color:var(--text-secondary);margin-top:2px;font-size:.76rem}.kpi-card__hint{color:var(--text-secondary);font-size:.7rem}.insights__grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=780px){.insights__grid{grid-template-columns:1fr 1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.panel h2{color:var(--primary);align-items:center;gap:8px;margin:0 0 16px;font-size:.92rem;font-weight:700;display:flex}.panel__empty{color:var(--text-secondary);font-size:.82rem}.gauge-row{flex-wrap:wrap;gap:24px;display:flex}.gauge{flex-direction:column;align-items:center;gap:6px;display:flex}.gauge__ring{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.gauge__ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:10px}.gauge__value{z-index:1;color:var(--primary);font-size:.95rem;font-weight:800;position:relative}.gauge__label{color:var(--text-primary);font-size:.78rem;font-weight:700}.gauge__count{color:var(--text-secondary);font-size:.74rem}.rank-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rank-list__item{border-radius:var(--radius-sm);transition:background var(--t-fast);align-items:center;gap:10px;padding:9px 10px;display:flex}.rank-list__item:hover{background:var(--surface-hover)}.rank-list__medal{text-align:center;width:22px;font-size:.95rem}.rank-list__name{color:var(--text-primary);text-transform:capitalize;flex:1;font-size:.85rem;font-weight:600}.rank-list__count{color:var(--primary);font-size:.8rem;font-weight:800}.sidebar__pulse{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar__pulse.is-online{background:var(--success);animation:2s infinite pulse-dot}.sidebar__pulse.is-checking{background:var(--text-muted);animation:1s infinite pulse-dot}.sidebar__pulse.is-offline{background:var(--danger);box-shadow:none}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.offline-banner{color:var(--danger);border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:.82rem;display:flex}.console__thread-wrap{flex:1;min-height:0;display:flex;position:relative}.console__thread-wrap .console__thread{flex:1}.scroll-fab{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--primary);box-shadow:var(--shadow-md);transition:transform var(--t-fast), box-shadow var(--t-fast);animation:rise-in .25s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scroll-fab:hover{box-shadow:var(--shadow-lg);transform:translate(-50%)translateY(-2px)}.bubble-meta{align-items:center;gap:8px;margin-top:5px;display:flex}.bubble-time{color:var(--text-muted);font-size:.64rem;font-weight:600}.crash-screen{background:var(--background-hero);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.crash-screen__card{background:var(--surface);border-radius:var(--radius-lg);text-align:center;max-width:420px;box-shadow:var(--shadow-lg);padding:32px}.crash-screen__card h1{font-family:var(--font-display);color:var(--primary);margin:0 0 10px;font-size:1.2rem}.crash-screen__card p{color:var(--text-secondary);margin:0 0 20px;font-size:.9rem}.crash-screen__card button{background:var(--secondary);color:var(--on-secondary);border-radius:var(--radius-pill);transition:background var(--t-fast);border:none;padding:11px 22px;font-weight:700}.crash-screen__card button:hover{background:var(--secondary-hover)}@media (width<=760px){.shell{grid-template-rows:1fr auto;grid-template-columns:1fr}.sidebar{height:auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:row;justify-content:space-around;gap:0;position:fixed;inset:auto 0 0}.sidebar__brand{display:none}.sidebar__nav{flex-direction:row;flex:0;gap:4px}.sidebar__footer{flex-direction:row;gap:6px}.sidebar__footer-label{display:none}.shell__main{padding:18px 14px 90px}.topic-grid{grid-template-columns:1fr 1fr}.bubble-row{max-width:92%}}@media (width<=420px){.topic-grid{grid-template-columns:1fr}}