:root{--bg:#070a16;--bg-2:#0a1022;--surface:rgba(14,20,42,.68);--surface-2:rgba(21,29,57,.72);--surface-hover:rgba(33,43,79,.78);--text:#f7f8ff;--muted:#9da8c2;--primary:#8b5cf6;--secondary:#22d3ee;--accent:#ec4899;--border:rgba(255,255,255,.09);--border-bright:rgba(167,139,250,.24);--shadow:0 24px 80px rgba(0,0,0,.32);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--ease:cubic-bezier(.2,.8,.2,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--bg:#f3f6ff;--bg-2:#eaf0ff;--surface:rgba(255,255,255,.74);--surface-2:rgba(255,255,255,.86);--surface-hover:#fff;--text:#11172a;--muted:#667089;--border:rgba(20,30,60,.1);--shadow:0 24px 80px rgba(70,80,130,.15)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% -20%,rgba(139,92,246,.16),transparent 42%),linear-gradient(120deg,var(--bg),var(--bg-2));z-index:-3}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.ambient span{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.14;animation:float 15s ease-in-out infinite}.ambient span:nth-child(1){background:#7c3aed;left:-15%;top:-20%}.ambient span:nth-child(2){background:#06b6d4;right:-15%;top:15%;animation-delay:-5s}.ambient span:nth-child(3){background:#db2777;left:35%;bottom:-30%;animation-delay:-10s}@keyframes float{50%{transform:translate3d(5%,3%,0) scale(1.08)}}.app-shell{height:100%;display:flex;position:relative}.sidebar{width:280px;flex:none;height:100%;display:flex;flex-direction:column;padding:18px 14px;background:#070a16a8;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-right:1px solid var(--border);transition:.3s var(--ease);z-index:30}.sidebar--collapsed{width:78px}.sidebar--collapsed .side-label,.sidebar--collapsed .conversation-list,.sidebar--collapsed .new-chat span,.sidebar--collapsed .search-trigger span,.sidebar--collapsed .search-trigger kbd,.sidebar--collapsed .side-link span,.sidebar--collapsed .logo>span:last-child{display:none}.sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;margin-bottom:18px}.logo{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.03em}.logo strong{font-weight:800}.logo-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#8b5cf640,#22d3ee26);border:1px solid var(--border-bright);color:var(--secondary);box-shadow:0 0 26px #22d3ee1f}.logo-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 14px #22d3ee}.logo--compact{justify-content:center}.collapse-btn,.mobile-close,.mobile-menu{display:none}.icon-btn{border:0;background:transparent;border-radius:10px;width:36px;height:36px;display:inline-grid;place-items:center;cursor:pointer;transition:.2s}.icon-btn:hover{background:var(--surface-hover)}.new-chat{width:100%;border:1px solid var(--border-bright);background:linear-gradient(135deg,#8b5cf638,#22d3ee14);padding:12px 14px;border-radius:13px;display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer;box-shadow:0 8px 30px #8b5cf617;transition:.25s}.new-chat:hover{transform:translateY(-1px);box-shadow:0 10px 40px #8b5cf629}.search-trigger{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--muted);padding:10px 12px;margin-top:8px;border-radius:11px;cursor:pointer}.search-trigger:hover{background:var(--surface)}.search-trigger kbd{margin-left:auto;font-size:10px;border:1px solid var(--border);padding:3px 6px;border-radius:5px}.side-label{font-size:10px;letter-spacing:.13em;color:#69748d;font-weight:800;margin:18px 10px 8px}.conversation-list{overflow:auto}.conversation{position:relative;display:flex;align-items:center;border-radius:10px;margin:2px 0}.conversation.active,.conversation:hover{background:var(--surface)}.conversation-main{display:flex;align-items:center;gap:9px;flex:1;min-width:0;border:0;background:transparent;padding:10px;color:var(--muted);cursor:pointer;text-align:left}.conversation.active .conversation-main{color:var(--text)}.conversation-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny{width:30px;height:30px}.context-menu{position:absolute;right:4px;top:36px;background:#11172a;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:5px;z-index:50;width:140px}.context-menu button{display:flex;gap:8px;width:100%;padding:8px;border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:12px}.context-menu button:hover{background:var(--surface-hover)}.context-menu button:last-child{color:#fb7185}.sidebar-bottom{margin-top:auto;display:grid;gap:3px}.side-link{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:10px;cursor:pointer;text-align:left}.side-link:hover,.side-link.active{background:var(--surface);color:var(--text)}.main{min-width:0;flex:1;height:100%;display:flex;flex-direction:column}.topbar{height:66px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border);background:#070a1640;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.breadcrumb b{opacity:.35}.breadcrumb strong{color:var(--text)}.top-actions{margin-left:auto;display:flex;gap:5px;align-items:center}.profile-mini{border:1px solid var(--border-bright);background:linear-gradient(135deg,#8b5cf6,#22d3ee);width:31px;height:31px;border-radius:10px;color:#fff;font-weight:800;cursor:pointer}.chat-page{height:calc(100% - 66px);display:flex;flex-direction:column;min-height:0}.chat-scroll{flex:1;overflow:auto}.welcome{max-width:950px;margin:auto;padding:7vh 28px 30px;text-align:center}.hero-logo{width:68px;height:68px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf64d,#22d3ee2e);border:1px solid var(--border-bright);color:#c4b5fd;box-shadow:0 0 60px #8b5cf629}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8893ad;font-weight:800}.welcome h1,.page-heading h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.055em;line-height:1.02;margin:10px 0}.welcome h1 span,.page-heading h1 span{background:linear-gradient(90deg,#c4b5fd,#67e8f9,#f9a8d4);-webkit-background-clip:text;color:transparent}.welcome-sub{max-width:650px;margin:0 auto;color:var(--muted);line-height:1.7}.welcome h3{font-size:14px;margin:42px 0 16px}.suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;text-align:left}.suggestion-card,.tool-card,.settings-card,.workspace-panel,.profile-card,.profile-details,.study-hero,.lesson{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #0000001f;border-radius:var(--radius-md)}.suggestion-card{padding:15px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:.25s}.suggestion-card:hover,.tool-card:hover{transform:translateY(-3px);border-color:var(--border-bright);background:var(--surface-hover)}.suggestion-icon,.tool-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;color:#c4b5fd;background:#8b5cf621}.suggestion-card strong{display:block;font-size:13px}.suggestion-card small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:4px}.composer-wrap{padding:12px 24px 18px;max-width:940px;width:100%;margin:auto}.composer{display:flex;align-items:flex-end;gap:5px;border:1px solid var(--border-bright);background:#0b1021d1;border-radius:18px;padding:7px 8px 7px 9px;box-shadow:0 18px 60px #0003,0 0 40px #8b5cf60f}.composer textarea{flex:1;resize:none;max-height:150px;min-height:40px;padding:10px 7px;border:0;outline:0;background:transparent;color:var(--text);line-height:1.5}.composer textarea::placeholder{color:#68738e}.send-btn{width:38px;height:38px;border:0;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);display:grid;place-items:center;cursor:pointer}.send-btn:disabled{opacity:.35;cursor:not-allowed}.send-btn.stop{background:#ef4444}.recording{color:#fb7185;background:#ef44441a}.composer-hint{text-align:center;color:#59647e;font-size:10px;margin-top:8px}.file-chip{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;padding:7px 9px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:11px}.file-chip small{color:var(--muted)}.file-chip button{border:0;background:transparent;cursor:pointer}.messages{max-width:900px;margin:auto;padding:28px 24px 20px}.message-row{display:flex;gap:12px;margin:22px 0}.message-row--user{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex:none}.avatar-ai{background:linear-gradient(135deg,#8b5cf647,#22d3ee29);color:#b9a7ff;border:1px solid var(--border-bright)}.avatar-user{background:var(--surface-2);border:1px solid var(--border)}.message-content{max-width:min(80%,720px)}.message-row--user .message-content{display:flex;flex-direction:column;align-items:flex-end}.message-name{font-size:11px;color:#9b8cff;font-weight:700;margin:2px 0 6px}.message-bubble{line-height:1.7;font-size:14px}.message-row--user .message-bubble{background:linear-gradient(135deg,#8b5cf638,#22d3ee12);border:1px solid var(--border-bright);padding:10px 14px;border-radius:16px 5px 16px 16px}.message-bubble p{margin:.35em 0}.message-bubble h1,.message-bubble h2,.message-bubble h3{letter-spacing:-.03em}.message-bubble ul,.message-bubble ol{padding-left:22px}.message-bubble blockquote{border-left:3px solid #8b5cf6;padding-left:14px;color:var(--muted)}.inline-code{padding:2px 6px;border-radius:6px;background:#121a31;font-family:ui-monospace,monospace;font-size:12px}.message-actions{display:flex;gap:2px;margin-top:5px}.message-actions button{border:0;background:transparent;color:#67728b;display:flex;gap:5px;align-items:center;padding:5px;border-radius:7px;font-size:10px;cursor:pointer}.message-actions button:hover{color:var(--text);background:var(--surface)}.code-block{position:relative;margin:12px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#090e1d}.code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-bottom:1px solid var(--border);font-size:10px;color:#8792aa}.code-head button,.code-download{border:0;background:transparent;color:#aab4cb;cursor:pointer;display:flex;gap:5px;align-items:center;font-size:10px}.code-block pre{padding:13px;margin:0;overflow:auto}.code-block code{font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dbe4ff}.code-download{padding:0 11px 9px}.thinking{display:flex;align-items:center;gap:5px;color:#75809b;font-size:11px;margin-left:44px}.thinking i{width:4px;height:4px;border-radius:50%;background:#8b5cf6;animation:blink 1s infinite}.thinking i:nth-child(3){animation-delay:.15s}.thinking i:nth-child(4){animation-delay:.3s}@keyframes blink{50%{opacity:.2;transform:translateY(-2px)}}.page-scroll{overflow:auto;height:calc(100% + -0px);padding:54px clamp(22px,5vw,70px) 70px}.page-heading{max-width:850px;margin:0 auto 38px}.page-heading.compact{margin-bottom:28px}.page-heading h1{font-size:clamp(30px,4vw,48px)}.page-heading p:not(.eyebrow){color:var(--muted);line-height:1.7}.tool-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tool-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;text-align:left;padding:19px;cursor:pointer;transition:.25s}.tool-card h3{margin:1px 0 5px;font-size:15px}.tool-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.tool-arrow{color:#64708b}.history-search{max-width:1000px;margin:auto;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:13px;color:var(--muted)}.history-search input{flex:1;border:0;outline:0;background:transparent;color:var(--text)}.history-section{max-width:1000px;margin:30px auto}.history-section h3{font-size:12px;color:var(--muted)}.history-item{display:flex;width:100%;align-items:center;gap:12px;padding:13px;border:1px solid transparent;border-bottom-color:var(--border);background:transparent;text-align:left;cursor:pointer}.history-item:hover{background:var(--surface);border-radius:10px}.history-icon{width:32px;height:32px;display:grid;place-items:center;background:var(--surface);border-radius:9px}.history-item span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.history-item strong{font-size:13px}.history-item small{color:var(--muted);font-size:10px}.settings-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.settings-card{padding:20px}.settings-card h3{font-size:14px;margin:0 0 20px}.settings-card label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;color:var(--muted);font-size:12px;margin:14px 0}.settings-card select,.settings-card input:not([type=checkbox]){width:100%;background:#0e152b;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px}.switch-row{display:flex!important;justify-content:space-between}.switch{width:40px;height:22px;border-radius:99px;background:#313b55;position:relative}.switch:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;background:#fff;border-radius:50%}.switch-row input:checked+.switch{background:#8b5cf6}.switch-row input:checked+.switch:after{left:21px}.switch-row input{display:none}.danger-zone p{color:var(--muted);font-size:11px;line-height:1.6}.profile-card{max-width:1000px;margin:auto;padding:25px;display:flex;gap:18px;align-items:center}.profile-avatar{width:65px;height:65px;border-radius:20px;display:grid;place-items:center;font-size:24px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#22d3ee)}.profile-card h2{margin:0 0 5px}.profile-card p{margin:0;color:var(--muted);font-size:12px}.profile-details{max-width:1000px;margin:13px auto 20px;display:grid;grid-template-columns:repeat(3,1fr);padding:18px}.profile-details>div{display:flex;gap:10px;padding:8px 15px;color:#8e99b3}.profile-details span{display:flex;flex-direction:column;gap:3px}.profile-details small{font-size:10px}.profile-details strong{font-size:11px;color:var(--text)}.workspace{max-width:1150px;margin:auto;width:100%}.workspace-grid,.image-workspace{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.workspace-panel{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:360px}.workspace-panel>label{font-size:12px;font-weight:700}.workspace-panel textarea,.study-hero textarea{width:100%;min-height:210px;resize:vertical;background:#04081466;border:1px solid var(--border);border-radius:12px;padding:13px;color:var(--text);outline:0}.option-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.option-row select{background:#0e152b;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px}.btn{border:1px solid var(--border);padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;font-size:12px;transition:.2s}.btn-primary{border-color:transparent;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff}.btn-ghost{background:var(--surface)}.btn-danger{background:#ef44441f;color:#fb7185;border-color:#ef444440}.btn:hover{transform:translateY(-1px)}.wide{width:100%}.output-panel{overflow:auto}.panel-title{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.workspace-empty{flex:1;display:grid;place-items:center;color:#59647e;font-size:12px}.generated-copy{white-space:pre-wrap;line-height:1.7;font-size:13px}.coding-request-card{max-width:1000px;margin:0 auto 16px;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#8b5cf61a,#22d3ee0d),var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 55px #00000029}.coding-request-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.coding-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800}.coding-request-head p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.coding-language{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--border);border-radius:10px;background:#04081459;color:#aeb8d0}.coding-language select{border:0;outline:0;background:transparent;color:var(--text);font-size:11px;font-weight:700}.coding-language option{background:#0e152b;color:#fff}.coding-request-input{width:100%;margin-top:16px;resize:vertical;min-height:112px;border:1px solid var(--border);border-radius:13px;background:#0408146b;color:var(--text);padding:13px;outline:0;font:12px/1.7 Inter,system-ui,sans-serif}.coding-request-input:focus{border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf61a}.coding-request-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.coding-request-bottom span{color:#65718b;font-size:10px}.coding-starters{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.coding-starters button{border:1px solid var(--border);background:#ffffff06;color:#9da8c2;border-radius:999px;padding:7px 10px;font-size:10px;cursor:pointer;transition:.2s}.coding-starters button:hover{border-color:var(--border-bright);color:var(--text);transform:translateY(-1px)}.coding-project-title{max-width:1000px;margin:18px auto 10px;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:#0c12259e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.coding-project-title>svg{flex:0 0 auto;color:var(--primary)}.coding-project-title h2{margin:2px 0 0;font-size:20px;line-height:1.25;color:var(--text)}.coding-project-label{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700}.coding-toolbar{max-width:1000px;margin:auto;display:flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-bottom:0;border-radius:14px 14px 0 0;background:#0b1020}.coding-toolbar span{margin-right:auto;display:flex;align-items:center;gap:7px;color:#9da8c2;font-size:11px}.coding-toolbar button{border:0;background:transparent;color:#9da8c2;display:flex;gap:5px;align-items:center;cursor:pointer;font-size:11px}.code-editor{max-width:1000px;margin:auto;display:flex;border:1px solid var(--border);border-radius:0 0 14px 14px;background:#070c19;min-height:360px;overflow:hidden}.line-numbers{padding:14px 10px;text-align:right;color:#3e4961;font:12px/1.8 ui-monospace,monospace;background:#080d1a}.line-numbers span{display:block}.code-editor textarea{flex:1;resize:none;border:0;outline:0;background:transparent;color:#dbe4ff;padding:14px;font:12px/1.8 ui-monospace,monospace}.coding-actions{max-width:1000px;margin:13px auto;display:flex;gap:8px}.study-hero{max-width:1000px;margin:auto;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:8px 13px}.study-hero h3{margin:0}.study-hero p{margin:2px 0;color:var(--muted);font-size:11px}.study-hero textarea{grid-column:1/-1;min-height:110px}.study-buttons{display:flex;gap:8px;flex-wrap:wrap}.lesson{max-width:1000px;margin:14px auto;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.lesson>div:not(.study-buttons){padding:16px;border:1px solid var(--border);border-radius:13px;background:#ffffff05}.lesson span{font-size:10px;color:#a78bfa}.lesson h3{margin:8px 0;font-size:13px}.lesson p{font-size:12px;line-height:1.6;color:var(--muted)}.image-preview{border:1px dashed var(--border-bright);border-radius:var(--radius-md);min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;color:#64708b;background:#080c1a66;padding:25px}.image-preview h3{margin:10px 0 3px;color:var(--text);font-size:14px}.image-preview p{font-size:11px}.mock-art{width:100%;height:290px;border-radius:15px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(34,211,238,.42),transparent 18%),radial-gradient(circle at 25% 30%,rgba(139,92,246,.5),transparent 38%),radial-gradient(circle at 75% 70%,rgba(236,72,153,.38),transparent 36%),#080d1d}.mock-core{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#8b5cf6,#22d3ee);box-shadow:0 0 70px #22d3ee66}.mock-art p{position:absolute;bottom:10px;left:15px;right:15px;color:#e8ecff}.image-actions{display:flex;gap:8px;margin-top:12px}.image-actions button{border:1px solid var(--border);background:var(--surface);padding:8px 10px;border-radius:9px;color:var(--text);display:flex;gap:6px;align-items:center;cursor:pointer;font-size:11px}.muted-note{color:#66728c;font-size:10px;line-height:1.5}.auth-page{height:100%;display:grid;place-items:center;background:#060913;position:relative;overflow:hidden}.auth-aurora{position:absolute;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.24),transparent 65%);filter:blur(20px)}.auth-card{width:min(440px,calc(100% - 30px));position:relative;padding:34px;border:1px solid var(--border-bright);border-radius:26px;background:#0b1022bf;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:var(--shadow)}.auth-copy{margin:35px 0 24px}.auth-copy h1{font-size:30px;letter-spacing:-.04em;margin:8px 0}.auth-copy p:last-child{color:var(--muted);font-size:12px;line-height:1.6}.auth-form{display:grid;gap:9px}.auth-form input{background:#050914a6;border:1px solid var(--border);border-radius:11px;padding:12px;color:var(--text);outline:0}.oauth{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:11px;cursor:pointer}.auth-switch,.forgot{border:0;background:transparent;color:#a78bfa;font-size:11px;cursor:pointer}.auth-note{display:block;margin-top:18px;color:#5e6981;font-size:9px;line-height:1.5;text-align:center}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;padding:10px 14px;border:1px solid var(--border-bright);background:#11172a;box-shadow:var(--shadow);border-radius:10px;font-size:11px;animation:toastIn .25s var(--ease)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:80;display:grid;place-items:start center;padding-top:12vh}.search-box{width:min(620px,calc(100% - 28px));background:#10172c;border:1px solid var(--border-bright);border-radius:18px;box-shadow:var(--shadow);padding:10px}.search-box>input{width:calc(100% - 80px);background:transparent;border:0;outline:0;color:var(--text);padding:10px}.search-box>svg{vertical-align:middle;color:var(--muted)}.search-box kbd{float:right;margin:8px;color:#68738d}.search-results{border-top:1px solid var(--border);padding:10px 4px;color:var(--muted);font-size:11px}.search-results div{padding:8px}.search-results span{display:inline-grid;place-items:center;width:24px;height:20px;background:var(--surface);border-radius:5px;margin-right:7px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0000008c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(420px,100%);background:#10172c;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.modal h3{margin:0}.modal-body{color:var(--muted);font-size:12px;line-height:1.6;margin:12px 0 20px}.modal-close{position:absolute;right:10px;top:10px}.modal-actions{display:flex;justify-content:flex-end;gap:7px}.not-found{margin:auto;text-align:center}.not-found>div{font-size:100px;font-weight:900;background:linear-gradient(90deg,#8b5cf6,#22d3ee,#ec4899);-webkit-background-clip:text;color:transparent}.not-found p{color:var(--muted)}.mobile-header{display:none}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-105%);box-shadow:var(--shadow)}.sidebar--open{transform:translate(0)}.collapse-btn{display:none}.mobile-close{display:grid}.main{width:100%}.mobile-menu{display:inline-grid;margin-right:8px}.suggestion-grid{grid-template-columns:repeat(2,1fr)}.tool-grid,.settings-grid,.workspace-grid,.image-workspace,.profile-details,.lesson{grid-template-columns:1fr}}@media(max-width:620px){.topbar{height:56px;padding:0 12px}.breadcrumb{display:none}.chat-page{height:calc(100% - 56px)}.welcome{padding:45px 16px 20px}.welcome h1{font-size:34px}.suggestion-grid{grid-template-columns:1fr}.suggestion-card{padding:13px}.composer-wrap{padding:8px 10px 12px}.composer-hint{display:none}.messages{padding:20px 12px}.message-content{max-width:86%}.message-actions span{display:none}.page-scroll{padding:35px 14px 55px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:34px}.tool-card{grid-template-columns:auto 1fr}.tool-arrow{display:none}.settings-card label{grid-template-columns:1fr}.coding-actions{flex-wrap:wrap}.study-hero{grid-template-columns:auto 1fr}.auth-card{padding:25px}.profile-card{align-items:flex-start}.profile-details{padding:10px}.profile-details>div{padding:9px 5px}.option-row{grid-template-columns:1fr}.mock-art{height:240px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}.search-results button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;color:var(--text);padding:9px 8px;border-radius:8px;text-align:left;cursor:pointer;font-size:11px}.search-results button:hover{background:var(--surface-hover)}.search-result-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:#8b5cf629;color:#c4b5fd}.fatal-error{height:100%;display:grid;place-items:center;background:#060913;padding:20px}.fatal-card{width:min(520px,100%);text-align:center;padding:36px;border:1px solid var(--border-bright);border-radius:24px;background:#0b1022cc;box-shadow:var(--shadow)}.fatal-card h1{margin:12px 0 8px}.fatal-card p:not(.eyebrow){color:var(--muted);line-height:1.6;font-size:12px}.fatal-card .btn{margin:5px}.tool-group{max-width:1000px;margin:0 auto 30px}.tool-group-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:0 2px}.tool-group-title h2{font-size:14px;margin:0}.tool-group-title span{font-size:10px;color:var(--muted)}.quick-tools{display:grid;gap:2px}.quick-label{margin-top:15px!important}.tool-actions{display:flex;gap:8px;align-items:stretch}.tool-actions .wide{flex:1}.settings-help{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;line-height:1.5}.health-status{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#ffffff06}.health-status>div{display:flex;flex-direction:column;gap:3px;flex:1}.health-status small{font-size:9px;color:var(--muted)}.health-status.online{border-color:#22d3ee40}.health-status.online>svg:last-child{color:#22d3ee}.health-status.offline{border-color:#fb718540}.health-status.offline>svg:last-child{color:#fb7185}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important}.three-code-editors{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.code-file-panel{min-width:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#070c19;box-shadow:0 14px 40px #0000001f}.code-file-head{height:40px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:#0b1020;border-bottom:1px solid var(--border);color:#dce4f8;font-size:11px;font-weight:800}.code-file-head>div{display:flex;gap:4px}.code-file-head button{border:0;background:transparent;color:#8995b0;padding:5px;border-radius:6px;cursor:pointer}.code-file-head button:hover{background:#ffffff0f;color:var(--text)}.code-editor-small{min-height:320px;border:0;border-radius:0;display:flex;overflow:hidden}.code-editor-small .line-numbers{font-size:10px;line-height:1.7;padding:12px 8px;min-width:38px}.code-editor-small textarea{min-width:0;padding:12px;font-size:11px;line-height:1.7}.btn-preview{border-color:#22d3ee47;background:#22d3ee14;color:#67e8f9}.live-preview-panel{max-width:1000px;margin:16px auto 30px;border:1px solid var(--border);border-radius:18px;background:#080d1dd1;overflow:hidden;box-shadow:0 20px 60px #0003}.live-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#8b5cf614,#22d3ee0d)}.live-preview-head h2{display:flex;align-items:center;gap:7px;margin:4px 0 0;font-size:15px}.preview-head-actions{display:flex;gap:6px;flex-wrap:wrap}.preview-frame-wrap{height:540px;background:#fff}.preview-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}.live-preview-panel:not(.is-open) .preview-frame-wrap{display:none}.coding-result{margin-bottom:30px}.coding-result-content{white-space:pre-wrap;line-height:1.7;font-size:12px;color:#dce4f8;overflow:auto;max-height:650px}@media(max-width:900px){.three-code-editors{grid-template-columns:1fr}.code-editor-small{min-height:280px}.preview-frame-wrap{height:460px}.live-preview-head{align-items:flex-start;flex-direction:column}.preview-head-actions{width:100%}}@media(max-width:620px){.coding-request-head{flex-direction:column}.coding-language{width:100%}.coding-language select{flex:1}.coding-request-bottom{align-items:stretch;flex-direction:column}.coding-request-bottom .btn{width:100%}.coding-starters{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.coding-starters button{white-space:nowrap}.coding-toolbar{overflow:auto}.coding-toolbar button{white-space:nowrap}}.coding-request-card,.coding-project-title,.coding-toolbar,.three-code-editors,.coding-actions,.live-preview-panel,.coding-result{max-width:1120px}.coding-request-card{padding:24px;border-radius:20px;margin-bottom:20px}.coding-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.coding-request-input{min-height:130px;font-size:13px;padding:16px}.coding-request-bottom{margin-top:12px}.coding-request-bottom .btn{min-width:190px}.coding-project-title{margin-top:22px;padding:18px 20px}.coding-project-title h2{font-size:21px}.coding-toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.coding-toolbar span{font-weight:700;color:#aeb8d0}.coding-toolbar button,.text-action{border:1px solid var(--border);background:#ffffff06;color:#aeb8d0;padding:8px 11px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700}.coding-toolbar button:hover,.text-action:hover{border-color:var(--border-bright);color:var(--text);background:#ffffff0d}.clear-code-btn{color:#fda4af!important;border-color:#f43f5e4d!important;background:#f43f5e12!important}.clear-code-btn:hover{background:#f43f5e21!important}.three-code-editors{gap:14px}.code-file-panel{border-radius:16px;box-shadow:0 16px 45px #0000002e}.code-file-head{height:46px;padding:0 12px}.code-file-head>span{font-size:12px;letter-spacing:.02em}.code-file-head>div{gap:6px}.text-action{padding:6px 8px;font-size:10px}.code-editor-small{min-height:390px}.code-editor-small textarea{font-size:12px;line-height:1.75}.coding-actions{margin:16px auto;display:flex;gap:8px;flex-wrap:wrap}.coding-actions .btn{min-width:100px}.live-preview-panel{border-radius:20px;margin-top:18px}.live-preview-head{padding:16px 18px}.live-preview-head h2{font-size:16px}.preview-frame-wrap{height:600px}.coding-result{margin-top:18px}@media(max-width:900px){.three-code-editors{grid-template-columns:1fr}.code-editor-small{min-height:300px}.preview-frame-wrap{height:500px}}@media(max-width:620px){.coding-request-card{padding:16px}.coding-request-bottom{flex-direction:column;align-items:stretch}.coding-request-bottom .btn{width:100%}.coding-toolbar{padding:9px}.coding-toolbar span{width:100%}.coding-toolbar button,.coding-actions .btn{flex:1}.preview-frame-wrap{height:430px}}.auth-error{padding:10px 12px;border:1px solid rgba(251,113,133,.28);background:#7f1d1d29;color:#fda4af;border-radius:10px;font-size:11px;line-height:1.4}.auth-form button:disabled{opacity:.65;cursor:not-allowed}.auth-card h2{margin:10px 0;font-size:22px}.auth-card .logo{margin-bottom:4px}:root{--bg:#030712;--bg-2:#071329;--surface:rgba(8,18,42,.64);--surface-2:rgba(12,27,58,.72);--surface-hover:rgba(22,43,84,.78);--text:#f5f8ff;--muted:#93a7c8;--primary:#7c3aed;--secondary:#22d3ee;--accent:#d946ef;--border:rgba(117,191,255,.13);--border-bright:rgba(83,220,255,.35);--shadow:0 30px 90px rgba(0,0,0,.48),0 0 55px rgba(39,120,255,.08)}body{background:var(--bg);perspective:1400px}.ambient{background:radial-gradient(circle at 50% 5%,rgba(34,211,238,.1),transparent 27%),radial-gradient(circle at 78% 38%,rgba(124,58,237,.16),transparent 32%),radial-gradient(circle at 20% 80%,rgba(217,70,239,.08),transparent 30%),linear-gradient(135deg,#02040c,#061126 52%,#030816)}.ambient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 42%,rgba(73,167,255,.055) 48%,transparent 55%);animation:scanLight 12s linear infinite}.ambient:after{opacity:.09;background-size:58px 58px;transform:perspective(700px) rotateX(58deg) translateY(28%);transform-origin:center bottom;-webkit-mask-image:linear-gradient(to bottom,transparent 5%,black 58%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 5%,black 58%,transparent 100%)}.ambient span{filter:blur(95px);opacity:.11}@keyframes scanLight{0%{transform:translate(-30%)}50%{transform:translate(18%)}to{transform:translate(-30%)}}.logo-mark,.hero-logo{transform-style:preserve-3d}.logo-mark{overflow:visible;animation:logoFloat 4.8s ease-in-out infinite;box-shadow:0 0 24px #22d3ee24,inset 0 0 18px #7c3aed24}.logo-mark:before,.logo-mark:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:14px;border:1px solid rgba(34,211,238,.18);transform:rotateX(66deg) rotate(18deg);animation:logoRing 5s linear infinite;pointer-events:none}.logo-mark:after{top:-8px;right:-8px;bottom:-8px;left:-8px;border-color:#a855f724;transform:rotateY(68deg) rotate(-20deg);animation-duration:7s;animation-direction:reverse}.logo-mark svg{filter:drop-shadow(0 0 8px rgba(34,211,238,.65));animation:logoCore 3.8s ease-in-out infinite}.logo-mark i{animation:logoPulse 1.8s ease-in-out infinite}@keyframes logoFloat{50%{transform:translateY(-2px) rotateY(8deg) rotateX(-4deg)}}@keyframes logoRing{to{transform:rotateX(66deg) rotate(378deg)}}@keyframes logoCore{50%{transform:scale(1.08) rotateY(8deg)}}@keyframes logoPulse{50%{transform:scale(1.9);opacity:.55}}.sidebar{background:linear-gradient(180deg,#030916e0,#040a1aa3);border-right:1px solid rgba(73,178,255,.14);box-shadow:18px 0 70px #0000002e;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.sidebar:after{content:"";position:absolute;right:-1px;top:8%;height:84%;width:1px;background:linear-gradient(transparent,#22d3ee,transparent);opacity:.35}.new-chat{background:linear-gradient(135deg,#7c3aed47,#22d3ee1a);box-shadow:0 12px 35px #7c3aed29,inset 0 1px #ffffff14}.side-link{transition:transform .2s ease,background .2s ease,box-shadow .2s ease;color:#8fa4c7}.side-link:hover,.side-link.active{background:linear-gradient(90deg,#3272ff29,#7c3aed14);box-shadow:inset 2px 0 #22d3ee,0 6px 22px #22d3ee0d;transform:translate(2px);color:#fff}.topbar{background:linear-gradient(180deg,#030814a8,#03081452);border-bottom-color:#53beff21;box-shadow:0 12px 45px #0000001f}.topbar:after{content:"";position:absolute;left:280px;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#22d3ee,transparent);opacity:.18}.profile-mini{box-shadow:0 0 22px #22d3ee3d,inset 0 1px #ffffff40;transform-style:preserve-3d;transition:.25s}.profile-mini:hover{transform:translateY(-2px) rotateX(8deg)}.suggestion-card,.tool-card,.settings-card,.workspace-panel,.profile-card,.profile-details,.study-hero,.lesson,.coding-request-card,.coding-project-title,.live-preview-panel,.coding-result,.code-file-panel,.auth-card,.composer,.search-box,.modal{background:linear-gradient(145deg,#14274c8c,#040c1eab);border-color:#5cc6ff29;box-shadow:0 22px 55px #00000040,inset 0 1px #ffffff0f,inset 0 -1px #00000047;transform-style:preserve-3d}.suggestion-card,.tool-card,.settings-card,.workspace-panel,.profile-card,.profile-details,.study-hero,.lesson,.coding-request-card,.coding-project-title,.code-file-panel{transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.suggestion-card:hover,.tool-card:hover,.settings-card:hover,.workspace-panel:hover,.profile-card:hover,.profile-details:hover,.study-hero:hover,.lesson:hover,.coding-request-card:hover,.coding-project-title:hover,.code-file-panel:hover{transform:translateY(-4px) rotateX(1deg) rotateY(-.5deg);border-color:#4bd3ff57;box-shadow:0 30px 70px #00000052,0 0 32px #22d3ee0f,inset 0 1px #ffffff14}.tool-icon,.suggestion-icon{background:linear-gradient(145deg,#22d3ee24,#7c3aed29);border:1px solid rgba(90,210,255,.16);box-shadow:inset 0 1px #ffffff14,0 8px 22px #00000024}.btn-primary,.send-btn{background:linear-gradient(135deg,#6d3df5,#287cff 52%,#22d3ee);box-shadow:0 10px 28px #387cff38,inset 0 1px #ffffff40}.btn-primary:hover,.send-btn:hover{box-shadow:0 14px 38px #387cff57,inset 0 1px #ffffff4d}.welcome{max-width:1120px;padding-top:5vh;position:relative}.welcome:before{content:"";position:absolute;width:430px;height:180px;left:50%;top:38px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(34,211,238,.13),transparent 68%);filter:blur(10px);pointer-events:none}.hero-logo{width:104px;height:104px;margin:0 auto 22px;border-radius:32px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 20%),linear-gradient(145deg,#2b71ff42,#7c3aed38);border:1px solid rgba(96,214,255,.34);box-shadow:0 28px 60px #00000059,0 0 70px #22d3ee29,inset 0 1px #ffffff2e;animation:heroFloat 5s ease-in-out infinite;position:relative}.hero-logo:before,.hero-logo:after{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;border:1px solid rgba(34,211,238,.2);border-radius:50%;transform:rotateX(70deg) rotate(10deg);animation:heroOrbit 8s linear infinite}.hero-logo:after{top:-22px;right:-22px;bottom:-22px;left:-22px;border-color:#a855f729;transform:rotateY(72deg) rotate(-15deg);animation-duration:11s;animation-direction:reverse}.hero-logo svg{filter:drop-shadow(0 0 14px rgba(34,211,238,.8));animation:heroCore 4s ease-in-out infinite}@keyframes heroFloat{50%{transform:translateY(-8px) rotateY(8deg) rotateX(-3deg)}}@keyframes heroOrbit{to{transform:rotateX(70deg) rotate(370deg)}}@keyframes heroCore{50%{transform:scale(1.12) rotateY(12deg)}}.welcome h1{font-weight:850;text-shadow:0 8px 40px rgba(0,0,0,.25)}.welcome h1 span,.page-heading h1 span{background:linear-gradient(90deg,#fff,#67e8f9 38%,#a78bfa 72%,#e879f9);background-size:220% auto;animation:gradientFlow 7s ease infinite;-webkit-background-clip:text;color:transparent}@keyframes gradientFlow{50%{background-position:100% center}}.composer{border-radius:22px;padding:8px 9px;background:linear-gradient(145deg,#0b1c3ae0,#030a19e0);box-shadow:0 24px 70px #00000059,0 0 35px #22d3ee0d,inset 0 1px #ffffff14}.composer:focus-within{border-color:#22d3ee6b;box-shadow:0 26px 75px #0006,0 0 45px #22d3ee14,inset 0 1px #ffffff17}.message-row--user .message-bubble{background:linear-gradient(145deg,#553dd247,#186dbe1a);box-shadow:0 14px 35px #00000029,inset 0 1px #ffffff14}.avatar-ai{box-shadow:0 0 25px #22d3ee1c}.coding-toolbar,.live-preview-head,.code-file-head{background:linear-gradient(180deg,#0f1f3cd1,#060e1edb);box-shadow:inset 0 1px #ffffff0f}.code-editor-small,.code-editor{background:linear-gradient(145deg,#050c1b,#020711);box-shadow:inset 0 0 35px #22d3ee06}.auth-page{background:radial-gradient(circle at 22% 50%,rgba(34,211,238,.08),transparent 25%),radial-gradient(circle at 78% 30%,rgba(124,58,237,.14),transparent 35%),#02050e;place-items:stretch;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:0;padding:28px;perspective:1400px}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 45%,rgba(34,211,238,.06) 50%,transparent 55%);animation:scanLight 12s linear infinite}.auth-aurora{width:520px;height:520px;left:9%;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(34,211,238,.14),rgba(124,58,237,.08) 38%,transparent 70%);filter:blur(12px)}.auth-page:after{content:"ALDI AI";position:absolute;left:9%;top:10%;font-size:clamp(26px,4vw,52px);font-weight:900;letter-spacing:.14em;color:#ffffff0d;pointer-events:none}.auth-card{align-self:center;justify-self:center;width:min(500px,100%);padding:38px;z-index:2;border-radius:30px;box-shadow:0 40px 110px #0000007a,0 0 70px #4991ff14,inset 0 1px #ffffff1a;animation:authCardIn .7s var(--ease)}@keyframes authCardIn{0%{opacity:0;transform:translateY(20px) rotateX(5deg)}to{opacity:1;transform:none}}.auth-card .logo-mark{width:44px;height:44px;border-radius:14px}.auth-copy h1{font-size:36px}.auth-form input{background:#0107129e;border-color:#63b4ff26;padding:13px;border-radius:13px}.auth-form input:focus{border-color:#22d3ee73;box-shadow:0 0 0 3px #22d3ee0f,0 10px 28px #0000002e}.auth-note{color:#64799d}.page-scroll:before{content:"";position:fixed;right:4%;top:18%;width:180px;height:180px;border-radius:50%;border:1px solid rgba(34,211,238,.08);box-shadow:0 0 80px #22d3ee0d;transform:rotateX(66deg);pointer-events:none;animation:dashboardRing 13s linear infinite}@keyframes dashboardRing{to{transform:rotateX(66deg) rotate(360deg)}}@media(max-width:900px){.auth-page{grid-template-columns:1fr;padding:16px}.auth-page:after{left:8%;top:6%;font-size:26px}.auth-card{width:min(520px,100%);margin:auto}.topbar:after{left:0}.page-scroll:before{display:none}}@media(max-width:620px){.auth-page{padding:10px}.auth-card{padding:25px;border-radius:24px}.auth-copy h1{font-size:29px}.hero-logo{width:88px;height:88px}.welcome{padding-top:4vh}.suggestion-card:hover,.tool-card:hover,.settings-card:hover,.workspace-panel:hover,.profile-card:hover,.profile-details:hover,.study-hero:hover,.lesson:hover,.coding-request-card:hover,.coding-project-title:hover,.code-file-panel:hover{transform:translateY(-2px)}}*{scrollbar-width:thin;scrollbar-color:rgba(66,190,255,.58) rgba(4,10,24,.72)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#030814e0,#070d1eb8);border-left:1px solid rgba(93,189,255,.06)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3eed1,#6366f1d1 52%,#a855f7d1);border:2px solid rgba(3,8,20,.75);border-radius:999px;box-shadow:0 0 16px #22d3ee40}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#67e8f9,#818cf8,#c084fc);box-shadow:0 0 22px #22d3ee73}::-webkit-scrollbar-corner{background:#040914}.auth-page{min-height:100dvh;width:100%;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 50% 48%,rgba(34,211,238,.11),transparent 20%),radial-gradient(circle at 22% 18%,rgba(124,58,237,.18),transparent 28%),radial-gradient(circle at 82% 82%,rgba(14,165,233,.12),transparent 30%),#02050e;perspective:1600px}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 42%,rgba(34,211,238,.045) 50%,transparent 58%),linear-gradient(rgba(34,211,238,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);animation:authGrid 16s linear infinite;pointer-events:none}@keyframes authGrid{to{background-position:120px 0,0 52px,52px 0}}.auth-page:after{content:"ALDI AI";position:absolute;left:50%;top:8%;transform:translate(-50%);font-size:clamp(34px,7vw,88px);font-weight:950;letter-spacing:.22em;color:#ffffff06;text-shadow:0 0 60px rgba(34,211,238,.08);pointer-events:none}.auth-aurora{position:absolute!important;display:block!important;inset:auto;width:420px;height:420px;border-radius:50%;pointer-events:none;filter:blur(22px)}.auth-aurora--one{left:7%;top:13%;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 68%);animation:auroraDrift 11s ease-in-out infinite}.auth-aurora--two{right:6%;bottom:5%;background:radial-gradient(circle,rgba(139,92,246,.19),transparent 68%);animation:auroraDrift 14s ease-in-out infinite reverse}@keyframes auroraDrift{50%{transform:translate3d(24px,-18px,0) scale(1.08)}}.auth-orbit{position:absolute;width:420px;height:150px;border:1px solid rgba(34,211,238,.13);border-radius:50%;transform-style:preserve-3d;pointer-events:none;box-shadow:0 0 45px #22d3ee09}.auth-orbit--one{transform:rotateX(68deg) rotate(12deg);animation:authOrbit 13s linear infinite}.auth-orbit--two{width:560px;height:190px;border-color:#a855f71a;transform:rotateY(68deg) rotate(-18deg);animation:authOrbit2 18s linear infinite reverse}@keyframes authOrbit{to{transform:rotateX(68deg) rotate(372deg)}}@keyframes authOrbit2{to{transform:rotateY(68deg) rotate(342deg)}}.auth-card{position:relative!important;grid-column:auto!important;align-self:center!important;justify-self:center!important;width:min(470px,calc(100vw - 32px))!important;max-height:calc(100dvh - 40px);overflow:auto;padding:34px!important;border-radius:32px!important;z-index:3;background:linear-gradient(145deg,#122448bd,#030a19d6)!important;border:1px solid rgba(96,214,255,.2)!important;-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%);box-shadow:0 45px 120px #0000008c,0 0 90px #22d3ee14,inset 0 1px #ffffff1c!important;animation:authCardIn .7s var(--ease);transform-style:preserve-3d}.auth-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:31px;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 28%,transparent 72%,rgba(34,211,238,.05));pointer-events:none}.auth-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.auth-status{font-size:10px;letter-spacing:.15em;color:#6ee7f9;border:1px solid rgba(34,211,238,.16);background:#22d3ee0f;padding:7px 10px;border-radius:999px}.auth-copy{text-align:center}.auth-copy .eyebrow{margin-bottom:8px}.auth-copy h1{font-size:clamp(30px,5vw,38px);letter-spacing:-.03em}.auth-copy p:last-child{max-width:350px;margin:8px auto 0}.auth-form{margin-top:24px}.auth-form input{height:50px;background:#01071294!important;border:1px solid rgba(99,180,255,.16)!important;box-shadow:inset 0 1px #ffffff09,0 8px 25px #0000001f;transition:.25s}.auth-form input:focus{transform:translateY(-1px);border-color:#22d3ee7a!important;box-shadow:0 0 0 3px #22d3ee0f,0 14px 30px #0003!important}.auth-submit{height:50px;border-radius:14px;font-weight:800}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#7185a8;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(100,180,255,.18),transparent)}.google-button-wrap{min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;overflow:visible}.google-button-wrap>div{min-width:360px;max-width:100%}.google-setup{padding:12px 14px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;color:#91a4c5;font-size:12px;text-align:center;background:#ffffff06}.google-setup code{color:#67e8f9}.auth-switch{display:block;width:100%;margin-top:18px;text-align:center;color:#a9b7d2;background:transparent;border:0;cursor:pointer}.auth-switch:hover{color:#67e8f9}.forgot{display:block;margin:10px auto 0;color:#7dd3fc;background:transparent;border:0;cursor:pointer;font-size:12px}.auth-note{display:block;text-align:center;line-height:1.6;margin-top:18px}@media(max-width:620px){.auth-page{padding:10px}.auth-card{width:min(470px,calc(100vw - 20px))!important;padding:24px!important;border-radius:26px!important;max-height:calc(100dvh - 20px)}.auth-card:before{border-radius:25px}.auth-brand{margin-bottom:18px}.auth-status{display:none}.google-button-wrap>div{min-width:0;width:100%}.auth-orbit{opacity:.55}}.composer-menu-wrap{position:relative;display:flex;align-items:center}.composer-menu{position:absolute;left:0;bottom:calc(100% + 12px);z-index:50;min-width:230px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#090d1df5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 50px #00000059}.composer-menu button{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:inherit;text-align:left;cursor:pointer}.composer-menu button:hover,.composer-menu button.is-active{background:#8b5cf629}.composer-menu svg{flex:none}@media(max-width:600px){.composer-menu{min-width:210px;bottom:calc(100% + 8px)}}.auth-page{min-height:100dvh!important;width:100%!important;display:grid!important;place-items:center!important;position:relative!important;overflow:hidden!important;padding:20px!important}.auth-card{position:relative!important;grid-column:auto!important;grid-row:auto!important;align-self:center!important;justify-self:center!important;margin:0 auto!important;width:min(500px,calc(100vw - 32px))!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;z-index:3!important}@media(max-width:620px){.auth-page{min-height:100dvh!important;padding:12px!important;place-items:center!important}.auth-card{width:min(470px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;margin:0 auto!important;padding:24px!important}}.auth-shell{position:relative;z-index:4;width:min(1320px,calc(100vw - 52px));min-height:min(790px,calc(100dvh - 52px));display:grid;grid-template-columns:minmax(390px,.86fr) minmax(560px,1.14fr);gap:0;border:1px solid rgba(96,214,255,.22);border-radius:34px;overflow:hidden;background:linear-gradient(120deg,#08122cd1,#040a1abd);-webkit-backdrop-filter:blur(30px) saturate(145%);backdrop-filter:blur(30px) saturate(145%);box-shadow:0 50px 140px #00000094,0 0 100px #28b4ff14,inset 0 1px #ffffff1f;animation:authShellIn .8s var(--ease)}@keyframes authShellIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.auth-panel{position:relative;min-width:0}.auth-panel--form{padding:48px 48px 36px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(96,214,255,.12);background:linear-gradient(145deg,#091734ad,#03091794)}.auth-panel--ai{padding:32px 32px 26px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.09),transparent 35%),radial-gradient(circle at 88% 8%,rgba(139,92,246,.13),transparent 34%)}.auth-panel--ai:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(34,211,238,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.025) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 80%,transparent);pointer-events:none;animation:aiGrid 18s linear infinite}@keyframes aiGrid{to{background-position:0 34px,34px 0}}.auth-panel--form .auth-brand{margin-bottom:34px}.auth-panel--form .auth-copy{text-align:left}.auth-panel--form .auth-copy p:last-child{margin-left:0}.auth-panel--form .auth-form{margin-top:26px}.ai-panel-heading{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 8px}.ai-kicker{margin:0;font-size:clamp(28px,3vw,42px);line-height:1;font-weight:900;letter-spacing:.04em;background:linear-gradient(90deg,#67e8f9,#8b5cf6,#f0abfc);-webkit-background-clip:text;color:transparent}.ai-panel-heading h2{margin:6px 0 0;font-size:12px;letter-spacing:.34em;color:#7f93b6;font-weight:800}.ai-online{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(34,211,238,.2);border-radius:999px;background:#22d3ee0d;color:#8eeeff;font-size:10px;letter-spacing:.16em;white-space:nowrap}.ai-online i,.ai-ready i{width:7px;height:7px;border-radius:50%;background:#2ff5b5;box-shadow:0 0 12px #2ff5b5;animation:onlinePulse 1.8s ease-in-out infinite}@keyframes onlinePulse{50%{opacity:.42;box-shadow:0 0 4px #2ff5b5}}.ai-core-stage{position:relative;z-index:2;height:400px;margin:0 auto;width:min(610px,100%);display:grid;place-items:center;perspective:1100px}.ai-core-glow{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.27),rgba(99,102,241,.12) 42%,transparent 70%);filter:blur(18px);animation:coreGlow 4.8s ease-in-out infinite}@keyframes coreGlow{50%{transform:scale(1.13);opacity:.78}}.ai-core-ring{position:absolute;border:1px solid rgba(83,209,255,.16);border-radius:50%;box-shadow:0 0 35px #22d3ee0d,inset 0 0 20px #8b5cf60a;pointer-events:none}.ai-core-ring--a{width:290px;height:290px;transform:rotateX(72deg) rotate(-8deg);animation:ringSpinA 13s linear infinite}.ai-core-ring--b{width:360px;height:360px;transform:rotateY(66deg) rotate(15deg);border-color:#a855f721;animation:ringSpinB 18s linear infinite reverse}.ai-core-ring--c{width:440px;height:170px;transform:rotateX(72deg) rotate(6deg);border-color:#67e8f91f;animation:ringSpinC 10s linear infinite}@keyframes ringSpinA{to{transform:rotateX(72deg) rotate(352deg)}}@keyframes ringSpinB{to{transform:rotateY(66deg) rotate(-345deg)}}@keyframes ringSpinC{to{transform:rotateX(72deg) rotate(366deg)}}.ai-core-orbit{position:absolute;border:2px solid transparent;border-radius:50%;transform-style:preserve-3d;pointer-events:none;filter:drop-shadow(0 0 6px rgba(34,211,238,.55))}.ai-core-orbit--one{width:315px;height:115px;border-top-color:#22d3ee;border-bottom-color:#22d3ee29;transform:rotateX(67deg) rotate(-12deg);animation:coreOrbit1 5.5s linear infinite}.ai-core-orbit--two{width:350px;height:130px;border-left-color:#a855f7;border-right-color:#a855f72e;transform:rotateY(66deg) rotate(22deg);animation:coreOrbit2 7s linear infinite reverse}.ai-core-orbit--three{width:285px;height:210px;border-left-color:#60a5fa;border-right-color:#ec4899;transform:rotateX(75deg) rotate(54deg);animation:coreOrbit3 8.5s linear infinite}.ai-core-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:#d9faff;box-shadow:0 0 14px #22d3ee,0 0 28px #22d3ee;top:-5px;left:50%;margin-left:-5px}.ai-core-orbit--two span{background:#e9d5ff;box-shadow:0 0 14px #a855f7,0 0 28px #a855f7}.ai-core-orbit--three span{background:#fbcfe8;box-shadow:0 0 14px #ec4899,0 0 28px #ec4899}@keyframes coreOrbit1{to{transform:rotateX(67deg) rotate(348deg)}}@keyframes coreOrbit2{to{transform:rotateY(66deg) rotate(-338deg)}}@keyframes coreOrbit3{to{transform:rotateX(75deg) rotate(414deg)}}.ai-core-sphere{position:relative;width:176px;height:176px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.48),transparent 10%),radial-gradient(circle at 50% 48%,#22d3ee52,#312e818c 48%,#050a1cf5 78%);border:1px solid rgba(125,211,252,.75);box-shadow:0 0 22px #22d3ee99,0 0 75px #6366f152,inset -18px -24px 55px #0000007a,inset 12px 12px 30px #ffffff1f;animation:sphereFloat 4.5s ease-in-out infinite}.ai-core-sphere:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 24px #22d3ee2e}.ai-core-sphere-shine{position:absolute;left:22px;top:18px;width:44px;height:24px;border-radius:50%;background:#ffffff4d;filter:blur(10px);transform:rotate(-28deg)}.ai-core-sphere .logo-mark{position:relative;z-index:3;width:76px;height:76px;border-radius:22px;box-shadow:0 0 32px #67e8f959;background:linear-gradient(145deg,#22d3ee38,#8b5cf64d)}@keyframes sphereFloat{50%{transform:translateY(-8px) rotateY(4deg)}}.ai-core-base{position:absolute;bottom:42px;width:290px;height:52px;border-radius:50%;border:1px solid rgba(34,211,238,.35);background:radial-gradient(ellipse,rgba(34,211,238,.17),transparent 64%);box-shadow:0 0 35px #22d3ee29;transform:perspective(500px) rotateX(65deg);display:flex;justify-content:center;gap:55px;align-items:center}.ai-core-base i{display:block;width:44px;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,#22d3ee,transparent);box-shadow:0 0 12px #22d3eeb3;animation:basePulse 2.4s ease-in-out infinite}.ai-core-base i:nth-child(2){animation-delay:.4s}.ai-core-base i:nth-child(3){animation-delay:.8s}@keyframes basePulse{50%{transform:scaleX(.45);opacity:.45}}.ai-core-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(71,210,255,.28);border-radius:13px;background:#041026c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px #00000040,0 0 25px #22d3ee0f;color:#a9ddff;font-size:10px;letter-spacing:.09em;font-weight:800;animation:chipFloat 4s ease-in-out infinite}.ai-core-chip b{font-size:15px;color:#67e8f9}.ai-core-chip--analyze{left:4%;top:25%}.ai-core-chip--create{right:3%;top:25%;animation-delay:.8s}.ai-core-chip--learn{left:0;bottom:22%;color:#ddd1ff;border-color:#a855f74d;animation-delay:1.2s}.ai-core-chip--learn b{color:#c084fc}.ai-core-chip--code{right:2%;bottom:22%;animation-delay:1.8s}@keyframes chipFloat{50%{transform:translateY(-7px)}}.ai-panel-copy{position:relative;z-index:2;text-align:center;margin:-4px auto 18px;max-width:570px}.ai-panel-copy h3{font-size:23px;letter-spacing:-.025em;margin:0 0 7px}.ai-panel-copy p{font-size:12px;line-height:1.7;color:#8ea1c1;margin:0}.ai-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ai-feature{min-height:112px;padding:13px 12px;border:1px solid rgba(96,214,255,.16);border-radius:15px;background:linear-gradient(145deg,#0e2346ad,#040d1fbd);box-shadow:inset 0 1px #ffffff0d;transition:.25s}.ai-feature:hover{transform:translateY(-3px);border-color:#67e8f95c;box-shadow:0 12px 30px #00000038,0 0 24px #22d3ee0f}.ai-feature span{display:grid;place-items:center;width:31px;height:31px;margin-bottom:9px;border-radius:10px;background:#22d3ee14;color:#67e8f9;font-weight:900}.ai-feature:nth-child(2) span{color:#60a5fa;background:#60a5fa17}.ai-feature:nth-child(3) span{color:#c084fc;background:#c084fc17}.ai-feature:nth-child(4) span{color:#f0abfc;background:#f0abfc17}.ai-feature strong{display:block;font-size:12px;margin-bottom:5px}.ai-feature small{display:block;font-size:9px;line-height:1.5;color:#7f91b0}.ai-ready{position:relative;z-index:2;align-self:center;margin-top:16px;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(34,211,238,.18);border-radius:999px;background:#22d3ee0b;font-size:9px;color:#8ea1c1;letter-spacing:.08em}.ai-ready b{color:#5eead4}.ai-ready span{padding-left:8px;border-left:1px solid rgba(255,255,255,.1);letter-spacing:0;color:#6f83a4}@media(max-width:1080px){.auth-shell{width:min(940px,calc(100vw - 28px));grid-template-columns:1fr 1fr;min-height:720px}.auth-panel--form{padding:36px}.auth-panel--ai{padding:25px 22px}.ai-core-stage{height:360px;transform:scale(.88);transform-origin:center}.ai-feature-grid{grid-template-columns:repeat(2,1fr)}.ai-feature{min-height:88px}}@media(max-width:820px){.auth-page{padding:14px;overflow:auto}.auth-shell{width:min(600px,calc(100vw - 20px));grid-template-columns:1fr;min-height:0;border-radius:28px;overflow:visible}.auth-panel--form{border-right:0;border-bottom:1px solid rgba(96,214,255,.12);padding:34px 28px}.auth-panel--ai{padding:28px 20px 22px;border-radius:0 0 28px 28px}.ai-core-stage{height:350px;transform:none}.auth-panel--form .auth-brand{margin-bottom:25px}}@media(max-width:560px){.auth-shell{width:calc(100vw - 16px)}.auth-panel--form{padding:26px 20px}.auth-panel--ai{padding:24px 14px 18px}.ai-panel-heading{padding:0 3px}.ai-kicker{font-size:28px}.ai-online{font-size:8px;padding:7px 9px}.ai-core-stage{height:300px;transform:scale(.82)}.ai-feature-grid{gap:8px}.ai-feature{padding:10px;min-height:94px}.ai-feature small{font-size:8px}.ai-panel-copy h3{font-size:19px}.ai-panel-copy p{font-size:11px}}.auth-panel--form{align-items:center}.auth-panel--form .auth-brand{width:min(100%,420px);justify-content:center;margin-left:auto;margin-right:auto}.auth-panel--form .auth-brand .logo-mark{margin-inline:auto}.auth-panel--form .auth-copy{width:min(100%,420px);text-align:center;margin-left:auto;margin-right:auto}.auth-panel--form .auth-copy p:last-child{margin-left:auto;margin-right:auto}.auth-panel--form .auth-form,.auth-panel--form .auth-divider,.auth-panel--form .google-button-wrap,.auth-panel--form .auth-switch,.auth-panel--form .forgot,.auth-panel--form .auth-note,.auth-panel--form .auth-error{width:min(100%,420px);margin-left:auto;margin-right:auto}.auth-panel--form .auth-divider{margin-top:22px}.auth-panel--ai{align-items:center}.ai-panel-heading{width:min(100%,610px);justify-content:center;flex-direction:column;text-align:center;gap:10px}.ai-panel-heading>div{display:flex;flex-direction:column;align-items:center}.ai-core-stage{width:min(610px,100%);margin-left:auto;margin-right:auto}.ai-panel-copy{width:min(100%,570px);margin-left:auto;margin-right:auto}.ai-feature-grid{width:min(100%,610px);margin-left:auto;margin-right:auto}.ai-ready{margin-left:auto;margin-right:auto}@media(max-width:820px){.auth-panel--form .auth-brand,.auth-panel--form .auth-copy,.auth-panel--form .auth-form,.auth-panel--form .auth-divider,.auth-panel--form .google-button-wrap,.auth-panel--form .auth-switch,.auth-panel--form .forgot,.auth-panel--form .auth-note,.auth-panel--form .auth-error{width:min(100%,440px)}}.auth-page{width:100%;min-height:100vh;min-height:100dvh;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;overflow:hidden;padding:20px!important}.auth-card{width:min(470px,calc(100vw - 40px))!important;margin:0!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;align-self:center!important;justify-self:center!important;transform:none;z-index:10}@media(max-width:620px){.auth-page{padding:15px!important}.auth-card{width:100%!important;max-width:470px;padding:25px!important}}