:root{--bg-void: #050b16;--bg-deep: #030710;--bg-surface: rgba(16, 28, 46, .55);--bg-surface-2: rgba(20, 34, 54, .6);--bg-surface-3: rgba(26, 42, 64, .65);--violet: #8b5cf6;--violet-glow: #a78bfa;--magenta: #f472b6;--cyan: #22d3ee;--coral: #fb7185;--gold: #5eead4;--text-primary: #eef3f9;--text-secondary: #93a7c2;--text-muted: #56698a;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--radius: 16px;--radius-sm: 12px;--font-display: "Unbounded", sans-serif;--font-body: "Manrope", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 80% 60% at 50% -10%,#0f2438 0%,transparent 60%),var(--bg-void);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea{font-family:inherit;color:inherit}.particles-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(139,92,246,.15) 60%,transparent 70%);filter:blur(.5px);opacity:.5;animation:drift linear infinite}@keyframes drift{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:var(--p-opacity, .5)}90%{opacity:var(--p-opacity, .5)}to{transform:translate(var(--p-dx, 30px),var(--p-dy, -220px)) scale(1.15);opacity:0}}.particle:nth-child(1){width:6px;height:6px;left:8%;top:92%;--p-dx: 20px;--p-dy: -260px;--p-opacity: .55;animation-duration:18s;animation-delay:0s}.particle:nth-child(2){width:10px;height:10px;left:18%;top:88%;--p-dx: -15px;--p-dy: -300px;--p-opacity: .4;animation-duration:24s;animation-delay:2s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(34,211,238,.18) 60%,transparent 70%)}.particle:nth-child(3){width:4px;height:4px;left:27%;top:95%;--p-dx: 25px;--p-dy: -220px;--p-opacity: .6;animation-duration:15s;animation-delay:5s}.particle:nth-child(4){width:8px;height:8px;left:38%;top:90%;--p-dx: -20px;--p-dy: -280px;--p-opacity: .45;animation-duration:21s;animation-delay:1s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(244,114,182,.18) 60%,transparent 70%)}.particle:nth-child(5){width:5px;height:5px;left:49%;top:96%;--p-dx: 10px;--p-dy: -240px;--p-opacity: .5;animation-duration:19s;animation-delay:7s}.particle:nth-child(6){width:12px;height:12px;left:58%;top:85%;--p-dx: -25px;--p-dy: -320px;--p-opacity: .35;animation-duration:27s;animation-delay:3s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(139,92,246,.2) 60%,transparent 70%)}.particle:nth-child(7){width:6px;height:6px;left:67%;top:93%;--p-dx: 18px;--p-dy: -250px;--p-opacity: .55;animation-duration:17s;animation-delay:9s}.particle:nth-child(8){width:9px;height:9px;left:76%;top:89%;--p-dx: -12px;--p-dy: -290px;--p-opacity: .4;animation-duration:23s;animation-delay:4s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(34,211,238,.18) 60%,transparent 70%)}.particle:nth-child(9){width:4px;height:4px;left:85%;top:97%;--p-dx: 22px;--p-dy: -210px;--p-opacity: .6;animation-duration:14s;animation-delay:6s}.particle:nth-child(10){width:7px;height:7px;left:93%;top:91%;--p-dx: -18px;--p-dy: -270px;--p-opacity: .5;animation-duration:20s;animation-delay:8s}.particle:nth-child(11){width:5px;height:5px;left:4%;top:98%;--p-dx: 14px;--p-dy: -230px;--p-opacity: .55;animation-duration:16s;animation-delay:11s}.particle:nth-child(12){width:11px;height:11px;left:14%;top:86%;--p-dx: -22px;--p-dy: -310px;--p-opacity: .35;animation-duration:26s;animation-delay:.5s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(244,114,182,.18) 60%,transparent 70%)}.particle:nth-child(13){width:6px;height:6px;left:33%;top:99%;--p-dx: 16px;--p-dy: -215px;--p-opacity: .55;animation-duration:15.5s;animation-delay:3.5s}.particle:nth-child(14){width:8px;height:8px;left:44%;top:87%;--p-dx: -14px;--p-dy: -295px;--p-opacity: .4;animation-duration:22s;animation-delay:6.5s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(139,92,246,.2) 60%,transparent 70%)}.particle:nth-child(15){width:4px;height:4px;left:62%;top:96%;--p-dx: 12px;--p-dy: -225px;--p-opacity: .6;animation-duration:13.5s;animation-delay:10s}.particle:nth-child(16){width:10px;height:10px;left:71%;top:84%;--p-dx: -20px;--p-dy: -330px;--p-opacity: .35;animation-duration:28s;animation-delay:2.5s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(34,211,238,.18) 60%,transparent 70%)}.particle:nth-child(17){width:5px;height:5px;left:80%;top:98%;--p-dx: 18px;--p-dy: -205px;--p-opacity: .6;animation-duration:14.5s;animation-delay:12s}.particle:nth-child(18){width:7px;height:7px;left:90%;top:88%;--p-dx: -16px;--p-dy: -280px;--p-opacity: .45;animation-duration:21.5s;animation-delay:5.5s}@media (prefers-reduced-motion: reduce){.particle{animation:none;opacity:.25}}.btn-primary{background:linear-gradient(120deg,var(--violet),var(--magenta) 60%,var(--coral));color:#fff;border:none;padding:13px 26px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 24px #8b5cf659}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 30px #8b5cf680}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-surface-3);border:1px solid var(--border-strong);color:var(--text-primary);padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.btn-secondary:hover{border-color:var(--violet-glow)}.btn-ghost{background:transparent;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;padding:8px 4px;align-self:flex-start}.btn-ghost:hover{color:var(--violet-glow)}.btn-ghost.small{font-size:13px;padding:4px}.chip,.bubble-bot,.topic-card,.result-card,.fav-item,.mode-btn.active,.device-toggle-btn,.bt-tab{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chip{background:var(--bg-surface-2);border:1px solid var(--border);color:var(--text-primary);padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.chip:hover:not(:disabled){border-color:var(--violet-glow)}.chip.active{background:linear-gradient(135deg,var(--violet),var(--magenta));border-color:transparent;color:#fff}.chip:disabled{opacity:.5;cursor:not-allowed}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}input,textarea{background:linear-gradient(120deg,#ffffff0f,#ffffff05 35%,#ffffff12 60%,#ffffff05),var(--bg-surface-2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:13px 16px;font-size:15px;width:100%;outline:none;box-shadow:inset 0 1px #ffffff14}input:focus,textarea:focus{border-color:var(--violet-glow);box-shadow:inset 0 1px #ffffff14,0 0 0 3px #8b5cf62e}input::placeholder,textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;margin-bottom:14px}.field-row{margin-bottom:16px}.splash{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-void)}.logo-mark{font-family:var(--font-display);font-weight:900;font-size:40px;width:84px;height:84px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--violet),var(--magenta));box-shadow:0 0 60px #a855f780;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1;background:radial-gradient(circle at 20% 15%,rgba(139,92,246,.2),transparent 45%),radial-gradient(circle at 80% 85%,rgba(34,211,238,.14),transparent 45%),var(--bg-void)}.auth-card{width:100%;max-width:400px;background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-strong);border-radius:20px;padding:32px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0f}.brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.brand-mark{font-family:var(--font-display);font-weight:900;font-size:22px;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--violet),var(--magenta));flex-shrink:0}.brand-mark.small{width:36px;height:36px;font-size:16px;border-radius:10px}.brand-title{font-family:var(--font-display);font-weight:700;font-size:22px;margin:0;text-transform:lowercase;letter-spacing:.5px}.brand-sub{margin:2px 0 0;font-size:13px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-weight:600}.telegram-slot{display:flex;justify-content:center;min-height:40px;margin-bottom:20px}.divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:13px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.divider span{padding:0 12px}.mode-switch{display:flex;background:var(--bg-surface-2);border-radius:var(--radius-sm);padding:4px;margin-bottom:20px}.mode-btn{flex:1;background:transparent;border:none;padding:10px;border-radius:8px;color:var(--text-secondary);font-weight:600;cursor:pointer}.mode-btn.active{background:var(--bg-surface-3);color:var(--text-primary)}.auth-form{display:flex;flex-direction:column;gap:12px}.form-error{color:#f87171;font-size:13px;margin:0}.app-shell{display:flex;height:100%;position:relative;z-index:1}.sidebar{width:240px;flex-shrink:0;position:relative;z-index:1;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 24px}.sidebar-brand-text{font-family:var(--font-display);font-weight:700;text-transform:lowercase;letter-spacing:.5px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--text-secondary);padding:12px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;text-align:left}.nav-item:hover{background:var(--bg-surface-2);color:var(--text-primary)}.nav-item.active{background:#8b5cf614;color:#fff;box-shadow:0 0 0 1.5px var(--violet-glow),0 0 18px #8b5cf68c,0 0 34px #8b5cf640}.nav-icon{font-size:18px}.sidebar-footer{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:10px}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 8px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-surface-3);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gold);flex-shrink:0}.user-name{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;overflow-y:auto;padding:32px 40px}.view{max-width:640px;display:flex;flex-direction:column}.screen-header{margin-bottom:20px}.screen-header h2{font-family:var(--font-display);font-size:28px;font-weight:700;margin:0 0 6px;background:linear-gradient(90deg,var(--violet-glow),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.screen-header p{color:var(--text-secondary);margin:0;font-size:14px}.empty-hint{color:var(--text-muted);font-size:14px}.step-question{font-weight:600;margin:4px 0}.chat-log{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;min-height:120px}.bubble{padding:12px 16px;border-radius:var(--radius);max-width:85%;line-height:1.5;font-size:15px;white-space:pre-wrap}.bubble-user{align-self:flex-end;background:linear-gradient(135deg,var(--violet),var(--magenta));color:#fff;border-bottom-right-radius:4px}.bubble-bot{align-self:flex-start;background:var(--bg-surface-2);border:1px solid var(--border);border-bottom-left-radius:4px}.composer{display:flex;gap:10px}.composer input{flex:1}.inline-actions{display:flex;align-items:center;gap:14px;margin:4px 0 16px}.saved-msg{color:var(--gold);font-size:13px;font-weight:600}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.topic-card{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:24px 16px;font-weight:700;font-size:15px;color:var(--text-primary);cursor:pointer;text-align:center}.topic-card:hover{border-color:var(--violet-glow);background:var(--bg-surface-3)}.result-card{background:var(--bg-surface-2);border:1px solid var(--border-strong);border-left:3px solid var(--gold);border-radius:var(--radius-sm);padding:16px 18px;margin:12px 0 20px;white-space:pre-wrap;font-size:14px;line-height:1.6}.result-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.fav-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.fav-item{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fav-item p{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap}@media (max-width: 780px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;padding:10px 12px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar-brand{padding:0 10px 0 0}.sidebar-nav{flex-direction:row;flex:none}.nav-item span:last-child{display:none}.sidebar-footer{display:none}.content{padding:20px}.view.bt-wide{max-width:100%}}.device-toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-surface-2);border:1px solid var(--border);color:var(--text-secondary);padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.device-toggle-btn:hover{border-color:var(--violet-glow);color:var(--text-primary)}.force-mobile .app-shell{flex-direction:column}.force-mobile .sidebar{width:100%;flex-direction:row;align-items:center;padding:10px 12px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.force-mobile .sidebar-brand{padding:0 10px 0 0}.force-mobile .sidebar-nav{flex-direction:row;flex:none}.force-mobile .nav-item span:last-child{display:none}.force-mobile .sidebar-footer{border-top:none;padding-top:0;flex-direction:row;align-items:center;gap:8px;margin-left:auto}.force-mobile .user-name{display:none}.force-mobile .device-toggle-btn{padding:8px;font-size:0}.force-mobile .device-toggle-btn:before{content:"🔁";font-size:16px}.force-mobile .content{padding:16px}.force-mobile .view.bt-wide{max-width:100%}.force-mobile .bubble{max-width:92%;font-size:14px}.force-mobile .topic-grid{grid-template-columns:1fr 1fr}.force-desktop .app-shell{flex-direction:row;min-width:900px}.force-desktop .sidebar{width:240px;flex-direction:column;align-items:stretch;padding:20px 14px;overflow-x:visible;border-right:1px solid var(--border);border-bottom:none}.force-desktop .sidebar-brand{padding:6px 10px 24px}.force-desktop .sidebar-nav{flex-direction:column;flex:1}.force-desktop .nav-item span:last-child{display:inline}.force-desktop .sidebar-footer{display:flex;flex-direction:column;border-top:1px solid var(--border);padding-top:14px}.force-desktop .content{padding:32px 40px}@media (max-width: 899px){.force-desktop{overflow-x:auto}}