:root{color-scheme:dark;--bg:#090b13;--panel:#10121d;--sidebar:#0d1019;--muted:#9297ab;--text:#f5f5fb;--line:rgba(255,255,255,.075);--violet:#a698ff;--accent:#866afb;--panel2:#191c2b;--soft:#232639;--message:#171b29;--shadow:0 26px 60px #0006;font-family:'DM Sans',Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body.light{color-scheme:light;--bg:#f5f5f8;--panel:#fff;--sidebar:#fdfdff;--muted:#6e7488;--text:#1c2030;--line:rgba(32,37,64,.11);--panel2:#eceef7;--soft:#e7e8f0;--message:#fff;--shadow:0 26px 60px #282b5122}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a79aff;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.app-shell{display:flex;width:100%;height:100dvh;overflow:hidden}.sidebar{width:274px;flex:none;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.sidebar-head{padding:26px 22px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{height:43px;width:43px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(140deg,#6855c8,#413b7f 72%,#2d2b4f);color:white;box-shadow:0 6px 22px #7563e83d}.brand-mark svg{width:27px;height:27px;fill:none;stroke:none}.brand-type{display:flex;flex-direction:column;gap:2px}.brand-type strong{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-1.2px;line-height:1}.brand-type small{font-size:10px;letter-spacing:.6px;color:var(--muted)}.sidebar-main{display:flex;flex-direction:column;min-height:0;flex:1;padding:0 15px}.new-chat{border:1px solid #aaa1ff40;background:linear-gradient(105deg,#a08aff,#7059ec);border-radius:12px;min-height:44px;display:flex;align-items:center;gap:10px;width:100%;color:#fff;padding:0 14px;font-size:13px;font-weight:800;box-shadow:0 8px 25px #6955e926}.new-chat svg{width:18px;height:18px;stroke-width:2.4}.new-shortcut{margin-left:auto;font-weight:500;opacity:.8}.side-actions{display:grid;gap:2px;margin:23px 0 11px}.nav-item{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:var(--muted);border-radius:11px;height:42px;padding:0 13px;width:100%;font-size:13px;font-weight:650;text-align:left}.nav-item svg{width:18px;height:18px}.nav-item.active,.nav-item:hover{color:var(--text);background:#aaa1ff11}.section-caption{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 12px;color:#777e98;font-size:10px;letter-spacing:1.65px;font-weight:800}.history-count{color:var(--muted);letter-spacing:0;font-size:11px}.search-panel{padding:3px 7px 10px}.search-panel input{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px}.history-list{overflow-y:auto;min-height:60px;flex:1;padding:0 4px}.history-row{display:flex;align-items:center;gap:0;padding:0 3px;margin:3px 0;border-radius:11px;min-width:0}.history-row.selected,.history-row:hover{background:#9c8cff13}.history-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:12px 8px;border:0;background:transparent;color:var(--muted);text-align:left;font-size:12px;font-weight:600}.history-link svg{width:15px;height:15px;flex:none}.history-link span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-row.selected .history-link{color:var(--text)}.delete-chat{border:0;background:transparent;color:var(--muted);padding:7px;opacity:.35;line-height:0}.delete-chat svg{width:13px;height:13px}.history-row:hover .delete-chat,.delete-chat:focus-visible{opacity:1}.history-empty{font-size:12px;padding:12px;color:var(--muted);line-height:1.55}.sidebar-footer{padding:15px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.privacy-note{background:linear-gradient(135deg,#1a1e32,#161827);display:flex;align-items:center;gap:11px;border:1px solid #a496ff13;padding:12px 10px;border-radius:12px;margin-bottom:10px}.light .privacy-note{background:#f0f1fa}.privacy-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#b6aaff;background:#ada2ff1c}.privacy-icon svg{width:17px;height:17px}.privacy-note strong,.privacy-note small,.sidebar-profile strong,.sidebar-profile small{display:block}.privacy-note strong{font-size:11px}.privacy-note small{font-size:10px;color:var(--muted);margin-top:2px}.footer-link{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:10px;color:var(--muted);font-size:12px;font-weight:600;text-align:left;border-radius:9px}.footer-link:hover{background:var(--soft);color:var(--text)}.footer-link svg{width:17px;height:17px}.sidebar-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:10px;padding:16px 7px 3px}.profile-avatar,.avatar-btn{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:900;color:white;background:linear-gradient(135deg,#8278fd,#bb89d3)}.sidebar-profile strong{font-size:12px}.sidebar-profile small{font-size:10px;color:var(--muted);margin-top:3px}.profile-light{width:7px;height:7px;border-radius:50%;background:#5bd8ad;margin-left:auto;box-shadow:0 0 0 4px #5bd8ad1a}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:78px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex:none;background:var(--bg);z-index:5}.topbar-left,.topbar-right,.breadcrumbs{display:flex;align-items:center}.topbar-left{gap:12px}.topbar-right{gap:14px}.breadcrumbs{gap:13px;font-size:12px;color:var(--muted)}.breadcrumbs .chevron{color:#61657d}.breadcrumbs strong{font-size:13px;color:var(--text);font-weight:800}.connection{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 11px;border-radius:50px;color:var(--muted);font-size:11px;font-weight:700}.connection-dot{height:7px;width:7px;border-radius:50%;background:#5bd8ad;box-shadow:0 0 0 4px #5bd8ad1c}.connection.error .connection-dot{background:#ff977e;box-shadow:0 0 0 4px #ff977e1c}.icon-btn{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:10px;width:34px;height:34px}.icon-btn:hover{background:var(--soft);color:var(--text)}.icon-btn svg{width:18px;height:18px}.avatar-btn{border:0;border-radius:50%;width:33px;height:33px;font-size:12px}.hamburger,.close-sidebar{display:none}.scroll-area{overflow-y:auto;flex:1;scroll-behavior:smooth}.landing{max-width:1210px;margin:0 auto;padding:32px 44px 24px}.hero{position:relative;min-height:315px;border-radius:22px;overflow:hidden;isolation:isolate;background:#2a2746;box-shadow:0 20px 55px #05051140}.hero-photo,.hero-shade,.hero-ambient{position:absolute;inset:0;pointer-events:none}.hero-photo{background-color:#1e1a34;background-image:url('https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1800&q=80');background-position:center 47%;background-size:cover;filter:saturate(.9) brightness(.86);transform:scale(1.03)}.hero-shade{background:linear-gradient(90deg,rgba(15,13,34,.94) 0%,rgba(17,14,40,.83) 39%,rgba(19,12,45,.14) 100%),linear-gradient(0deg,rgba(8,7,25,.22),rgba(30,20,50,.08))}.hero-ambient{background:radial-gradient(ellipse 50% 95% at 78% 8%,#7e6bff2b,transparent 77%),radial-gradient(ellipse 38% 120% at 92% 96%,#79c6e922,transparent 72%)}.hero-content{position:relative;z-index:1;padding:41px 50px;max-width:725px}.eyebrow,.mini-heading{font-size:10px;letter-spacing:1.9px;font-weight:800;color:#c7b6ff;display:flex;align-items:center;gap:10px}.eyebrow-dot{height:7px;width:7px;border-radius:100%;background:#bca1ff;box-shadow:0 0 0 5px #bca1ff2b}.hero h1{font-family:Manrope,sans-serif;color:white;font-size:clamp(29px,3.15vw,48px);letter-spacing:-2px;line-height:1.19;margin:20px 0 13px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#c6b1ff,#bca5ff 35%,#94d7e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#cac8da;font-size:13px;line-height:1.75;margin:0 0 19px}.hero-button{border:0;border-radius:10px;background:#f4f1ff;color:#2b224b;display:flex;align-items:center;gap:20px;padding:12px 15px 12px 18px;font-size:12px;font-weight:800}.hero-button span{font-size:18px}.hero-button:hover{background:white;transform:translateY(-1px)}.hero-sticker{position:absolute;right:29px;bottom:23px;display:flex;align-items:center;gap:12px;color:#e2e7ff;background:#17172d9c;border:1px solid #ffffff37;border-radius:12px;padding:11px 14px;backdrop-filter:blur(12px);transform:rotate(-4deg)}.hero-sticker span{color:#cbabff;font-size:33px}.hero-sticker small{font-size:9px;line-height:1.5;font-weight:900;letter-spacing:1.3px}.landing-heading{display:flex;align-items:end;justify-content:space-between;margin:36px 0 21px;gap:18px}.mini-heading{font-size:10px;color:#9b91fb}.landing-heading h2{font-size:clamp(20px,2vw,27px);font-family:Manrope,sans-serif;letter-spacing:-1.15px;margin:8px 0 0;font-weight:800}.explore-hint{color:var(--muted);font-size:11px;font-weight:650}.explore-hint span{color:var(--violet);font-size:15px;margin-left:5px}.inspire-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.inspire-card{position:relative;min-width:0;min-height:192px;border-radius:17px;overflow:hidden;border:1px solid #ffffff17;text-align:left;background:#302941;color:white;box-shadow:0 10px 30px #0002;isolation:isolate;transition:transform .2s,border .2s}.inspire-card:hover{transform:translateY(-4px);border-color:#beb0ff88}.card-image,.card-overlay{position:absolute;inset:0;pointer-events:none}.card-image{background-size:cover;background-position:center;transition:transform .4s;filter:saturate(.88)}.inspire-card:hover .card-image{transform:scale(1.065)}.card-travel{background-color:#24354c;background-image:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=620&q=77')}.card-creative{background-color:#5c475c;background-image:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=620&q=77')}.card-tech{background-color:#12344a;background-image:url('https://images.unsplash.com/photo-1656711790975-e36dfacbba88?auto=format&fit=crop&w=620&q=77')}.card-focus{background-color:#343b5a;background-image:url('https://images.unsplash.com/photo-1499951360447-b19be8fe80f5?auto=format&fit=crop&w=620&q=77')}.card-overlay{background:linear-gradient(180deg,#080a1b2e 0%,#090b1c70 43%,#0b0c1fe8 100%)}.card-icon{position:absolute;left:15px;top:15px;display:grid;place-items:center;width:32px;height:32px;background:#ffffff36;border:1px solid #ffffff3b;border-radius:10px;backdrop-filter:blur(10px)}.card-icon svg{width:18px;height:18px}.card-copy{display:flex;position:absolute;bottom:16px;left:15px;right:12px;flex-direction:column;gap:4px}.card-copy small{font-size:9px;letter-spacing:1.45px;color:#d3ceff;font-weight:800}.card-copy strong{font-size:14px;font-weight:800;line-height:1.2;letter-spacing:-.3px}.card-copy span{font-size:10px;color:#d7d8e5;line-height:1.3}.card-arrow{position:absolute;top:17px;right:14px;font-size:19px;opacity:.9}.quickstart{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:26px 0 6px}.quick-label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.25px}.quick-chips{display:flex;gap:8px;flex-wrap:wrap}.quick-chips button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:50px;padding:10px 13px;font-size:11px;font-weight:650}.quick-chips button:hover{color:var(--text);border-color:#a39bff7c}.composer-wrap{padding:12px 34px 14px;background:linear-gradient(180deg,transparent,var(--bg) 12%);flex:none}.composer-inner{max-width:910px;margin:auto}.composer-form{border:1px solid #797da646;background:var(--panel);border-radius:18px;box-shadow:0 8px 26px #0002;padding:12px 13px 9px;transition:border-color .2s}.composer-form:focus-within{border-color:#9d8afba3}.composer-form textarea{background:transparent;border:0;outline:0!important;box-shadow:none;resize:none;width:100%;min-height:40px;max-height:145px;color:var(--text);padding:8px 10px 4px;line-height:1.5;font-size:13px;display:block}.composer-form textarea::placeholder{color:#777b92}.composer-controls,.composer-left{display:flex;align-items:center}.composer-controls{justify-content:space-between;padding:0 4px}.composer-left{gap:4px}.composer-icon{height:33px;width:33px;background:transparent;color:var(--muted);border:0;display:grid;place-items:center;border-radius:9px}.composer-icon:hover{background:var(--soft);color:var(--text)}.composer-icon.listening{color:#d4beff;background:#9b8cff24;animation:pulse 1.5s infinite}.composer-icon svg{width:18px;height:18px}.compose-hint{font-size:10px;color:#8187a0;margin-left:7px}.send-button{display:grid;place-items:center;width:38px;height:38px;color:white;background:linear-gradient(135deg,#a18bff,#7656f2);border:0;border-radius:11px;box-shadow:0 5px 16px #7656f249}.send-button svg{width:18px;height:18px;stroke-width:2}.send-button:hover{filter:brightness(1.09)}.disclaimer{text-align:center;font-size:10px;margin:8px 0 0;color:#737991}.attachment-preview{display:flex;align-items:center;justify-content:space-between;background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin:0 0 8px;padding:10px 12px;font-size:11px;color:var(--text)}.attachment-preview button{font-size:20px;color:var(--muted);border:0;background:transparent}.conversation{max-width:910px;margin:0 auto;padding:28px 36px 15px}.conversation-intro{display:flex;align-items:center;gap:11px;padding:5px 0 27px;border-bottom:1px solid var(--line);margin-bottom:24px}.assistant-symbol{background:linear-gradient(140deg,#6a5bef,#423c8e);width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:white;font-size:22px}.conversation-intro div{display:flex;flex-direction:column;gap:3px;min-width:0}.conversation-intro strong{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversation-intro span:not(.assistant-symbol){font-size:11px;color:var(--muted)}.subtle-action{margin-left:auto;border:1px solid var(--line);background:var(--panel);width:35px;height:35px;border-radius:11px;display:grid;place-items:center;color:var(--muted)}.subtle-action svg{width:17px;height:17px}.message-list{display:flex;flex-direction:column;gap:24px;min-height:60px;padding-bottom:20px}.message-row{display:flex;align-items:flex-start;gap:11px;max-width:95%}.message-row.from-user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;flex:none;border-radius:11px;display:grid;place-items:center;background:#695ada;color:white;font-weight:900;font-size:18px}.from-user .message-avatar{background:linear-gradient(135deg,#3a395b,#65528c);font-size:11px}.message-stack{min-width:0;display:flex;flex-direction:column;gap:6px}.message-meta{font-size:11px;font-weight:750;color:var(--muted);padding:0 5px}.from-user .message-meta{text-align:right}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;padding:15px 17px;border-radius:5px 16px 16px 16px;background:var(--message);border:1px solid var(--line);box-shadow:0 6px 20px #0001}.from-user .message-bubble{background:linear-gradient(130deg,#6755bd,#59499f);color:#fff;border:1px solid #bba8ff28;border-radius:16px 5px 16px 16px}.message-tools{display:flex;gap:8px;padding:1px 4px}.message-tool{font-size:10px;color:var(--muted);border:0;background:transparent;padding:6px 7px;border-radius:6px}.message-tool:hover{background:var(--soft);color:var(--text)}.typing{display:flex;gap:5px;align-items:center;min-height:24px}.typing i{height:6px;width:6px;border-radius:100%;background:#b1a4f9;animation:blink 1.1s infinite alternate}.typing i:nth-child(2){animation-delay:.25s}.typing i:nth-child(3){animation-delay:.5s}@keyframes blink{to{opacity:.2;transform:translateY(-3px)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #9b8cff25}}.dialog-overlay{position:fixed;inset:0;background:#02040bc2;backdrop-filter:blur(8px);z-index:60;display:grid;place-items:center;padding:20px}.dialog{width:min(480px,100%);border-radius:21px;border:1px solid #ffffff1e;background:#191c2d;padding:28px;color:#fff;box-shadow:0 25px 100px #0008}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-glyph{font-size:29px;color:#b8a0ff}.dialog h2{font-family:Manrope,sans-serif;margin:10px 0;font-size:24px;letter-spacing:-1px}.dialog p{color:#adb3c9;font-size:12px;line-height:1.65}.dialog label{display:block;font-size:12px;color:#d9d6f8;margin:22px 0 9px;font-weight:700}.dialog input{width:100%;background:#0f1321;border:1px solid #51506c;border-radius:12px;color:white;padding:14px;font-size:12px}.dialog-note{display:flex;gap:12px;background:#aaa0ff0f;color:#c2c5d5;padding:14px;margin-top:16px;border-radius:12px;font-size:11px;line-height:1.5}.dialog-note svg{flex:none;color:#b2a8ff}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.outline-btn,.save-btn{padding:11px 15px;border-radius:10px;font-weight:750;font-size:12px}.outline-btn{border:1px solid #48465d;background:transparent;color:#efc6c6}.save-btn{border:0;background:#8f7afa;color:white}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#e6e1ff;color:#21173f;padding:11px 17px;border-radius:11px;box-shadow:0 12px 30px #0006;z-index:100;font-size:12px;font-weight:750;max-width:85vw;text-align:center}.mobile-backdrop{position:fixed;inset:0;z-index:25;background:#0009}.light .hero,.light .inspire-card{color:white}.light .side-actions .active{background:#aca0ff25}.light .history-row.selected,.light .history-row:hover{background:#aca0ff21}.light .privacy-note strong{color:#31324c}.light .composer-form textarea::placeholder{color:#848898}@media(max-width:1180px){.landing{padding:25px 25px 17px}.hero-content{padding:37px}.card-copy strong{font-size:12px}.card-copy span{font-size:10px}.inspire-grid{gap:10px}.topbar{padding:0 25px}}@media(max-width:850px){.sidebar{width:235px}.inspire-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspire-card{min-height:160px}.hero-sticker{display:none}.hero h1{font-size:clamp(30px,4vw,42px)}}@media(max-width:680px){.sidebar{width:min(83vw,310px);position:fixed;inset:0 auto 0 0;transform:translateX(-103%);transition:transform .24s;box-shadow:15px 0 50px #0005}.sidebar.open{transform:translateX(0)}.hamburger,.close-sidebar{display:grid}.topbar{height:62px;padding:0 17px}.topbar-right{gap:6px}.breadcrumbs>span:first-child,.breadcrumbs .chevron{display:none}.connection{padding:8px}.connection span:last-child{display:none}.landing{padding:15px 14px 14px}.hero{min-height:290px;border-radius:16px}.hero-photo{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#151126ea,#17122e9b 72%,#1b153953)}.hero-content{padding:30px 24px}.hero h1{font-size:31px;letter-spacing:-1.5px}.hero p{font-size:12px}.eyebrow{font-size:9px;line-height:1.5;letter-spacing:1px}.landing-heading{margin:27px 0 16px;align-items:start}.landing-heading h2{font-size:20px}.explore-hint{display:none}.inspire-grid{gap:10px}.inspire-card{min-height:156px;border-radius:13px}.card-copy{left:12px;right:9px;bottom:11px}.card-copy strong{font-size:12px}.card-copy span{font-size:9px}.card-copy small{font-size:8px}.card-icon{left:12px;top:11px;width:29px;height:29px}.quickstart{align-items:start;margin-top:18px}.quick-chips button{font-size:10px}.composer-wrap{padding:9px 12px max(10px,env(safe-area-inset-bottom))}.composer-form{border-radius:15px;padding:8px 9px}.composer-form textarea{font-size:13px}.compose-hint{font-size:9px}.disclaimer{font-size:9px}.conversation{padding:20px 14px}.message-row{max-width:100%}.message-bubble{font-size:12px}.dialog{padding:20px}.desktop-only{display:none}}@media(max-height:700px) and (min-width:681px){.landing{padding-top:16px}.hero{min-height:260px}.hero-content{padding:30px 43px}.landing-heading{margin-top:22px}.inspire-card{min-height:153px}.quickstart{margin-top:15px}.topbar{height:61px}}


/* ====================================
   MyAI COSMOS — visual edition 3.0
   Self-contained artwork + optional online photography
   ==================================== */
:root{--bg:#070a15;--panel:#111629;--sidebar:#090e1e;--violet:#b4a0ff;--accent:#755afa;--panel2:#1b2040;--soft:#222641;--message:#151a31;--muted:#9199b4;--line:rgba(185,194,255,.11)}
body{background:radial-gradient(ellipse 58% 48% at 67% 5%,rgba(76,44,161,.16),transparent 78%),#070a15;}
.main-area{position:relative;background:radial-gradient(circle at 62% -18%,rgba(80,51,168,.11),transparent 50%);}
.sidebar{position:relative;background:linear-gradient(160deg,#0a0f21 0%,#0b1021 53%,#0a0d19 100%);border-right-color:rgba(171,173,238,.11)}
.sidebar:before{content:"";position:absolute;inset:0 0 auto;height:230px;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(142,104,245,.12),transparent 68%)}
.sidebar-head{position:relative;z-index:1;padding-top:29px;padding-bottom:28px}
.brand-mark{position:relative;background:linear-gradient(145deg,#b6a5ff 0%,#744be8 48%,#2a3c94 100%);border:1px solid rgba(255,255,255,.3);box-shadow:0 9px 35px #795aff66,inset 0 1px #ffffff75;border-radius:16px}
.brand-mark:after{content:"";position:absolute;inset:-5px;border:1px solid #9f85ff31;border-radius:20px}
.brand-type strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-1px}.brand-dot{color:#ac96ff}
.brand-type small{letter-spacing:1.35px;font-size:8px;color:#8d99ba;font-weight:800}
.new-chat{height:47px;border:1px solid #b1a5ff88;background:linear-gradient(107deg,#9a7aff,#6c5af9 68%,#5457e7);border-radius:13px;box-shadow:0 12px 26px #4d3ec052,inset 0 1px #ffffff55;transition:transform .8s cubic-bezier(.22,1,.36,1),box-shadow .8s ease}
.new-chat:hover{transform:translateY(-2px);box-shadow:0 16px 34px #795aff66}
.nav-item.active{background:linear-gradient(90deg,#796bce34,#796bce09);color:#eeeaff;border:1px solid #9181fa28}
.sidebar-profile{background:linear-gradient(125deg,#23274780,#12182b88);border-radius:13px;border:1px solid #9a95d332;padding:12px}
.topbar{background:#0a0d1bdd;backdrop-filter:blur(18px);border-color:#9e9bdb25;height:70px}
.connection{border:1px solid #3ba89c3b;background:#0f25302c;border-radius:100px;padding:8px 12px;box-shadow:inset 0 0 0 1px #172f3866}
.landing{max-width:1410px;padding-top:25px;padding-bottom:32px}
.hero{min-height:378px;border-radius:25px;background:#0c0e2f;border:1px solid rgba(173,171,255,.30);box-shadow:0 22px 65px #0008,0 0 58px #7459ff16;}
.hero-photo{background-color:#0b0f29;background-image:url('assets/hero.webp');background-size:cover;background-position:center center;filter:brightness(1.03) saturate(1.15);transform:scale(1.015);transition:transform 9s ease}
.hero:hover .hero-photo{transform:scale(1.065)}
.hero-shade{background:linear-gradient(90deg,rgba(7,9,25,.96) 0%,rgba(7,9,26,.9) 24%,rgba(13,12,38,.69) 48%,rgba(10,10,30,.05) 74%,rgba(11,12,34,.12) 100%),linear-gradient(0deg,#0b0b2c6b,transparent 45%)}
.hero-ambient{background:radial-gradient(ellipse 48% 58% at 86% 57%,#a879ff26,transparent 92%);animation:ambientBreath 11s ease-in-out infinite alternate}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#afafff08 1px,transparent 1px),linear-gradient(90deg,#afafff08 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent 42%,black);pointer-events:none}
@keyframes ambientBreath{from{opacity:.6}to{opacity:1}}
.hero-content{padding:57px 62px 48px;max-width:760px}
.eyebrow{font-size:10px;color:#d3ccff;letter-spacing:2px;border:1px solid #cec3ff34;background:#7973b126;backdrop-filter:blur(12px);border-radius:100px;display:inline-flex;padding:9px 14px 9px 12px}
.eyebrow-dot{background:#9aeeff;box-shadow:0 0 15px #78ddff,0 0 0 4px #8db7ff24}
.hero h1{font-family:Manrope,sans-serif;line-height:1.13;font-size:clamp(37px,4.6vw,64px);letter-spacing:-3.5px;font-weight:800;margin:24px 0 19px;text-shadow:0 4px 20px #0005}
.hero h1 em{background:linear-gradient(110deg,#e6c7ff 0%,#ad98ff 38%,#91e7ff 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p{font-size:14px;line-height:1.8;color:#d4d4e7;max-width:425px;margin-bottom:26px}
.hero-button{color:#151033;background:linear-gradient(115deg,#fff 0%,#e0dbff 60%,#bbbeff 100%);border-radius:12px;padding:13px 17px;font-weight:800;box-shadow:0 12px 25px #0004,0 0 28px #e7dcff24}
.hero-button:hover{transform:translateY(-2px);box-shadow:0 17px 32px #0006}
.hero-floating{position:absolute;z-index:2;right:40px;bottom:34px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#171a40a3;border:1px solid #e2ccff5c;backdrop-filter:blur(18px);border-radius:15px;box-shadow:0 10px 40px #0007;animation:none;transform:translateY(0);transition:transform 1.05s cubic-bezier(.22,1,.36,1), box-shadow 1.05s cubic-bezier(.22,1,.36,1)}
.floating-icon{color:#e4d2ff;font-size:22px;height:37px;width:37px;border-radius:12px;background:#9071f066;display:grid;place-items:center}
.hero-floating>span:nth-child(2){display:flex;flex-direction:column;gap:4px}
.hero-floating strong{font-size:11px;color:#fff}.hero-floating small{font-size:8px;font-weight:700;letter-spacing:1px;color:#c7c2de}
.floating-pulse{height:7px;width:7px;border-radius:100%;background:#8ff8de;box-shadow:0 0 14px #74f5d6}
.hero-corner{position:absolute;top:26px;right:29px;color:#d5c7f9;font-size:9px;letter-spacing:2px;font-weight:750;opacity:.88}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.landing-heading{margin:32px 0 17px}
.mini-heading{font-size:10px;color:#ada0ff;letter-spacing:2px}
.landing-heading h2{font-size:25px;letter-spacing:-.9px;margin:8px 0 0}
.explore-hint{color:#b6b1d0}
.inspire-grid{gap:16px}
.inspire-card{min-height:205px;border:1px solid rgba(178,183,255,.25);border-radius:19px;background:#111a31;box-shadow:0 10px 30px #0004;transform:translateY(0);transition:transform 1.05s cubic-bezier(.22,1,.36,1),box-shadow 1.05s cubic-bezier(.22,1,.36,1),border-color .9s ease}
.inspire-card:hover{transform:translateY(-9px);border-color:#a8a7ffb8;box-shadow:0 20px 40px #0008,0 0 23px #876afa2c}
.card-image{background-size:cover;background-position:center;transition:transform 1.25s cubic-bezier(.22,1,.36,1),filter 1.25s ease;filter:saturate(1.13)}
.inspire-card:hover .card-image{transform:scale(1.055);filter:saturate(1.28) brightness(1.06)}
.card-travel{background-image:url('assets/travel.webp')}
.card-creative{background-image:url('assets/creative.webp')}
.card-tech{background-image:url('assets/tech.webp')}
.card-focus{background-image:url('assets/focus.webp')}
.card-overlay{background:linear-gradient(180deg,#070b1b38 0%,#080b2578 45%,#050717f5 100%)}
.card-icon{border:1px solid #fff6;background:#b6b1fc33;backdrop-filter:blur(16px);border-radius:12px;width:36px;height:36px;box-shadow:0 5px 15px #0003}
.card-copy{bottom:20px;left:19px;gap:5px}
.card-copy small{font-size:9px;letter-spacing:1.6px;color:#bfc8ff}
.card-copy strong{font-size:17px;line-height:1.2}
.card-copy span{font-size:11px;color:#dedff4}
.card-arrow{background:#f7f6ff22;border:1px solid #fff3;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;top:15px;right:15px;font-size:17px;backdrop-filter:blur(8px)}
.quickstart{margin-top:24px;padding:0 2px}
.quick-chips button{background:linear-gradient(140deg,#1b1c36,#131629);border:1px solid #a09fe23b;border-radius:12px;padding:12px 16px;color:#cacbe8;transition:border-color .7s ease,background .7s ease,transform .85s cubic-bezier(.22,1,.36,1)}
.quick-chips button:hover{border-color:#aaa0ff;background:#302e58;transform:translateY(-2px)}
.composer-wrap{background:linear-gradient(180deg,transparent,var(--bg) 18%);padding-bottom:16px}
.composer-form{background:linear-gradient(130deg,#151a2b,#131728);border:1px solid #9996eb56;border-radius:18px;box-shadow:0 15px 35px #02041199,0 0 25px #8e7fff0b}
.composer-form:focus-within{border-color:#b0a7ff;box-shadow:0 12px 30px #0007,0 0 28px #8e7fff23}
.send-button{background:linear-gradient(145deg,#b79bff,#7360ff);border-radius:12px;box-shadow:0 5px 20px #755afa6e}
.sidebar-profile .profile-avatar{background:linear-gradient(135deg,#b497ff,#6f5ce0)}
.message-bubble{border-radius:6px 18px 18px 18px;background:#161b32;border-color:#a4a2eb25}
.from-user .message-bubble{background:linear-gradient(130deg,#7c64dd,#5744b9)}
/* Accessibility and motion */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:1180px){.landing{padding:23px 24px}.hero-content{padding:48px 39px}.hero h1{font-size:48px}.inspire-card{min-height:180px}.card-copy strong{font-size:14px}}
@media(max-width:850px){.hero{min-height:330px}.hero h1{font-size:42px}.hero-floating{right:20px;bottom:18px;opacity:.85}.inspire-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspire-card{min-height:178px}}
@media(max-width:680px){.topbar{height:61px}.landing{padding:13px 14px 20px}.hero{min-height:320px;border-radius:19px}.hero-photo{background-position:64% center}.hero-shade{background:linear-gradient(90deg,#0b0b29ed,#100d2fc9 58%,#110c3266 100%)}.hero-content{padding:30px 25px}.hero h1{font-size:37px;letter-spacing:-2px;margin:19px 0 12px}.hero p{font-size:11.5px;line-height:1.65;max-width:250px;margin-bottom:17px}.eyebrow{font-size:8px;letter-spacing:.9px;padding:8px}.hero-button{padding:11px 14px;font-size:11px}.hero-floating{display:none}.hero-corner{top:auto;bottom:13px;right:15px;font-size:7px;letter-spacing:1px}.landing-heading{margin:26px 0 14px}.landing-heading h2{font-size:21px;line-height:1.25}.inspire-grid{gap:10px}.inspire-card{min-height:180px;border-radius:15px}.card-icon{width:31px;height:31px;top:11px;left:11px}.card-copy{bottom:12px;left:13px;right:9px;gap:5px}.card-copy strong{font-size:13px}.card-copy span{font-size:10px}.card-copy small{font-size:8px}.card-arrow{width:24px;height:24px;font-size:13px;top:11px;right:11px}.quick-chips button{font-size:10px;padding:10px}.composer-form{border-radius:17px}.hero-grid{background-size:32px 32px}}
body.light .sidebar{background:#f8f7ff}.light .topbar{background:#fbfaffeb}.light .hero{color:#fff}.light .composer-form{background:#fff}.light .message-bubble{background:#fff;color:#202136}.light .from-user .message-bubble{color:#fff;background:linear-gradient(130deg,#7965d9,#6147c9)}

/* MyAI Cosmos 3.1 – ruhige, kontrollierte Animationen */
/* Status-Badge bleibt still und hebt sich nur bei Berührung langsam an. */
.hero-floating:hover {
  transform: translateY(-6px);
  box-shadow: 0 17px 42px #0008, 0 0 24px #a28bff24;
}
.hero-button {
  transition: transform .85s cubic-bezier(.22,1,.36,1), box-shadow .85s ease, background .85s ease;
}
/* Kein dauerhaftes Atmen/Wackeln der dekorativen Statuskarte. */
@media (hover: none) {
  .hero-floating:hover { transform: translateY(0); }
  .inspire-card:hover { transform: translateY(0); }
}


/* MyAI Cosmos 3.2 — ultrassanfte Hover-Bewegungen
   Durchgehende 2,7-Sekunden-Kurve für Hin- UND Rückweg.
   Diese Regeln überschreiben die älteren, kürzeren Transitionen. */
@media (hover: hover) and (pointer: fine) {
  .inspire-card {
    transform: translate3d(0,0,0);
    transition:
      transform 2.7s cubic-bezier(.42,0,.58,1),
      box-shadow 2.7s cubic-bezier(.42,0,.58,1),
      border-color 2.7s ease-in-out;
  }
  .inspire-card:hover {
    transform: translate3d(0,-6px,0);
    border-color: #a8a7ff8a;
    box-shadow: 0 16px 36px #0006,0 0 18px #876afa20;
  }
  .card-image {
    transform: scale(1);
    transition:
      transform 2.7s cubic-bezier(.42,0,.58,1),
      filter 2.7s ease-in-out;
  }
  .inspire-card:hover .card-image {
    transform: scale(1.035);
    filter: saturate(1.2) brightness(1.035);
  }
  .hero-button, .quick-chips button {
    transition:
      transform 2.7s cubic-bezier(.42,0,.58,1),
      box-shadow 2.7s ease-in-out,
      background 2.7s ease-in-out,
      border-color 2.7s ease-in-out;
  }
}
/* Die reine Dekoration bleibt vollständig stabil, auch beim Darüberfahren. */
.hero-floating {
  animation: none !important;
  transform: translate3d(0,0,0) !important;
  pointer-events: none;
  transition: none !important;
}
.hero-floating:hover {
  transform: translate3d(0,0,0) !important;
  box-shadow: 0 10px 40px #0007;
}
.hero-ambient { animation: none !important; }
/* Touchgeräte brauchen keine Hover-Bewegung. */
@media (hover: none), (pointer: coarse) {
  .inspire-card, .inspire-card:hover { transform: none !important; }
  .inspire-card:hover .card-image { transform: scale(1) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .inspire-card, .inspire-card:hover, .card-image, .hero-button, .quick-chips button {
    transition: none !important;
    transform: none !important;
  }
}