:root{
  color-scheme:dark;--font-size:16px;--accent:#9168ff;--bg:#0b0d16;--side:#111321;--surface:#161927;--surface2:#1b1e2c;--surface3:#222639;--hover:#25283b;--text:#f7f6fc;--muted:#a3a5bd;--faint:#74778f;--edge:rgba(189,179,236,.10);--edge-strong:rgba(189,179,236,.18);--shade:rgba(4,5,14,.75);--glow:rgba(130,87,236,.17);--chat-bubble:#272840;--card:rgba(27,30,45,.78);--input:#1c1f30;--danger:#ff777e;--success:#4ee2ac;
  font-family:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--font-size);background:var(--bg);color:var(--text);font-synthesis:none;
}
:root[data-theme=light]{color-scheme:light;--bg:#f7f8fe;--side:#eeeff8;--surface:#fff;--surface2:#f1f1fa;--surface3:#e9eaf7;--hover:#e5e7f5;--text:#1e2035;--muted:#626681;--faint:#7d8096;--edge:rgba(33,37,68,.10);--edge-strong:rgba(33,37,68,.17);--shade:rgba(28,25,57,.45);--glow:rgba(138,108,245,.11);--chat-bubble:#eae6fc;--card:#fff;--input:#fff;--danger:#ce4261;--success:#168d60}
:root[data-contrast=high]{--muted:var(--text);--edge:rgba(160,154,211,.38);--edge-strong:rgba(160,154,211,.50)}
:root[data-glass=off]{--card:var(--surface)}
:root[data-density=compact]{--gap-scale:.83}:root[data-density=spacious]{--gap-scale:1.18}:root{--gap-scale:1}
*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}input,textarea,select{color:var(--text)}svg.icon{display:block;width:20px;height:20px;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.043em}::selection{background:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--text)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:rgba(146,144,181,.25);border-radius:10px}::-webkit-scrollbar-track{background:transparent}[hidden]{display:none!important}.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}
.app-shell{width:100%;height:100dvh;display:flex;overflow:hidden;background:var(--bg);position:relative}.app-shell:before{content:"";position:absolute;pointer-events:none;inset:-30% -20% 15% 30%;background:radial-gradient(circle at 60% 30%,var(--glow),transparent 48%);opacity:.35;z-index:0}.app-shell.focus-mode:before{display:none}:root[data-glow=off] .app-shell:before{display:none}
.sidebar{height:100%;width:264px;min-width:264px;z-index:3;display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--edge);padding:22px 13px 12px;transition:transform .34s cubic-bezier(.2,.7,.2,1),width .34s cubic-bezier(.2,.7,.2,1),min-width .34s cubic-bezier(.2,.7,.2,1),padding .34s}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;margin:0 8px 32px 9px;min-height:32px}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;padding:0}.brand-mark{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(142deg,color-mix(in srgb,var(--accent) 82%,#fff),color-mix(in srgb,var(--accent) 80%,#200a55));box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 28%,transparent)}.brand-mark svg{width:17px;height:17px;stroke-width:1.7}.brand-name{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.095em;color:var(--text)}.brand-period{color:var(--accent)}
.icon-btn{border:0;background:transparent;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--muted);transition:background .18s,color .18s,transform .18s}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn:active,.button:active{transform:scale(.965)}.icon-btn svg{width:19px;height:19px}.icon-btn.tiny{width:26px;height:26px;border-radius:8px}.icon-btn.tiny svg{width:16px;height:16px}
.sidebar-main{display:flex;flex-direction:column;flex:1;min-height:0}.new-chat-btn{margin:0 2px 24px;min-height:43px;padding:0 13px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--edge));background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 19%,var(--side)),color-mix(in srgb,var(--accent) 8%,var(--side)));border-radius:12px;color:var(--text);font-size:.83rem;font-weight:700;transition:background .2s,transform .2s,border-color .2s}.new-chat-btn:hover{background:color-mix(in srgb,var(--accent) 20%,var(--side));border-color:color-mix(in srgb,var(--accent) 42%,var(--edge));transform:translateY(-1px)}.new-chat-btn>svg{width:17px;height:17px;color:var(--accent)}.new-chat-btn .end-icon{width:16px;height:16px;margin-left:auto;color:var(--muted)}
.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{height:41px;display:flex;align-items:center;gap:14px;width:100%;padding:0 13px;text-align:left;background:transparent;color:var(--muted);border:0;border-radius:11px;font-size:.86rem;font-weight:550;transition:background .2s,color .2s,transform .2s;position:relative}.sidebar-link:hover{background:var(--hover);color:var(--text);transform:translateX(2px)}.sidebar-link.selected{color:var(--text);background:color-mix(in srgb,var(--accent) 13%,var(--side));font-weight:700}.sidebar-link.selected>svg{color:var(--accent)}.sidebar-link svg{width:19px;height:19px;stroke-width:1.85}.active-dot{position:absolute;right:12px;width:4px;height:4px;border-radius:100%;background:var(--accent)}.sidebar-divider{height:1px;background:var(--edge);margin:24px 10px 16px}.sidebar-section-label{color:var(--faint);font-size:.65rem;letter-spacing:.14em;font-weight:800;display:flex;justify-content:space-between;align-items:center;padding:0 13px;margin-bottom:9px}.history-list{overflow:auto;flex:1;padding:0 2px 8px}.sidebar-empty{font-size:.76rem;color:var(--faint);line-height:1.6;padding:5px 13px}.history-row{position:relative;border-radius:9px;display:flex;align-items:center;min-height:36px;transition:background .18s}.history-row:hover,.history-row.selected{background:var(--hover)}.history-title{background:transparent;border:0;min-width:0;flex:1;display:flex;align-items:center;gap:7px;text-align:left;font-size:.77rem;color:var(--muted);padding:8px 4px 8px 11px}.history-row.selected .history-title{color:var(--text)}.history-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-title .micro{width:12px;height:12px;color:var(--accent)}.history-more{visibility:hidden;margin-right:4px}.history-row:hover .history-more,.history-row.selected .history-more,.history-more:focus-visible{visibility:visible}.history-menu{position:absolute;left:48px;top:29px;z-index:9;width:206px;min-width:0}.sidebar-bottom{border-top:1px solid var(--edge);padding-top:12px;margin-top:4px}.model-status{display:flex;align-items:center;gap:8px;font-size:.72rem;margin:0 8px 12px;color:var(--text);font-weight:650}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 48%,transparent)}.muted,.status-suffix{color:var(--faint);font-weight:450}.status-suffix{margin-left:auto;font-size:.68rem}.account-link{border:1px solid transparent;background:transparent;width:100%;padding:9px 8px;display:flex;align-items:center;gap:10px;text-align:left;border-radius:12px;transition:background .2s}.account-link:hover{background:var(--hover);border-color:var(--edge)}.avatar{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,var(--accent),#3d346f);font-family:Manrope,sans-serif;color:white;font-weight:800;font-size:.85rem}.account-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.account-info strong{font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-info small{font-size:.68rem;color:var(--muted)}.account-link>svg{width:17px;height:17px;color:var(--muted)}
.main-content{display:flex;flex-direction:column;min-width:0;flex:1;height:100%;position:relative;z-index:1}.main-body{flex:1;min-height:0;position:relative}.topbar{height:72px;min-height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;z-index:10;position:relative}.topbar-left,.topbar-right{display:flex;align-items:center;gap:11px}.topbar-left{gap:4px}.sidebar-reveal{display:none}.topbar-model{background:transparent;border:0;color:var(--text);display:flex;gap:9px;align-items:center;padding:9px 11px;border-radius:10px;font-size:1rem;font-weight:700;letter-spacing:-.02em;transition:background .18s}.topbar-model:hover{background:var(--hover)}.topbar-model svg{width:14px;height:14px;color:var(--faint)}.model-box{position:relative}.page-breadcrumb{font-weight:700;letter-spacing:-.02em;font-size:1rem}.breadcrumb-icon{display:none;color:var(--accent)}.topbar-share{background:transparent;border:1px solid var(--edge-strong);padding:8px 13px;border-radius:11px;display:flex;gap:8px;align-items:center;font-size:.77rem;font-weight:700;transition:all .2s}.topbar-share svg{width:15px;height:15px}.topbar-share:hover{background:var(--hover);border-color:var(--accent)}.topbar-new{margin-left:5px}.sidebar-hidden .sidebar{width:0;min-width:0;padding:0;border:0;overflow:hidden}.sidebar-hidden .sidebar-reveal{display:inline-grid}.focus-mode .sidebar{width:0;min-width:0;padding:0;overflow:hidden;border:0}.focus-mode .sidebar-reveal{display:none}.focus-mode .topbar-right .hide-mobile,.focus-mode .topbar-share{display:none}
.surface-popover,.context-menu{border:1px solid var(--edge-strong);border-radius:15px;background:var(--surface2);box-shadow:0 20px 65px rgba(0,0,0,.32);z-index:30;padding:9px;min-width:252px;animation:pop-in .17s both;backdrop-filter:blur(24px)}:root[data-glass=off] .surface-popover,:root[data-glass=off] .context-menu{backdrop-filter:none}.model-popover{position:absolute;left:0;top:46px}.menu-kicker{font-size:.64rem;color:var(--faint);font-weight:800;letter-spacing:.13em;padding:9px 12px 10px}.model-choice{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--surface2));width:100%;text-align:left;border-radius:10px}.model-choice>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.model-choice strong{font-size:.83rem}.model-choice small{color:var(--muted);font-size:.7rem}.model-choice>svg{width:16px;height:16px;color:var(--accent)}.mini-model-icon{display:grid;place-items:center;background:var(--accent);color:white;width:32px;height:32px;border-radius:10px}.mini-model-icon svg{width:17px;height:17px}.menu-sep{height:1px;background:var(--edge);margin:8px 3px}.model-popover-footer{display:flex;gap:8px;align-items:center;color:var(--muted);padding:8px;font-size:.73rem}.model-popover-footer svg{width:15px;height:15px}.model-explore{background:transparent;border:0;color:var(--accent);width:100%;padding:10px 8px;display:flex;align-items:center;justify-content:space-between;font-size:.74rem;font-weight:700}.model-explore:hover{background:var(--hover);border-radius:8px}.model-explore svg{width:16px;height:16px}.context-menu button,.tools-popover button{display:flex;align-items:center;width:100%;padding:10px;border:0;background:transparent;text-align:left;border-radius:8px;gap:11px;font-size:.76rem;color:var(--text)}.context-menu button:hover,.tools-popover button:hover{background:var(--hover)}.context-menu button svg,.tools-popover button svg{width:16px;height:16px;color:var(--muted)}.context-menu button.danger{color:var(--danger)}.context-menu button.danger svg{color:var(--danger)}
.chat-view{height:100%;display:flex;flex-direction:column;position:relative}.chat-view:before{content:"";pointer-events:none;position:absolute;width:min(75vw,660px);height:min(75vw,660px);background:radial-gradient(circle,var(--glow),transparent 66%);left:50%;top:20%;transform:translate(-50%,-50%);opacity:.5}:root[data-glow=off] .chat-view:before{display:none}.conversation-scroll{flex:1;overflow:auto;min-height:0;display:flex;flex-direction:column;position:relative}.welcome{width:100%;max-width:820px;margin:auto;display:flex;align-items:center;flex-direction:column;text-align:center;padding:75px 20px 42px}.welcome-icon{position:relative;width:94px;height:94px;display:grid;place-items:center;margin-bottom:20px}.inner-star{width:76px;height:76px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 21%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)));border:1px solid color-mix(in srgb,var(--accent) 27%,var(--edge));box-shadow:0 12px 46px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.07);color:var(--accent);animation:float-star 8s ease-in-out infinite}.inner-star svg{height:34px;width:34px;stroke-width:1.5;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 50%,transparent))}.orbit{position:absolute;border-radius:100%;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);pointer-events:none}.orbit-one{inset:-3px;transform:rotate(20deg);animation:orbit 26s linear infinite}.orbit-two{inset:8px;border-style:dashed;opacity:.4;animation:orbit 18s linear infinite reverse}.welcome-kicker,.eyebrow{letter-spacing:.2em;color:var(--accent);font-size:.64rem;font-weight:800}.welcome-kicker{margin-bottom:15px}.welcome h1{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:750;line-height:1.19;letter-spacing:-.063em}.welcome p{color:var(--muted);font-size:.9rem;margin-top:13px}.quick-prompts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:39px}.quick-prompt{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:13px;border:1px solid var(--edge-strong);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:.76rem;font-weight:650;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.quick-prompt:hover{transform:translateY(-3px);color:var(--text);background:var(--hover);border-color:color-mix(in srgb,var(--accent) 48%,var(--edge));box-shadow:0 10px 30px rgba(0,0,0,.12)}.quick-prompt>svg{width:17px;height:17px;color:var(--accent)}.quick-prompt .quick-arrow{width:13px;height:13px;color:var(--faint)}
.conversation-messages{width:100%;max-width:750px;margin:40px auto 20px;padding:0 22px}.conversation-date{font-size:.69rem;text-align:center;color:var(--faint);margin:0 0 30px}.message{display:flex;margin:18px 0}.message.from-user{justify-content:flex-end}.message-inner{display:flex;align-items:flex-start;gap:11px;max-width:min(92%,640px)}.message-bubble{font-size:.91rem;line-height:1.8;overflow-wrap:anywhere}.from-user .message-bubble{background:var(--chat-bubble);padding:12px 17px;border-radius:19px 19px 5px 19px;border:1px solid var(--edge)}.from-nova .message-bubble{padding:5px}.msg-icon{color:var(--accent);padding-top:5px}.msg-icon svg{width:16px}.msg-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.msg-files span{display:flex;gap:5px;align-items:center;padding:6px 8px;border-radius:7px;border:1px solid var(--edge);font-size:.7rem}.msg-files svg{width:13px;height:13px}.connection-inline{display:flex;align-items:flex-start;gap:9px;color:var(--muted);border:1px solid var(--edge);background:var(--surface);padding:15px 17px;border-radius:13px;margin-top:35px;line-height:1.55;font-size:.75rem}.connection-inline>svg{height:17px;width:17px;flex-shrink:0;color:var(--accent);margin-top:1px}.connection-inline span{flex:1}.connection-inline button{display:inline-flex;gap:5px;align-items:center;background:none;border:0;color:var(--accent);font-size:.71rem;font-weight:700}.connection-inline button svg{width:14px;height:14px}
.composer-wrap{width:100%;position:relative;margin:0 auto;padding:15px 26px 19px;max-width:830px}.composer{position:relative;z-index:1;background:var(--input);border:1px solid var(--edge-strong);border-radius:23px;padding:12px 13px 11px;box-shadow:0 14px 55px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.05);transition:border-color .2s,box-shadow .3s}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 37%,var(--edge));box-shadow:0 18px 60px rgba(0,0,0,.13),0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent)}#composerText{width:100%;border:0;outline:0;display:block;resize:none;min-height:36px;max-height:180px;padding:7px 9px 10px;color:var(--text);background:transparent;font-size:.93rem;line-height:1.55;overflow-y:auto}#composerText::placeholder{color:var(--faint)}.composer-controls,.composer-left,.composer-right{display:flex;align-items:center;gap:7px}.composer-controls{justify-content:space-between}.composer-round{width:35px;height:35px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:var(--muted);transition:background .2s,color .2s}.composer-round:hover{background:var(--hover);color:var(--text)}.composer-round svg{width:19px;height:19px}.composer-tools{background:transparent;border:0;border-radius:22px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;color:var(--muted)}.composer-tools:hover{background:var(--hover);color:var(--text)}.composer-tools>svg{width:16px;height:16px}.composer-tools>.little-chevron{width:12px;height:12px}.tools-wrapper{position:relative}.tools-popover{position:absolute;left:0;bottom:43px}.tools-popover button span{margin-left:auto;color:var(--faint)}.send{border:0;border-radius:13px;width:38px;height:38px;background:var(--accent);color:white;display:grid;place-items:center;transition:transform .2s,box-shadow .2s,background .2s}.send:hover{transform:translateY(-2px);box-shadow:0 7px 25px color-mix(in srgb,var(--accent) 35%,transparent)}.send.has-content{border-radius:50%}.send svg{width:21px;height:21px}.mic-btn.listening{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);animation:pulse 1.8s infinite}.composer-foot{display:flex;justify-content:center;position:relative;padding:11px 0 0;gap:10px;font-size:.66rem;color:var(--faint);text-align:center}.key-hint{position:absolute;right:0;display:flex;align-items:center;gap:5px}.key-hint svg{width:13px;height:13px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;padding:3px 4px 9px}.attachment-chip{display:flex;align-items:center;gap:7px;min-width:0;max-width:210px;border-radius:9px;background:var(--surface3);padding:7px 9px;font-size:.74rem}.attachment-chip>svg{width:16px;height:16px;color:var(--accent)}.attachment-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip>button{background:none;border:0;display:grid;place-items:center}.attachment-chip>button svg{width:13px;height:13px}
.page-scroll{height:100%;overflow:auto;scroll-behavior:smooth}.page-inner{max-width:1180px;margin:0 auto;padding:35px 44px 100px}.section-head{margin-bottom:36px}.section-head .eyebrow{margin-bottom:15px}.section-head h1{font-size:clamp(1.8rem,3vw,2.55rem);font-weight:800;line-height:1.25}.section-head p{font-size:.88rem;color:var(--muted);line-height:1.6;margin-top:11px}.head-row{display:flex;justify-content:space-between;align-items:center;gap:22px}.head-row>div{flex:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border:1px solid transparent;border-radius:11px;min-height:42px;font-weight:750;font-size:.79rem;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,border .2s}.button svg{height:17px;width:17px}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:white;box-shadow:0 9px 30px color-mix(in srgb,var(--accent) 18%,transparent)}.button.primary:hover{box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 30%,transparent)}.button.secondary{background:var(--surface2);border-color:var(--edge-strong);color:var(--text)}.button.secondary:hover,.button.outline:hover{background:var(--hover)}.button.outline{background:transparent;border-color:var(--edge-strong)}.button.compact{font-size:.74rem;padding:8px 13px;min-height:35px}.button.danger-outline{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 32%,transparent)}.button.danger-fill{background:var(--danger);color:#210a17}.text-link{display:inline-flex;gap:7px;align-items:center;background:transparent;border:0;color:var(--accent);padding:5px 0;font-size:.78rem;font-weight:750}.text-link:hover{text-decoration:underline}.text-link svg{height:15px;width:15px}
.feature-spotlight{display:flex;min-height:274px;position:relative;overflow:hidden;background:linear-gradient(112deg,color-mix(in srgb,var(--accent) 18%,var(--surface2)) 0%,var(--surface2) 66%);border:1px solid color-mix(in srgb,var(--accent) 19%,var(--edge));border-radius:23px;padding:36px 41px;margin-bottom:42px}.feature-spotlight:after{content:"";position:absolute;width:450px;height:450px;right:-40px;top:-85px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent),transparent 61%)}.spotlight-content{position:relative;z-index:1;max-width:480px}.spotlight-tag{display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--accent) 70%,white);font-size:.67rem;letter-spacing:.13em;font-weight:800}.spotlight-tag svg{width:16px;height:16px}.spotlight-content h2{margin-top:19px;max-width:415px;line-height:1.2;font-size:clamp(1.5rem,2.8vw,2.05rem)}.spotlight-content p{color:var(--muted);margin:11px 0 24px;font-size:.83rem}.light-button{background:var(--text);color:var(--bg)}.light-button:hover{box-shadow:0 7px 30px rgba(150,140,255,.15)}.spotlight-art{position:absolute;right:6%;top:50%;transform:translateY(-50%);height:260px;width:260px;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%}.ring-a{inset:5px;animation:orbit 25s linear infinite}.ring-b{inset:37px;border-style:dashed;animation:orbit 22s linear infinite reverse}.art-star{display:grid;place-items:center;width:128px;height:128px;border-radius:36px;transform:rotate(-14deg);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 78%,#fff),color-mix(in srgb,var(--accent) 65%,#160436));box-shadow:0 0 90px color-mix(in srgb,var(--accent) 33%,transparent);color:white;animation:float-star 6s ease-in-out infinite}.art-star svg{width:66px;height:66px;stroke-width:1.4}.list-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.list-head h2{font-size:1.2rem;font-weight:800}.list-head span{color:var(--muted);font-size:.73rem;display:block;margin-top:5px}.search-field{border:1px solid var(--edge-strong);background:var(--surface);border-radius:11px;display:flex;gap:9px;align-items:center;padding:0 12px;height:42px;min-width:216px}.search-field svg{height:16px;width:16px;color:var(--faint)}.search-field input{border:0;outline:0;background:transparent;font-size:.78rem;width:100%;min-width:0}.search-field input::placeholder{color:var(--faint)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.chip{border:1px solid var(--edge-strong);border-radius:50px;padding:9px 16px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:700;transition:all .18s}.chip:hover{color:var(--text);background:var(--hover)}.chip.active{color:white;background:var(--accent);border-color:var(--accent)}.prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.prompt-card{position:relative;display:flex;flex-direction:column;min-height:230px;padding:24px 23px 21px;background:var(--card);border:1px solid var(--edge);border-radius:18px;transition:transform .25s,border-color .25s,box-shadow .25s}.prompt-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 37%,var(--edge));box-shadow:0 20px 40px rgba(0,0,0,.12)}.prompt-card-top{display:flex;justify-content:space-between;align-items:center}.prompt-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.prompt-glyph svg{width:20px;height:20px}.save-prompt{display:grid;place-items:center;width:32px;height:32px;background:transparent;border:0;border-radius:9px;color:var(--faint)}.save-prompt:hover{background:var(--hover);color:var(--accent)}.save-prompt.saved{color:var(--accent)}.save-prompt.saved svg{fill:color-mix(in srgb,var(--accent) 25%,transparent)}.save-prompt svg{width:18px;height:18px}.prompt-category{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800;margin-top:25px}.prompt-card h3{font-size:1rem;margin:8px 0 8px}.prompt-card p{font-size:.76rem;color:var(--muted);line-height:1.65;flex:1}.card-link{display:flex;gap:8px;align-items:center;align-self:flex-start;border:0;background:transparent;color:var(--text);font-weight:750;font-size:.73rem;margin-top:20px;padding:0}.card-link svg{width:15px;height:15px;color:var(--accent);transition:transform .2s}.card-link:hover svg{transform:translateX(4px)}
.model-hero{position:relative;min-height:306px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--edge));border-radius:23px;background:linear-gradient(116deg,color-mix(in srgb,var(--accent) 17%,var(--surface2)),var(--surface2) 69%);display:flex;align-items:center;overflow:hidden;padding:42px 45px}.model-hero-copy{max-width:510px;z-index:1}.live-pill{font-size:.66rem;letter-spacing:.08em;color:var(--accent);font-weight:800;display:inline-flex;align-items:center;gap:9px}.live-pill>span{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.model-hero h2{font-size:clamp(2.4rem,5vw,4.1rem);line-height:1.08;margin:17px 0}.model-hero h2 em{font-style:normal;color:var(--accent)}.model-hero p{color:var(--muted);line-height:1.7;font-size:.86rem;max-width:470px}.model-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.model-hero-art{width:330px;height:330px;position:absolute;right:4%;top:50%;transform:translateY(-50%);display:grid;place-items:center}.core-halo{width:260px;height:260px;position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent),transparent 70%);filter:blur(18px)}.core-rings{position:absolute;width:240px;height:240px;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:50%;animation:orbit 30s linear infinite}.core-rings:before,.core-rings:after{content:"";position:absolute;inset:21px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent)}.core-rings:after{inset:-24px;opacity:.4}.model-hero-art>span{width:125px;height:125px;display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 80%,white),color-mix(in srgb,var(--accent) 70%,#090022));border-radius:38px;transform:rotate(-12deg);box-shadow:0 17px 40px color-mix(in srgb,var(--accent) 27%,transparent);animation:float-star 7s ease-in-out infinite;color:white}.model-hero-art>span svg{width:62px;height:62px;stroke-width:1.3}.core-orbit{position:absolute;width:15px;height:15px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent);top:70px;right:67px}.model-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0 27px}.model-stat{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--edge);border-radius:15px;padding:19px}.model-stat>svg{color:var(--accent);width:20px;height:20px}.model-stat>span{display:flex;flex-direction:column;gap:5px}.model-stat strong{font-size:.78rem}.model-stat small{color:var(--muted);font-size:.69rem}.model-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--card);border:1px solid var(--edge);border-radius:18px;padding:23px}.panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:24px}.panel-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.panel-heading h3{font-size:1rem}.panel-heading p{font-size:.7rem;color:var(--muted);margin-top:6px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--edge);font-size:.75rem}.detail-row>span:first-child{color:var(--muted)}.detail-row>span:last-child{font-weight:700;text-align:right}.detail-row .mono{font-family:monospace;color:var(--accent)}.detail-row .mono button{display:inline-flex;vertical-align:middle;margin-left:6px;background:transparent;border:0;color:var(--muted)}.detail-row .mono svg{width:14px;height:14px}.roadmap-line{display:flex;align-items:center;gap:13px;margin:19px 0}.roadmap-node{width:12px;height:12px;display:inline-block;border-radius:50%;border:2px solid var(--faint);flex-shrink:0}.roadmap-node.active{background:var(--accent);border-color:var(--accent)}.roadmap-line>div{flex:1;display:flex;flex-direction:column;gap:5px}.roadmap-line strong{font-size:.78rem}.roadmap-line small{font-size:.7rem;color:var(--muted)}.small-tag{background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:8px;padding:6px 10px;font-size:.66rem;color:var(--accent);font-weight:800}.small-tag.outline{border:1px solid var(--edge-strong);background:transparent;color:var(--muted)}.roadmap>.text-link{margin-top:10px}
.library-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:31px}.library-stats>div{padding:22px 24px;background:var(--card);border:1px solid var(--edge);border-radius:17px;display:flex;flex-direction:column;gap:6px}.library-stats span{font-family:Manrope,sans-serif;font-size:1.65rem;font-weight:800;letter-spacing:-.06em}.library-stats small{color:var(--muted);font-size:.75rem}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.segmented{display:flex;gap:5px;border-radius:12px;background:var(--surface2);padding:5px;border:1px solid var(--edge)}.segmented button{border:0;background:transparent;color:var(--muted);display:flex;gap:8px;align-items:center;padding:10px 14px;border-radius:9px;font-size:.76rem;font-weight:700}.segmented button svg{width:15px;height:15px}.segmented button.current{background:var(--surface3);color:var(--text);box-shadow:0 3px 8px rgba(0,0,0,.11)}.secondary-chips{margin:12px 0 18px}.library-list{display:flex;flex-direction:column;gap:9px}.library-item{display:flex;gap:15px;align-items:center;padding:14px 15px;background:var(--card);border:1px solid var(--edge);border-radius:14px;transition:border-color .2s}.library-item:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--edge))}.library-item-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);flex-shrink:0}.library-item-icon svg{width:19px}.library-item-content{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.library-item-content strong{font-size:.81rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item-content small{font-size:.7rem;color:var(--muted)}.library-item-actions{display:flex;align-items:center;gap:5px}.library-item-actions .icon-btn svg{width:17px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.saved-card{display:flex;flex-direction:column;min-height:214px;background:var(--card);border:1px solid var(--edge);border-radius:15px;padding:22px}.saved-card-icon{color:var(--accent);margin-bottom:12px}.saved-card>span{color:var(--accent);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.saved-card h3{font-size:.96rem;margin:9px 0}.saved-card p{font-size:.74rem;color:var(--muted);line-height:1.65;flex:1}.saved-card>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.empty-state{border:1px dashed var(--edge-strong);background:var(--card);border-radius:17px;min-height:255px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.empty-state.wide{grid-column:1/-1}.empty-state>svg{color:var(--accent);width:28px;height:28px}.empty-state h3{font-size:1.05rem}.empty-state p{font-size:.79rem;color:var(--muted);margin-bottom:6px}
.settings-layout{display:grid;grid-template-columns:217px minmax(0,1fr);gap:24px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:4px;padding:11px;background:var(--card);border:1px solid var(--edge);border-radius:16px;position:sticky;top:15px}.settings-nav button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;border:0;color:var(--muted);padding:12px 11px;border-radius:9px;font-size:.76rem;font-weight:700}.settings-nav button:hover{background:var(--hover);color:var(--text)}.settings-nav button.current{background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--text)}.settings-nav button.current>svg:first-child{color:var(--accent)}.settings-nav button>svg{width:17px;height:17px}.settings-nav .settings-right{margin-left:auto;width:13px;height:13px;color:var(--accent)}.settings-main{min-width:0;background:var(--card);border:1px solid var(--edge);border-radius:17px;padding:29px 32px;min-height:560px}.settings-panel-head{margin-bottom:29px}.settings-panel-head h2{font-size:1.42rem}.settings-panel-head p{color:var(--muted);font-size:.82rem;line-height:1.65;margin-top:9px}.settings-group{border-top:1px solid var(--edge);padding:22px 0 26px}.settings-group h3{font-size:.85rem;letter-spacing:-.02em;margin-bottom:16px}.setting-row{display:flex;gap:13px;align-items:center;padding:17px 0;min-height:72px;border-top:1px solid var(--edge)}.setting-row:first-of-type{border-top:0}.setting-row-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--surface2);color:var(--muted)}.setting-row-icon svg{width:17px;height:17px}.setting-row-icon .danger-text{color:var(--danger)}.setting-row-copy{flex:1;min-width:0}.setting-row-copy strong{font-size:.81rem;display:block}.setting-row-copy p{font-size:.73rem;line-height:1.5;color:var(--muted);margin-top:5px}.setting-value{display:flex;align-items:center;gap:6px;font-weight:750;color:var(--accent);font-size:.74rem}.setting-value svg{width:15px;height:15px}.switch{position:relative;width:44px;height:25px;flex-shrink:0}.switch input{opacity:0;width:100%;height:100%;position:absolute;inset:0;cursor:pointer;margin:0;z-index:1}.switch>span{position:absolute;inset:0;background:var(--surface3);border:1px solid var(--edge-strong);border-radius:20px;transition:background .2s}.switch>span:before{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 5px rgba(0,0,0,.15)}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translateX(19px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.choice-buttons{display:flex;flex-wrap:wrap;gap:10px}.choice{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--edge-strong);background:var(--surface2);padding:13px 17px;min-width:102px;border-radius:12px;color:var(--muted);font-size:.77rem;font-weight:750}.choice:hover{background:var(--hover);color:var(--text)}.choice.active{background:color-mix(in srgb,var(--accent) 11%,var(--surface2));color:var(--text);border-color:var(--accent)}.choice>svg{width:16px;height:16px}.choice .choice-check{color:var(--accent);width:14px}.settings-helper{font-size:.72rem;line-height:1.7;color:var(--faint);margin-top:13px}.accent-palette{display:flex;gap:12px;flex-wrap:wrap}.accent-choice,.accent-custom{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--edge-strong);background:var(--swatch);color:white;transition:transform .2s}.accent-choice:hover{transform:scale(1.12)}.accent-choice.active,.accent-custom.active{box-shadow:0 0 0 2px var(--accent)}.accent-choice svg{width:17px;height:17px}.accent-custom{position:relative;background:var(--surface3);color:var(--muted);cursor:pointer}.accent-custom svg{width:18px;height:18px}.accent-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.slider-setting{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slider-setting>div{display:flex;flex-direction:column;gap:5px}.slider-setting strong{font-size:.81rem}.slider-setting small{font-size:.73rem;color:var(--muted)}#fontOutput{font-size:.78rem;color:var(--accent);font-weight:800}.range{width:100%;accent-color:var(--accent);cursor:pointer}.settings-space{height:25px}.theme-preview{position:relative;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--edge));background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface2));border-radius:15px;padding:22px;overflow:hidden}.theme-preview>div:first-child{display:flex;gap:6px}.preview-dot{width:7px;height:7px;background:var(--faint);border-radius:50%;opacity:.45}.theme-preview .preview-small-label{margin-top:28px;color:var(--accent);letter-spacing:.14em;font-size:.62rem;font-weight:800}.theme-preview strong{font-family:Manrope,sans-serif;display:block;font-size:1.04rem;margin-top:10px}.theme-preview p{color:var(--muted);font-size:.73rem;margin-top:6px}.preview-send{position:absolute;right:25px;bottom:25px;display:grid;place-items:center;background:var(--accent);color:white;width:32px;height:32px;border-radius:50%}.preview-send svg{width:17px}.field-label{font-size:.76rem;font-weight:700;display:flex;flex-direction:column;gap:9px;margin-top:16px}.field-label input,.field-label textarea,.field-label select{width:100%;border:1px solid var(--edge-strong);border-radius:11px;background:var(--surface2);padding:13px 14px;outline:0;font-size:.79rem;line-height:1.55;resize:vertical}.field-label input:focus,.field-label textarea:focus,.field-label select:focus{border-color:var(--accent)}.field-label input::placeholder,.field-label textarea::placeholder{color:var(--faint)}.field-label.space-top{margin-top:19px}.local-banner{display:flex;gap:14px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--edge));border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));padding:18px;margin-bottom:20px}.local-banner>svg{color:var(--accent);width:21px;flex-shrink:0}.local-banner strong{font-size:.83rem}.local-banner p{font-size:.75rem;color:var(--muted);line-height:1.65;margin-top:6px}.about-mark{border-radius:15px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 17%,var(--surface2)),var(--surface2));padding:35px;display:flex;gap:11px;align-items:center;flex-wrap:wrap}.about-mark>svg{color:var(--accent);height:31px;width:31px}.about-mark strong{font-size:1.5rem;letter-spacing:-.08em;font-family:Manrope,sans-serif}.about-mark span{font-size:.63rem;color:var(--muted);letter-spacing:.08em;flex:1;text-align:right}.about-body{font-size:.79rem;line-height:1.8;color:var(--muted);padding:21px 0}
.overlay{position:fixed;inset:0;background:var(--shade);backdrop-filter:blur(10px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .22s both}.dialog,.search-dialog{position:relative;width:min(100%,530px);max-height:min(92vh,830px);overflow:auto;border-radius:22px;background:var(--surface);border:1px solid var(--edge-strong);box-shadow:0 30px 100px rgba(0,0,0,.35);padding:34px;animation:modal-rise .3s cubic-bezier(.2,.8,.25,1) both}.dialog.narrow{width:min(100%,435px)}.dialog-x{position:absolute;right:17px;top:17px}.dialog-badge{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);margin-bottom:21px}.dialog-badge svg{width:22px;height:22px}.dialog-badge.danger-badge{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.dialog .eyebrow{margin-bottom:10px}.dialog h2{font-size:1.52rem;margin-bottom:10px}.dialog>p,.dialog form>p{font-size:.82rem;color:var(--muted);line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.dialog-small{font-size:.73rem!important;margin-top:15px}.dialog-small code{font-size:.71rem}.code-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:.74rem;font-weight:800}.code-block{overflow:auto;white-space:pre-wrap;background:var(--bg);border:1px solid var(--edge);border-radius:13px;padding:18px;font-size:.75rem;line-height:1.7;margin-top:9px;color:var(--text)}.shortcuts{display:flex;flex-direction:column;gap:0;margin-top:20px}.shortcuts>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);padding:14px 0;gap:15px;font-size:.8rem}.shortcuts kbd{border:1px solid var(--edge-strong);background:var(--surface3);padding:7px 9px;border-radius:7px;color:var(--muted);font-size:.68rem;white-space:nowrap}.modal-roadmap{margin-top:20px;border-left:1px solid var(--edge-strong);padding-left:16px}.modal-roadmap>div{display:grid;grid-template-columns:13px 1fr;align-items:center;gap:8px;margin:16px 0}.modal-roadmap strong{font-size:.81rem}.modal-roadmap small{grid-column:2;color:var(--muted);font-size:.74rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.stats-grid div{background:var(--surface2);border:1px solid var(--edge);padding:17px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:7px}.stats-grid strong{font-family:Manrope,sans-serif;font-size:1.7rem}.stats-grid span{font-size:.7rem;color:var(--muted)}.voice-center{display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px 0}.voice-center .eyebrow{margin-top:28px}.voice-center h2{margin-top:14px}.voice-center p{max-width:340px;margin:0 auto 24px}.voice-visual{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));border:1px solid color-mix(in srgb,var(--accent) 37%,transparent);box-shadow:0 0 75px color-mix(in srgb,var(--accent) 22%,transparent)}.voice-visual.active{animation:pulse 1.6s infinite}.voice-visual svg{color:var(--accent);width:44px;height:44px}.search-dialog{padding:0;width:min(100%,605px)}.search-dialog-input{display:flex;align-items:center;gap:12px;padding:19px 20px;border-bottom:1px solid var(--edge)}.search-dialog-input>svg{color:var(--accent)}.search-dialog-input input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-size:.91rem}.search-dialog-input input::placeholder{color:var(--faint)}.kbd-close{font-size:.66rem;color:var(--faint);background:var(--surface3);border:1px solid var(--edge);border-radius:6px;padding:6px 8px}.search-results{min-height:140px;max-height:450px;overflow:auto;padding:11px}.search-result{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;font-size:.79rem}.search-result:hover{background:var(--hover)}.search-result svg{width:17px;height:17px;color:var(--muted)}.search-result span{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-result small{color:var(--faint)}.search-result-divider{color:var(--faint);border-top:1px solid var(--edge);padding:15px 12px 8px;font-size:.68rem;font-weight:800;letter-spacing:.07em}.search-empty{padding:30px;text-align:center;color:var(--muted);font-size:.8rem}.search-dialog-footer{border-top:1px solid var(--edge);display:flex;justify-content:space-between;padding:14px 20px;font-size:.67rem;color:var(--faint)}.search-dialog-footer span{display:flex;gap:6px;align-items:center}.search-dialog-footer svg{width:14px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{width:min(370px,calc(100vw - 40px));display:flex;gap:11px;align-items:center;padding:13px 14px;background:var(--surface3);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--edge));border-radius:13px;box-shadow:0 15px 50px rgba(0,0,0,.26);font-size:.76rem;line-height:1.5;animation:toast-in .22s both}.toast>svg{width:18px;height:18px;color:var(--success)}.toast.info>svg{color:var(--accent)}.toast.error>svg{color:var(--danger)}.toast span{flex:1}.mobile-shade{display:none}
.enter{animation:slide-in .45s cubic-bezier(.2,.8,.2,1) both}@keyframes slide-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-rise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes pop-in{from{opacity:0;transform:translateY(5px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-star{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-3deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 25%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 0%,transparent)}}
@media (max-width:1190px){.page-inner{padding:28px 30px 80px}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-hero-art{right:-50px;opacity:.82}.model-hero-copy{max-width:430px}.key-hint{display:none}}
@media (max-width:840px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:22;width:275px;min-width:275px;box-shadow:20px 0 65px rgba(0,0,0,.18)}.sidebar-hidden .sidebar{width:275px;min-width:275px;transform:translateX(-105%);padding:22px 13px 12px}.mobile-shade{display:block;position:fixed;inset:0;z-index:21;background:var(--shade)}.sidebar-hidden .mobile-shade{display:none}.sidebar-reveal{display:inline-grid}.main-content{width:100%}.page-inner{padding:26px 25px 70px}.topbar{padding:0 20px;height:66px;min-height:66px}.model-hero-art{opacity:.35;right:-140px}.model-hero-copy{max-width:100%}.settings-layout{grid-template-columns:1fr;gap:13px}.settings-nav{position:static;display:flex;flex-direction:row;overflow:auto}.settings-nav button{width:auto;white-space:nowrap;flex-shrink:0}.settings-nav .settings-right{display:none}.settings-main{padding:25px}.feature-spotlight{padding:31px}.spotlight-art{right:-110px;opacity:.45}.spotlight-content{max-width:430px}}
@media (max-width:600px){.topbar{padding:0 14px;height:62px;min-height:62px}.topbar-right{gap:3px}.topbar-share{padding:7px 9px;min-height:34px}.topbar-share span{display:none}.topbar-left{gap:0}.topbar-new{display:none}.hide-mobile{display:none}.welcome{padding:35px 16px 25px}.welcome-icon{width:84px;height:84px;margin-bottom:15px}.inner-star{width:65px;height:65px;border-radius:22px}.inner-star svg{width:30px}.welcome h1{font-size:clamp(1.65rem,7vw,2.1rem)}.welcome p{font-size:.82rem}.welcome-kicker{font-size:.57rem}.quick-prompts{margin-top:30px;max-width:370px;gap:8px}.quick-prompt{padding:10px;font-size:.68rem;gap:7px}.quick-prompt svg{width:15px}.quick-prompt .quick-arrow{display:none}.composer-wrap{padding:10px 12px 12px}.composer{border-radius:20px;padding:8px 10px 8px}#composerText{font-size:.88rem;padding:8px 7px}.composer-foot{font-size:.6rem}.connection-inline{flex-wrap:wrap}.connection-inline button{margin-left:25px}.page-inner{padding:19px 17px 70px}.section-head{margin-bottom:26px}.section-head h1{font-size:1.73rem}.section-head p{font-size:.79rem}.head-row{align-items:flex-start;flex-direction:column}.feature-spotlight{padding:26px 23px;min-height:275px}.spotlight-art{right:-155px}.spotlight-content h2{font-size:1.43rem;max-width:280px}.spotlight-content p{max-width:240px}.list-head{align-items:flex-start;flex-direction:column}.search-field{width:100%}.prompt-grid,.saved-grid,.model-bottom-grid{grid-template-columns:1fr}.prompt-card{min-height:205px}.model-hero{padding:28px 25px;min-height:330px}.model-hero h2{font-size:2.9rem}.model-hero-art{right:-185px}.model-stat-row{grid-template-columns:1fr;gap:9px}.model-stat{padding:14px}.library-stats{gap:8px}.library-stats>div{padding:17px 13px}.library-stats span{font-size:1.4rem}.library-stats small{font-size:.65rem}.library-toolbar{flex-direction:column;align-items:stretch}.segmented{width:100%}.segmented button{flex:1;justify-content:center;font-size:.69rem}.library-item{gap:10px;padding:11px}.library-item-icon{width:33px;height:33px}.library-item-actions{gap:0}.library-item-actions .icon-btn{display:none}.library-item-actions .button{padding:6px 9px}.settings-main{padding:20px 17px}.settings-nav{padding:5px}.settings-nav button{padding:10px 9px}.settings-layout{gap:12px}.setting-row{gap:10px}.setting-row-copy p{font-size:.7rem}.setting-row-icon{width:30px;height:30px}.choice{padding:10px 12px;min-width:0;font-size:.72rem}.dialog{padding:29px 22px}.search-dialog{max-height:88vh}.toast-stack{bottom:12px;right:12px}.toast{width:min(370px,calc(100vw - 24px))}}
@media (max-height:700px){.welcome{padding:14px 15px 10px}.welcome-icon{margin-bottom:7px;width:65px;height:65px}.inner-star{height:55px;width:55px;border-radius:19px}.inner-star svg{height:25px;width:25px}.welcome p{margin-top:7px}.quick-prompts{margin-top:19px}.composer-wrap{padding-bottom:11px}.composer-foot{padding-top:6px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}:root[data-motion=reduced] *, :root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Density preferences affect tangible spacing throughout the workspace. */
:root[data-density=compact] .sidebar-link{height:36px}:root[data-density=compact] .history-row{min-height:31px}:root[data-density=compact] .prompt-card{min-height:204px;padding:18px}:root[data-density=compact] .setting-row{padding:10px 0;min-height:58px}:root[data-density=compact] .model-stat{padding:12px}:root[data-density=compact] .library-item{padding:9px}:root[data-density=compact] .composer{padding:8px 10px}
:root[data-density=spacious] .sidebar-link{height:48px}:root[data-density=spacious] .history-row{min-height:44px}:root[data-density=spacious] .prompt-card{min-height:260px;padding:28px}:root[data-density=spacious] .setting-row{padding:23px 0;min-height:88px}:root[data-density=spacious] .model-stat{padding:24px}:root[data-density=spacious] .library-item{padding:20px}:root[data-density=spacious] .composer{padding:16px}

/* ================================================================
   NOVA 3 — Ten genuinely different full-interface colour systems
   ================================================================ */
:root[data-theme="matte"]{color-scheme:dark;--bg:#0b0b0c;--side:#111112;--surface:#18181a;--surface2:#1c1c1f;--surface3:#262628;--hover:#29292b;--text:#f2f2f3;--muted:#a7a7ad;--faint:#818187;--edge:rgba(255,255,255,.065);--edge-strong:rgba(255,255,255,.11);--shade:rgba(0,0,0,.8);--glow:transparent;--chat-bubble:#27272a;--card:#18181a;--input:#202023;--danger:#fc858b;--success:#9fe8bb}
:root[data-theme="graphite"]{color-scheme:dark;--bg:#161a1f;--side:#1c2128;--surface:#20262e;--surface2:#252c35;--surface3:#303845;--hover:#313a44;--text:#f4f6f9;--muted:#adb7c6;--faint:#8493a5;--edge:rgba(192,205,225,.1);--edge-strong:rgba(192,205,225,.18);--shade:rgba(7,10,14,.75);--glow:rgba(138,167,202,.12);--chat-bubble:#303945;--card:rgba(35,42,50,.84);--input:#252c35;--danger:#f98487;--success:#8ee4b9}
:root[data-theme="aurora"]{color-scheme:dark;--bg:#0c1520;--side:#0e1b29;--surface:#122331;--surface2:#172b3a;--surface3:#1b3542;--hover:#23414d;--text:#eff8f7;--muted:#a8bdc7;--faint:#809da9;--edge:rgba(131,210,203,.1);--edge-strong:rgba(131,210,203,.19);--shade:rgba(5,17,23,.8);--glow:rgba(57,224,171,.15);--chat-bubble:#1b3942;--card:rgba(21,42,53,.8);--input:#172c3a;--danger:#fd8c94;--success:#81deb4}
:root[data-theme="ocean"]{color-scheme:dark;--bg:#071823;--side:#0b202e;--surface:#112939;--surface2:#143044;--surface3:#1a3a50;--hover:#24465a;--text:#eaf7ff;--muted:#a9c5d3;--faint:#7399ae;--edge:rgba(107,182,220,.11);--edge-strong:rgba(107,182,220,.2);--shade:rgba(3,14,24,.78);--glow:rgba(65,163,245,.15);--chat-bubble:#1c3b54;--card:rgba(14,40,57,.84);--input:#153042;--danger:#ff8b9a;--success:#6fe3bf}
:root[data-theme="forest"]{color-scheme:dark;--bg:#0d1915;--side:#12241d;--surface:#192d24;--surface2:#1d352b;--surface3:#294434;--hover:#2b4539;--text:#f0f8ef;--muted:#adc7b4;--faint:#8eaa97;--edge:rgba(152,205,167,.09);--edge-strong:rgba(152,205,167,.2);--shade:rgba(4,18,11,.76);--glow:rgba(92,180,116,.14);--chat-bubble:#294335;--card:rgba(27,49,38,.86);--input:#1e3429;--danger:#ff9090;--success:#98e3a7}
:root[data-theme="ember"]{color-scheme:dark;--bg:#1d1212;--side:#271818;--surface:#312020;--surface2:#352323;--surface3:#422e29;--hover:#47322f;--text:#fcf1ec;--muted:#d7b7ad;--faint:#b28c85;--edge:rgba(245,190,158,.1);--edge-strong:rgba(245,190,158,.2);--shade:rgba(22,6,7,.77);--glow:rgba(248,129,74,.13);--chat-bubble:#482b28;--card:rgba(51,33,31,.87);--input:#372525;--danger:#fc989b;--success:#a5ddba}
:root[data-theme="rose"]{color-scheme:dark;--bg:#1d131b;--side:#271923;--surface:#30212e;--surface2:#382637;--surface3:#472f44;--hover:#4b3346;--text:#fef2fa;--muted:#cdb4c6;--faint:#a888a1;--edge:rgba(236,171,205,.1);--edge-strong:rgba(236,171,205,.2);--shade:rgba(18,7,18,.8);--glow:rgba(235,106,183,.13);--chat-bubble:#452c43;--card:rgba(48,31,45,.86);--input:#382637;--danger:#ff99a5;--success:#8cdfb8}
:root[data-theme="pearl"]{color-scheme:light;--bg:#f7f8fb;--side:#edeff5;--surface:#fff;--surface2:#f0f2f7;--surface3:#e7e9f2;--hover:#e7e9f1;--text:#242537;--muted:#5e6379;--faint:#80849a;--edge:rgba(43,48,74,.10);--edge-strong:rgba(43,48,74,.17);--shade:rgba(24,21,49,.46);--glow:rgba(118,88,217,.11);--chat-bubble:#ece8fb;--card:rgba(255,255,255,.96);--input:#fff;--danger:#cc4061;--success:#168d60}
:root[data-theme="sand"]{color-scheme:light;--bg:#f8f4ed;--side:#efe9de;--surface:#fffdf8;--surface2:#f4eee5;--surface3:#eae1d6;--hover:#eae1d5;--text:#32291f;--muted:#756a5b;--faint:#938575;--edge:rgba(86,65,41,.13);--edge-strong:rgba(86,65,41,.19);--shade:rgba(42,28,16,.45);--glow:rgba(195,153,98,.10);--chat-bubble:#ece2d3;--card:rgba(255,252,247,.93);--input:#fffdf7;--danger:#bf4c50;--success:#3b8a66}
:root[data-theme="matte"] .app-shell:before,:root[data-theme="matte"] .chat-view:before{display:none!important}
:root[data-theme="matte"] .composer,:root[data-theme="matte"] .prompt-card,:root[data-theme="matte"] .panel,:root[data-theme="matte"] .project-card{box-shadow:none!important}
:root[data-theme="matte"] .welcome-icon,:root[data-theme="matte"] .brand-mark{filter:none!important}
:root[data-theme="matte"] .send.has-content{color:#111!important}
/* Logo precision */
.brand-mark .icon{width:23px;height:23px}.inner-star svg,.welcome-icon svg,.about-mark svg,.core-rings~span svg{stroke:none}
.brand{gap:11px}.brand-name{letter-spacing:-.075em}
/* Theme selector — interactive miniature windows */
.theme-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.theme-group-head>span{font-size:.71rem;color:var(--faint);letter-spacing:.03em}
.themes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}
.theme-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;background:var(--surface2);border:1px solid var(--edge);border-radius:15px;padding:7px 7px 12px;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .22s}
.theme-card:hover{transform:translateY(-4px);border-color:var(--edge-strong);box-shadow:0 15px 35px rgba(0,0,0,.12)}.theme-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.theme-mini{height:85px;border-radius:9px;overflow:hidden;display:block;position:relative;background:var(--theme-bg);border:1px solid rgba(120,120,120,.14)}
.theme-mini-side{position:absolute;left:0;top:0;bottom:0;width:27%;background:var(--theme-side);border-right:1px solid rgba(127,127,127,.12)}
.theme-mini-head{position:absolute;left:38%;right:18%;top:22%;height:6px;border-radius:10px;background:var(--theme-accent);opacity:.8}
.theme-mini-input{position:absolute;left:33%;right:8%;bottom:15%;height:20px;border-radius:7px;background:var(--theme-side);border:1px solid rgba(127,127,127,.24)}
.theme-mini-dot{position:absolute;bottom:21%;right:12%;width:8px;height:8px;background:var(--theme-accent);border-radius:4px}
.theme-card strong{font-size:.76rem;margin:9px 5px 2px;color:var(--text)}.theme-card small{font-size:.64rem;margin:0 5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-selected-check{position:absolute;top:13px;right:13px;display:grid;place-items:center;background:var(--theme-accent);border-radius:100%;width:23px;height:23px;color:#15121c;border:1px solid #ffffff55}.theme-selected-check svg{width:15px;height:15px}
.system-theme{display:flex;gap:13px;align-items:center;border:1px solid var(--edge);background:var(--surface2);padding:14px;border-radius:12px;width:100%;text-align:left}.system-theme:hover,.system-theme.active{border-color:var(--accent)}.system-theme>svg:first-child{color:var(--accent)}.system-theme>span{display:flex;flex-direction:column;flex:1;gap:4px}.system-theme strong{font-size:.8rem}.system-theme small{color:var(--muted);font-size:.72rem}.system-theme>svg:last-child{width:17px}
.accent-theme-choice{padding:0 15px;height:42px;display:inline-flex;gap:7px;align-items:center;background:var(--surface2);color:var(--text);border:1px solid var(--edge);border-radius:11px;font-size:.76rem}.accent-theme-choice svg{width:16px}.accent-theme-choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
/* Nexus: upcoming model cards */
.model-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:43px 0 20px}.model-section-head h2{font-size:1.5rem;letter-spacing:-.045em;margin:8px 0}.model-section-head p{color:var(--muted);font-size:.83rem;line-height:1.7}
.upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}
.upcoming-card{min-width:0;min-height:278px;position:relative;padding:26px;border-radius:19px;border:1px solid var(--edge);background:var(--card);overflow:hidden;display:flex;flex-direction:column;align-items:start;transition:transform .26s,border-color .26s;animation:slide-in .6s both;animation-delay:calc(var(--index,0) * 60ms)}
.upcoming-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 35%,var(--edge))}.upcoming-number{font-family:monospace;font-size:.64rem;letter-spacing:.1em;color:var(--faint)}.upcoming-glyph{position:absolute;top:19px;right:20px;width:55px;height:55px;border-radius:16px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.upcoming-glyph svg{width:28px;height:28px}
.upcoming-badge{display:flex;gap:6px;align-items:center;font-size:.57rem;font-weight:800;letter-spacing:.11em;color:var(--accent);margin:34px 0 14px}.upcoming-badge svg{width:13px;height:13px}.upcoming-card h3{font-size:1.32rem;letter-spacing:-.04em}.upcoming-card>p{font-size:.84rem;margin-top:6px;color:var(--muted)}.upcoming-card>small{font-size:.72rem;line-height:1.55;color:var(--faint);margin:13px 0 20px}.upcoming-card>button{margin-top:auto;color:var(--accent);display:flex;gap:8px;align-items:center;background:none;border:0;font-size:.72rem;font-weight:800;padding:0}.upcoming-card>button svg{width:15px}
.coming-model{width:100%}.coming-model .model-lock{margin-left:auto;opacity:.55}.coming-model .model-lock svg{width:16px}.model-popover{max-height:min(79vh,540px);overflow:auto}
/* Project workspace */
.projects-feature{min-height:175px;display:flex;gap:28px;align-items:center;position:relative;padding:29px 33px;margin-bottom:29px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--edge));border-radius:21px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 12%,var(--surface2)),var(--surface2))}.projects-feature-mark{width:80px;height:80px;flex:0 0 80px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));border-radius:24px;display:grid;place-items:center;color:var(--accent)}.projects-feature-mark svg{width:43px;height:43px}.projects-feature>div:nth-child(2){flex:1}.projects-feature h2{font-size:1.5rem;letter-spacing:-.06em;margin:7px 0}.projects-feature p{color:var(--muted);font-size:.82rem;line-height:1.65}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{display:flex;flex-direction:column;min-height:248px;padding:22px;background:var(--card);border:1px solid var(--edge);border-radius:18px;transition:transform .23s,border-color .23s}.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--project-color) 55%,var(--edge))}.project-card-top,.project-card-foot{display:flex;align-items:center;justify-content:space-between}.project-icon{display:grid;place-items:center;border-radius:12px;width:46px;height:46px;background:color-mix(in srgb,var(--project-color) 16%,var(--surface));color:var(--project-color)}.project-card h3{margin:18px 0 7px;font-size:1.05rem}.project-card p{font-size:.74rem;line-height:1.6;color:var(--muted);flex:1}.project-card-foot{gap:8px;border-top:1px solid var(--edge);padding-top:14px;margin-top:16px}.project-card-foot span{color:var(--faint);font-size:.69rem}.project-card-foot button{display:flex;gap:6px;align-items:center;font-size:.7rem;font-weight:700;color:var(--accent);border:0;background:none;padding:0}.project-card-foot button svg{width:14px}.project-empty{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:11px;text-align:center;padding:42px;background:var(--card);border:1px dashed var(--edge-strong);border-radius:18px}.project-empty>span{display:grid;place-items:center;width:60px;height:60px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);border-radius:18px}.project-empty p{font-size:.8rem;color:var(--muted);margin-bottom:8px}
.back-link{display:inline-flex;gap:9px;align-items:center;background:transparent;border:0;color:var(--muted);font-size:.8rem;font-weight:700;margin-bottom:25px;padding:0}.back-link svg{width:16px;transform:rotate(180deg)}.project-detail-header{display:flex;gap:22px;align-items:center;margin-bottom:30px}.project-detail-header>div:nth-child(2){flex:1}.project-detail-header h1{font-size:2rem;letter-spacing:-.05em;margin:7px 0}.project-detail-header p{font-size:.85rem;color:var(--muted)}.project-icon-lg{width:78px;height:78px;display:grid;place-items:center;border-radius:21px;background:color-mix(in srgb,var(--project-color) 15%,var(--surface));color:var(--project-color)}.project-icon-lg svg{width:37px;height:37px}
.project-work-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:20px}.project-work-grid>.panel{min-width:0;padding:24px}.project-note-panel{display:flex;flex-direction:column}.project-notes{width:100%;min-height:225px;resize:vertical;border:1px solid var(--edge);border-radius:13px;padding:15px;background:var(--input);font-size:.84rem;line-height:1.75;margin-top:20px}.project-note-panel>.settings-helper{margin-top:9px;font-size:.7rem}.project-chats-panel>.button{margin:20px 0}.project-chats-panel .library-item{padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--edge)}.project-chats-panel .library-item-actions>.icon-btn{display:none}.project-chats-panel .library-item-actions>.button{padding:8px}.empty-project-chat{border:1px dashed var(--edge-strong);border-radius:14px;padding:30px;text-align:center;font-size:.8rem;color:var(--muted);line-height:1.7}.project-footer{margin-top:26px;text-align:right}.assignment-options{max-height:330px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin:20px 0}.assignment-options>button{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--edge);background:var(--surface2);border-radius:11px;text-align:left;font-size:.85rem}.assignment-options>button:hover{border-color:var(--accent)}.assignment-options>button>svg:last-child{margin-left:auto}.project-color-dot{width:19px;height:19px;display:block;border-radius:7px}
/* Message actions & genuinely ephemeral chat */
.from-user .message-inner{flex-direction:column;align-items:flex-end}.message-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;padding:4px 5px 0;opacity:.72;transition:opacity .18s}.message:hover .message-actions{opacity:1}.message-actions button{display:grid;place-items:center;background:transparent;border:0;color:var(--muted);padding:6px;border-radius:7px}.message-actions button:hover{color:var(--text);background:var(--hover)}.message-actions button svg{width:14px;height:14px}.message-actions time{font-size:.65rem;color:var(--faint);margin-left:5px}
.temp-toggle{color:var(--muted)}.temp-toggle.temp-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface))}.temp-notice{display:inline-flex;align-items:center;gap:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 23%,var(--edge));border-radius:999px;font-size:.75rem;padding:10px 16px;margin:16px auto 0}.temp-notice svg{width:17px}
/* polished micro-interactions, calm instead of aggressive */
::selection{background:color-mix(in srgb,var(--accent) 38%,transparent)}
button,.project-card,.theme-card{-webkit-tap-highlight-color:transparent}
@media (max-width:1060px){.project-grid,.upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.themes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-work-grid{grid-template-columns:1fr}}
@media (max-width:700px){.projects-feature{flex-wrap:wrap;padding:24px;gap:18px}.projects-feature-mark{width:55px;height:55px;flex-basis:55px;border-radius:15px}.projects-feature-mark svg{width:30px}.projects-feature>div:nth-child(2){flex-basis:calc(100% - 75px)}.projects-feature>.button{margin-left:auto}.project-grid,.upcoming-grid{grid-template-columns:1fr}.project-detail-header{flex-wrap:wrap}.project-detail-header>div:nth-child(2){flex-basis:calc(100% - 101px)}.project-detail-header>.button{margin-left:auto}.model-section-head{align-items:start;flex-direction:column}.themes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-mini{height:72px}.theme-card{padding:5px 5px 12px}.theme-card strong{font-size:.7rem}.theme-card small{font-size:.6rem}.project-work-grid>.panel{padding:18px}}

/* LEYVU STUDIO 4.0 — SIGNATURE EXPERIENCE */
img.icon.nova-logo-img{display:block;width:20px;height:20px;object-fit:contain;flex-shrink:0;user-select:none;pointer-events:none}
.brand-mark{background:transparent;box-shadow:none;border-radius:0;width:36px;height:36px;overflow:visible;filter:drop-shadow(0 2px 11px color-mix(in srgb,var(--accent) 19%,transparent))}
.brand-mark .nova-logo-img{width:34px;height:34px}
.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.07);transition:transform .42s cubic-bezier(.2,.75,.2,1)}
.brand-name{letter-spacing:-.082em}
.mini-model-icon .nova-logo-img{width:21px;height:21px}
.welcome-icon .inner-star .nova-logo-img{width:48%;height:48%;filter:drop-shadow(0 5px 14px color-mix(in srgb,var(--accent) 20%,transparent))}
.msg-icon .nova-logo-img{width:19px;height:19px}
.art-star .nova-logo-img{width:100%;height:100%;object-fit:contain}
.model-hero-art .nova-logo-img{width:100%;height:100%;max-height:185px;object-fit:contain}
.projects-feature-mark .nova-logo-img{width:66px;height:66px}
.about-mark .nova-logo-img{width:65px;height:65px}
:root[data-theme="matte"] .nova-logo-img{filter:grayscale(1) brightness(1.23)}
:root[data-theme="matte"] .brand-mark{filter:none}
:root[data-theme="pearl"] .brand-mark,:root[data-theme="sand"] .brand-mark{filter:drop-shadow(0 2px 7px #4b407025)}

/* Interaction refinements. Reduced-motion overrides from the accessibility controls still apply. */
@keyframes nova-soft-in{from{opacity:0;transform:translate3d(0,13px,0);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes nova-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes nova-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@keyframes nova-slow-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes nova-shine{from{transform:translateX(-170%) rotate(20deg)}to{transform:translateX(240%) rotate(20deg)}}
@keyframes nova-pulse{0%,100%{opacity:.46}50%{opacity:1}}
.page-inner>.section-head{animation:nova-soft-in .58s cubic-bezier(.2,.72,.2,1) both}
.sidebar-link,.new-chat-btn,.history-row,.topbar-model,.account-link{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .26s cubic-bezier(.2,.7,.2,1)}
.sidebar-link:hover,.history-row:hover{transform:translateX(2px)}
.button.primary,.new-chat-btn{position:relative;overflow:hidden;isolation:isolate}
.button.primary::after,.new-chat-btn::after{content:"";position:absolute;width:28%;height:200%;top:-40%;left:0;background:linear-gradient(90deg,transparent,#fff2,transparent);transform:translateX(-170%) rotate(20deg);pointer-events:none}
.button.primary:hover::after,.new-chat-btn:hover::after{animation:nova-shine .9s ease forwards}
.button:focus-visible,.cinema-skip:focus-visible,.about-feature-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.prompt-card,.theme-card,.project-card,.upcoming-card,.saved-card{will-change:auto;backface-visibility:hidden}
.welcome-icon{animation:nova-drift 8s ease-in-out infinite}
.welcome-icon .inner-star .nova-logo-img{animation:nova-breathe 5.5s ease-in-out infinite}

/* THE LEYVU STORY — SCROLL-SCRUBBED, CINEMATIC ABOUT PAGE */
.about-page-scroll{scroll-behavior:auto;overscroll-behavior-y:contain;background:#080914;scrollbar-color:#6551a8 #0c0b17}
.cinema-runway{height:510vh;min-height:3400px;position:relative;background:#080914}
.cinema-stage{height:100%;height:calc(100dvh - 72px);min-height:470px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#1b1541 0%,#0b0a1b 43%,#05060d 100%);--cinema-p:0;user-select:none}
.cinema-stage::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,#0709146b,transparent 30%,transparent 65%,#060611aa)}
.cinema-noise{position:absolute;inset:-10%;z-index:2;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}
.cinema-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 18vw 7vw #02020cc7}
.cinema-grid{position:absolute;inset:-50% -40%;opacity:calc(.055 + var(--cinema-p) * .05);background-image:linear-gradient(#a2a4d21c 1px,transparent 1px),linear-gradient(90deg,#a2a4d21c 1px,transparent 1px);background-size:75px 75px;transform:perspective(650px) rotateX(62deg) translateY(calc(var(--cinema-p) * -120px));mask-image:linear-gradient(transparent,#000 35%,transparent 90%)}
.cinema-aurora{position:absolute;z-index:0;width:min(70vw,900px);aspect-ratio:1;border-radius:50%;filter:blur(95px);pointer-events:none;opacity:.28;transition:opacity .5s ease}
.cinema-aurora-a{left:calc(-16% + var(--cinema-p) * 23%);top:calc(-33% + var(--cinema-p) * 24%);background:#6d40f5}
.cinema-aurora-b{right:calc(-28% + var(--cinema-p) * 26%);bottom:calc(-50% + var(--cinema-p) * 37%);background:#4b6df7;opacity:.2}
.cinema-ring{position:absolute;width:74vmin;height:74vmin;max-width:750px;max-height:750px;left:50%;top:52%;border-radius:50%;pointer-events:none;z-index:1;opacity:.36}
.cinema-ring-one{border:1px solid #c3b2ff44;transform:translate(-50%,-50%) rotate(calc(var(--cinema-p) * 220deg)) scale(calc(.80 + var(--cinema-p) * 2.2));box-shadow:0 0 48px #8258ef15,inset 0 0 45px #8258ef18}
.cinema-ring-two{border:1px solid #b6abff18;transform:translate(-50%,-50%) rotate(calc(var(--cinema-p) * -320deg)) scale(calc(.55 + var(--cinema-p) * 2.4));outline:1px dashed #a292f71a;outline-offset:32px}
.cinema-logo{position:absolute;left:50%;top:50%;z-index:1;width:clamp(230px,33vmin,470px);height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 56px #764ef14a);transform:translate(calc(-50% + var(--cinema-p) * -4vw),calc(-52% + var(--cinema-p) * -6vh)) scale(calc(.82 + var(--cinema-p) * 1.75)) rotate(calc(var(--cinema-p) * -80deg));opacity:calc(.83 - var(--cinema-p) * .55)}
.cinema-stars{position:absolute;z-index:0;inset:0;pointer-events:none}
.cinema-stars span{position:absolute;width:2px;height:2px;border-radius:50%;background:#e5deff;box-shadow:0 0 12px 2px #aa98ff;animation:nova-pulse 4s infinite}
.cinema-stars span:nth-child(1){left:13%;top:30%}.cinema-stars span:nth-child(2){left:79%;top:23%;animation-delay:1.2s}.cinema-stars span:nth-child(3){left:89%;top:73%;animation-delay:2s}.cinema-stars span:nth-child(4){left:21%;top:81%;animation-delay:2.7s}.cinema-stars span:nth-child(5){left:62%;top:12%;animation-delay:3.3s}
.cinema-topline,.cinema-bottomline{position:absolute;z-index:6;left:clamp(22px,4.2vw,76px);right:clamp(22px,4.2vw,76px);display:flex;align-items:center;justify-content:space-between;color:#c7c1d8;font-size:.64rem;font-weight:750;letter-spacing:.24em;text-transform:uppercase}
.cinema-topline{top:31px}.cinema-bottomline{bottom:36px}.cinema-edition{display:flex;gap:12px;align-items:center}.live-pixel{display:inline-block;width:7px;height:7px;background:#a88aff;border-radius:50%;box-shadow:0 0 12px #ac90ff}.cinema-index{color:#aea6c8}
.cinema-scroll-cue{display:inline-flex;align-items:center;gap:12px}.scroll-wheel{display:inline-block;width:17px;height:27px;border:1px solid #dad0f07b;border-radius:12px;position:relative}.scroll-wheel::before{content:"";position:absolute;top:5px;left:7px;width:1px;height:7px;background:#eee0ff;animation:nova-drift 2s ease-in-out infinite}
.cinema-studio-label{color:#9b8faf}
.cinema-chapters{position:absolute;z-index:4;inset:0;pointer-events:none;display:grid;place-items:center;text-align:center;padding:60px 20px 80px}
.cinema-chapter{position:absolute;width:min(94%,1040px);opacity:0;display:flex;align-items:center;flex-direction:column;justify-content:center;will-change:transform,opacity;pointer-events:none;text-shadow:0 6px 55px #050411a8}
.cinema-chapter h1{margin:18px 0 22px;color:#faf9ff;font-size:clamp(3.25rem,7vw,8.2rem);letter-spacing:-.091em;font-weight:800;line-height:1.035;text-wrap:balance}
.cinema-chapter h1 em{font-style:normal;color:#c2a7ff;background:linear-gradient(125deg,#f7e9ff 10%,#ba96ff 52%,#7956dc 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cinema-chapter p{max-width:560px;color:#d1cadd;font-size:clamp(.95rem,1.35vw,1.14rem);line-height:1.75;text-wrap:balance}
.cinema-kicker{color:#bca7ed;font-weight:800;letter-spacing:.26em;font-size:.67rem}
.cinema-progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:3px;background:#9e86fc29;overflow:hidden}.cinema-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#8156ed,#c4afff);box-shadow:0 0 18px #a88aff}
.cinema-skip{position:absolute;z-index:7;top:74px;right:clamp(22px,4.2vw,76px);background:#ffffff0c;color:#e9e4f6;border:1px solid #ffffff27;border-radius:999px;font-size:.71rem;padding:9px 12px;display:inline-flex;gap:7px;align-items:center;backdrop-filter:blur(15px);transition:background .25s,border-color .25s,transform .25s}.cinema-skip:hover{background:#ffffff22;border-color:#ad93ff;transform:translateY(-2px)}.cinema-skip svg{width:14px;height:14px}
.about-after{color:#f2efff;background:#0b0b14;position:relative;isolation:isolate;padding:0 max(30px,calc((100% - 1200px)/2)) 35px}
.about-after::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:1250px;background:radial-gradient(ellipse at 50% -10%,#45247e35,transparent 72%);pointer-events:none}
.about-manifesto{text-align:center;padding:clamp(95px,12vw,170px) 20px clamp(120px,13vw,185px);max-width:860px;margin:auto}
.about-eyebrow,.about-section-title>span{font-size:.7rem;letter-spacing:.22em;font-weight:800;color:#aa91e3}.about-manifesto h2{font-size:clamp(3rem,6vw,6.2rem);line-height:1.08;letter-spacing:-.085em;margin:28px 0}.about-manifesto h2 span{color:#bca4ff}.about-manifesto p{font-size:clamp(.92rem,1.35vw,1.1rem);line-height:1.9;max-width:670px;margin:0 auto;color:#aaa6bf}.about-manifesto-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:34px}.about-after .button.primary{background:#a583ff;color:#160a2a}.about-after .button.secondary{background:#1e1c2b;border-color:#33314a;color:#f1edff}
.about-section-title{margin:0 0 36px;padding:0 20px}.about-section-title h2{font-size:clamp(2.2rem,4vw,4.3rem);letter-spacing:-.075em;margin-top:17px;line-height:1.16}
.about-feature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px;padding:0 14px;margin-bottom:150px}
.about-feature-card{position:relative;min-height:385px;border:1px solid #5c527a54;background:linear-gradient(150deg,#1e1b2e,#12121d 65%);border-radius:22px;padding:29px;overflow:hidden;display:flex;flex-direction:column;transition:transform .38s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .3s}
.about-feature-card:hover{transform:translateY(-9px);border-color:#9172df75;box-shadow:0 18px 60px #0005}
.about-feature-card::before{content:"";position:absolute;width:55%;aspect-ratio:1;right:-20%;top:-25%;background:radial-gradient(circle,#8863e127,transparent 65%);pointer-events:none}
.about-feature-number{font-size:.64rem;letter-spacing:.19em;color:#ac98d1;font-weight:750}
.about-feature-symbol{display:grid;place-items:center;align-self:flex-start;width:72px;height:72px;margin:72px 0 45px;border-radius:19px;background:#8664e824;border:1px solid #aa8bef44;color:#bea2ff;box-shadow:0 8px 40px #926efa18}
.about-feature-symbol svg{width:30px;height:30px}
.about-feature-card h3{font-size:clamp(1.3rem,1.85vw,1.7rem);letter-spacing:-.06em;margin-top:auto}
.about-feature-card p{font-size:.79rem;line-height:1.8;color:#ada8bb;margin-top:13px}
.about-feature-link{align-self:start;margin-top:24px;border:0;background:none;color:#c7b5ff;display:inline-flex;align-items:center;gap:8px;padding:5px 0;font-size:.79rem;font-weight:750;transition:gap .25s}
.about-feature-link:hover{gap:15px}.about-feature-link svg{width:16px;height:16px}
.about-feature-preview{flex:1;display:grid;place-items:center;min-height:135px}
.about-theme-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;width:min(280px,100%);transform:rotate(-8deg)}
.about-theme-chips i{width:100%;aspect-ratio:1;border-radius:10px;background:linear-gradient(130deg,var(--swatch) 65%,var(--swatch-accent));box-shadow:0 10px 16px #0006;border:1px solid #ffffff32;transition:transform .27s}
.about-feature-card:hover .about-theme-chips i:nth-child(3n){transform:translateY(-9px)}
.about-model-banner{min-height:430px;overflow:hidden;position:relative;display:flex;align-items:center;gap:8vw;padding:55px clamp(30px,6.5vw,100px);border:1px solid #614d984d;border-radius:30px;background:radial-gradient(ellipse at 30% 50%,#4a317b75,transparent 50%),linear-gradient(115deg,#1c1731,#13101e);margin:0 14px 150px}
.about-model-banner>img{width:clamp(170px,23vw,270px);height:auto;object-fit:contain;filter:drop-shadow(0 0 62px #855ae065);animation:nova-drift 9s ease-in-out infinite;position:relative;z-index:1}
.about-model-banner>div:last-child{position:relative;z-index:1;max-width:470px}
.about-model-banner span{font-size:.68rem;letter-spacing:.2em;color:#c4adf8;font-weight:750}.about-model-banner h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.073em;line-height:1.13;margin:18px 0}.about-model-banner p{font-size:.86rem;line-height:1.85;color:#b4aeca;margin:0 0 27px}
.about-model-halo{position:absolute;width:500px;height:500px;border-radius:50%;left:-60px;top:-40px;border:1px solid #ae8fff2c;box-shadow:0 0 90px #855ae027,inset 0 0 70px #855ae012}
.about-after .light-button{background:#d5c4ff;color:#201735}
.about-faq-heading{margin-bottom:30px}
.about-faq{max-width:920px;margin:0 auto 155px;padding:0 14px}
.about-faq details{border-bottom:1px solid #655b784f;padding:23px 3px}
.about-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:clamp(.94rem,1.7vw,1.2rem);font-weight:750;letter-spacing:-.03em;list-style:none;outline-offset:6px}
.about-faq summary::-webkit-details-marker{display:none}.about-faq summary svg{flex-shrink:0;width:18px;height:18px;color:#ae90ff;transition:transform .3s}.about-faq details[open] summary svg{transform:rotate(45deg)}.about-faq details>p{padding:17px 40px 0 0;color:#b1a9bc;line-height:1.9;font-size:.87rem;max-width:750px}
.about-end{text-align:center;display:flex;flex-direction:column;align-items:center;border-top:1px solid #72618842;padding:100px 20px 35px}
.about-end img{filter:drop-shadow(0 0 28px #9670f77a);animation:nova-drift 7s ease-in-out infinite}
.about-end h2{font-size:clamp(3rem,6vw,5.6rem);letter-spacing:-.085em;line-height:1.05;margin:28px 0}.about-end h2 em{color:#c0a4ff;font-style:normal}.about-end .button{margin:7px 0 80px}.about-end small{font-size:.62rem;letter-spacing:.12em;color:#89839a}
.reveal-on-scroll.will-reveal{opacity:0;transform:translateY(45px);filter:blur(8px);transition:opacity .82s cubic-bezier(.2,.76,.2,1),transform .82s cubic-bezier(.2,.76,.2,1),filter .82s}
.reveal-on-scroll.will-reveal.revealed{opacity:1;transform:translateY(0);filter:blur(0)}
.about-settings-cta{margin:10px 0 22px}
@media(max-width:980px){.about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-feature-large{grid-column:1/-1;min-height:315px}.about-feature-preview{min-height:155px}.about-model-banner{gap:4vw}.cinema-chapter h1{font-size:clamp(3.5rem,7.6vw,6.4rem)}}
@media(max-width:670px){.cinema-runway{height:455vh;min-height:2600px}.cinema-stage{height:calc(100dvh - 62px);min-height:350px}.cinema-topline{top:21px}.cinema-chapters{padding:50px 16px 70px}.cinema-chapter h1{font-size:clamp(2.8rem,12vw,5rem);letter-spacing:-.08em;margin:17px 0}.cinema-chapter p{max-width:340px;font-size:.85rem;line-height:1.8}.cinema-kicker{font-size:.58rem}.cinema-logo{width:66vmin;top:42%}.cinema-ring{width:85vmin;height:85vmin;top:43%}.cinema-bottomline{bottom:29px}.cinema-studio-label{display:none}.cinema-skip{top:62px;font-size:.63rem}.about-after{padding:0 15px 25px}.about-manifesto{padding:90px 6px 115px}.about-manifesto h2{font-size:clamp(2.7rem,10vw,4.6rem)}.about-feature-grid{grid-template-columns:1fr;gap:13px;padding:0 2px;margin-bottom:90px}.about-feature-large{grid-column:auto}.about-feature-card{min-height:310px;padding:26px}.about-feature-symbol{margin:42px 0 37px}.about-feature-preview{min-height:120px}.about-section-title{padding:0 5px}.about-model-banner{margin:0 2px 100px;flex-direction:column;align-items:center;text-align:center;gap:0;padding:30px 22px 42px}.about-model-banner>img{width:155px;margin-bottom:10px}.about-model-banner h2{font-size:2.55rem}.about-faq{margin-bottom:95px;padding:0 5px}.about-end{padding:80px 5px 28px}.about-end .button{margin-bottom:70px}}
@media(max-height:640px){.cinema-chapter h1{font-size:clamp(2rem,6.5vh,4.1rem)}.cinema-chapter p{font-size:.76rem}.cinema-chapter{margin-top:14px}.cinema-logo{width:30vmin}.cinema-stage{min-height:340px}}
@media(prefers-reduced-motion:reduce){.cinema-runway{height:auto;min-height:0}.cinema-stage{height:auto;min-height:0;position:relative;display:flex;flex-direction:column;padding:78px 16px 50px}.cinema-logo{position:relative;left:auto;top:auto;transform:none!important;width:130px;opacity:1;margin:auto}.cinema-chapters{position:relative;display:flex;flex-direction:column;gap:80px;padding:40px 12px}.cinema-chapter{position:relative;opacity:1!important;transform:none!important}.cinema-chapter h1{font-size:clamp(2.7rem,8vw,5rem)}.cinema-topline,.cinema-bottomline,.cinema-skip{display:none}.reveal-on-scroll.will-reveal{opacity:1;transform:none;filter:none}}
:root[data-motion=reduced] .cinema-runway{height:auto;min-height:0}:root[data-motion=reduced] .cinema-stage{height:auto;min-height:0;position:relative;display:flex;flex-direction:column;padding:78px 16px 50px}:root[data-motion=reduced] .cinema-logo{position:relative;left:auto;top:auto;transform:none!important;width:130px;opacity:1;margin:auto}:root[data-motion=reduced] .cinema-chapters{position:relative;display:flex;flex-direction:column;gap:80px;padding:40px 12px}:root[data-motion=reduced] .cinema-chapter{position:relative;opacity:1!important;transform:none!important}:root[data-motion=reduced] .cinema-chapter h1{font-size:clamp(2.7rem,8vw,5rem)}:root[data-motion=reduced] .cinema-topline,:root[data-motion=reduced] .cinema-bottomline,:root[data-motion=reduced] .cinema-skip{display:none}:root[data-motion=reduced] .reveal-on-scroll.will-reveal{opacity:1;transform:none;filter:none}
/* Story readability: maintain clear typography while the branded mark grows behind it. */
.cinema-chapters{background:radial-gradient(ellipse 45% 39% at 50% 54%,#08071673 0%,#0807163f 50%,transparent 100%)}


/* --- Leyvu brand refresh --- */
.brand-mark{background:color-mix(in srgb,var(--surface2) 92%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--edge));box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 12%,transparent)}
.brand-mark .nova-logo-img{width:19px;height:19px}
:root[data-theme="matte"] .brand-mark{background:#141416;border-color:#2d2d32;box-shadow:none}
.topbar-model .mini-model-icon,.model-mini,.msg-icon,.art-star,.projects-feature-mark,.about-mark{isolation:isolate}

/* Theme-aware About Leyvu cinematic system */
.about-page-scroll{--about-accent:var(--accent);--about-accent-strong:color-mix(in srgb,var(--accent) 84%,#fff 8%);--about-accent-soft:color-mix(in srgb,var(--accent) 58%,#fff 12%);--about-accent-muted:color-mix(in srgb,var(--accent) 22%,transparent);--about-ink:color-mix(in srgb,var(--text) 97%,#fff 3%);--about-muted:color-mix(in srgb,var(--muted) 88%,#fff 12%);--about-border:color-mix(in srgb,var(--accent) 18%,var(--edge-strong));--about-bg-deep:color-mix(in srgb,var(--bg) 90%,#02030a);--about-bg-soft:color-mix(in srgb,var(--surface) 72%,#04050d);--about-bg-card:color-mix(in srgb,var(--surface2) 88%,#07080f);--about-bg-card-alt:color-mix(in srgb,var(--surface3) 72%,#090a10);--about-glow:color-mix(in srgb,var(--accent) 24%,transparent)}
:root[data-theme="matte"] .about-page-scroll{--about-accent:#ececef;--about-accent-strong:#ffffff;--about-accent-soft:#d6d6dc;--about-accent-muted:rgba(255,255,255,.16);--about-border:rgba(255,255,255,.12);--about-bg-deep:#050506;--about-bg-soft:#0b0b0c;--about-bg-card:#101011;--about-bg-card-alt:#141417;--about-glow:rgba(255,255,255,.08)}
:root[data-theme="pearl"] .about-page-scroll,:root[data-theme="sand"] .about-page-scroll{--about-ink:#1e2035;--about-muted:#61657f;--about-border:color-mix(in srgb,var(--accent) 16%,rgba(30,32,53,.16));--about-bg-deep:color-mix(in srgb,var(--bg) 92%,#dfe4f8);--about-bg-soft:#fafbff;--about-bg-card:#ffffff;--about-bg-card-alt:#f4f5fb}
.cinema-stage{background:linear-gradient(180deg,color-mix(in srgb,var(--about-bg-deep) 94%,transparent),transparent 22%),radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--about-accent) 10%,transparent),transparent 40%),linear-gradient(180deg,var(--about-bg-deep),color-mix(in srgb,var(--about-bg-soft) 35%,#05060d) 62%,color-mix(in srgb,var(--about-bg-deep) 98%,#05060d) 100%)}
.cinema-vignette{box-shadow:inset 0 0 18vw 7vw color-mix(in srgb,var(--about-bg-deep) 65%,#02020c)}
.cinema-grid{background-image:linear-gradient(color-mix(in srgb,var(--about-border) 60%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--about-border) 60%,transparent) 1px,transparent 1px)}
.cinema-aurora-a{background:color-mix(in srgb,var(--about-accent) 72%,#6f64ff)}
.cinema-aurora-b{background:color-mix(in srgb,var(--about-accent) 44%,#45a1ff);opacity:.18}
.cinema-ring-one{border-color:color-mix(in srgb,var(--about-accent) 30%,transparent);box-shadow:0 0 48px color-mix(in srgb,var(--about-accent) 14%,transparent),inset 0 0 45px color-mix(in srgb,var(--about-accent) 14%,transparent)}
.cinema-ring-two{border-color:color-mix(in srgb,var(--about-accent) 12%,transparent);outline-color:color-mix(in srgb,var(--about-accent) 10%,transparent)}
.about-logo-mask{display:block;background:var(--about-accent-strong);mask-image:url("../assets/nova-mark-ui.png");-webkit-mask-image:url("../assets/nova-mark-ui.png");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain}
.cinema-logo.about-logo-mask{filter:drop-shadow(0 0 56px color-mix(in srgb,var(--about-accent) 30%,transparent));transform:translate(calc(-50% + var(--cinema-p) * -4vw),calc(-52% + var(--cinema-p) * -6vh)) scale(calc(.82 + var(--cinema-p) * 1.75)) rotate(calc(var(--cinema-p) * -80deg));opacity:calc(.88 - var(--cinema-p) * .50)}
.cinema-topline,.cinema-bottomline,.cinema-index{color:color-mix(in srgb,var(--about-muted) 82%,var(--about-ink))}
.live-pixel{background:var(--about-accent-strong);box-shadow:0 0 12px color-mix(in srgb,var(--about-accent) 50%,transparent)}
.scroll-wheel{border-color:color-mix(in srgb,var(--about-ink) 30%,transparent)}
.scroll-wheel::before{background:var(--about-ink)}
.cinema-chapter{transition:opacity .34s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.cinema-chapter h1{color:var(--about-ink)}
.cinema-chapter h1 em{color:var(--about-accent-strong);background:linear-gradient(125deg,color-mix(in srgb,var(--about-accent-strong) 82%,#fff),var(--about-accent-soft) 48%,color-mix(in srgb,var(--about-accent) 76%,#5a44db) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cinema-kicker,.about-eyebrow,.about-section-title>span,.about-model-banner span{color:color-mix(in srgb,var(--about-accent) 72%,var(--about-ink))}
.cinema-chapter p,.about-manifesto p,.about-feature-card p,.about-model-banner p,.about-end small{color:var(--about-muted)}
.cinema-progress{background:color-mix(in srgb,var(--about-accent) 14%,transparent)}
.cinema-progress span{background:linear-gradient(90deg,var(--about-accent),var(--about-accent-soft));box-shadow:0 0 18px color-mix(in srgb,var(--about-accent) 35%,transparent)}
.cinema-skip{background:color-mix(in srgb,var(--about-bg-card) 72%,transparent);color:var(--about-ink);border-color:color-mix(in srgb,var(--about-accent) 22%,var(--about-border))}
.cinema-skip:hover{background:color-mix(in srgb,var(--about-bg-card) 92%,transparent);border-color:color-mix(in srgb,var(--about-accent) 42%,var(--about-border))}
.about-after{color:var(--about-ink);background:var(--about-bg-soft)}
.about-after::before{background:radial-gradient(ellipse at 50% -10%,color-mix(in srgb,var(--about-accent) 22%,transparent),transparent 72%)}
.about-manifesto h2 span,.about-end h2 em{color:var(--about-accent-soft)}
.about-after .button.primary{background:var(--about-accent-strong);color:color-mix(in srgb,var(--about-bg-deep) 72%,black)}
.about-after .button.secondary{background:var(--about-bg-card);border-color:var(--about-border);color:var(--about-ink)}
.about-feature-card{border-color:var(--about-border);background:linear-gradient(150deg,var(--about-bg-card),var(--about-bg-card-alt) 65%)}
.about-feature-card::before{background:radial-gradient(circle,color-mix(in srgb,var(--about-accent) 14%,transparent),transparent 65%)}
.about-feature-card:hover{border-color:color-mix(in srgb,var(--about-accent) 32%,var(--about-border));box-shadow:0 18px 60px color-mix(in srgb,var(--about-glow) 65%,#0005)}
.about-feature-symbol{background:color-mix(in srgb,var(--about-accent) 10%,transparent);border-color:color-mix(in srgb,var(--about-accent) 28%,transparent);color:var(--about-accent-soft);box-shadow:0 8px 40px color-mix(in srgb,var(--about-accent) 10%,transparent)}
.about-feature-link{color:var(--about-accent-soft)}
.about-theme-chips i{border-color:color-mix(in srgb,var(--about-ink) 16%,transparent)}
.about-model-banner{border-color:var(--about-border);background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--about-accent) 22%,transparent),transparent 50%),linear-gradient(115deg,var(--about-bg-card),var(--about-bg-card-alt))}
.about-model-logo{width:clamp(170px,23vw,270px);height:clamp(170px,23vw,270px);filter:drop-shadow(0 0 62px color-mix(in srgb,var(--about-accent) 28%,transparent));animation:nova-drift 9s ease-in-out infinite;position:relative;z-index:1;flex:0 0 auto}
.about-model-halo{border-color:color-mix(in srgb,var(--about-accent) 16%,transparent);box-shadow:0 0 90px color-mix(in srgb,var(--about-accent) 10%,transparent),inset 0 0 70px color-mix(in srgb,var(--about-accent) 8%,transparent)}
.about-end{border-top-color:var(--about-border)}
.about-end-logo{width:74px;height:74px;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--about-accent) 26%,transparent));animation:nova-drift 7s ease-in-out infinite}
@media(max-width:670px){.about-model-banner>.about-model-logo{width:155px;height:155px;margin-bottom:10px}}
/* Live local Nexus inference */
.streaming-text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:24px}
#streamingMessage .message-bubble{position:relative;animation:nova-stream-enter .36s ease both}
#streamingMessage .message-bubble::after{content:'';display:inline-block;width:6px;height:1em;margin-left:4px;vertical-align:-2px;background:var(--accent);border-radius:2px;animation:nova-cursor 1s steps(1) infinite}
@keyframes nova-stream-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes nova-cursor{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){#streamingMessage .message-bubble,#streamingMessage .message-bubble::after{animation:none}}

/* Leyvu Accounts · premium authentication & privacy-first cloud workspace */
.nova-auth-layout{min-height:100dvh;height:100dvh;display:grid;grid-template-columns:minmax(330px,46%) 1fr;background:var(--bg);color:var(--text);overflow:auto}
.nova-auth-story{padding:clamp(26px,4vw,60px);background:radial-gradient(ellipse at 12% 80%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 58%),linear-gradient(150deg,color-mix(in srgb,var(--side) 92%,#100e1d),var(--bg));border-right:1px solid var(--edge);display:flex;flex-direction:column;justify-content:space-between;min-height:660px;position:relative;isolation:isolate;overflow:hidden}
.nova-auth-story:before{position:absolute;content:"";width:55vw;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;top:28%;left:-15%;z-index:-1;pointer-events:none}
.nova-auth-story:after{position:absolute;content:"";width:43vw;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;top:42%;left:3%;z-index:-1;pointer-events:none}
.nova-auth-brand{display:inline-flex;align-items:center;gap:14px;background:transparent;border:0;align-self:start;padding:0;color:var(--text);font-family:Manrope,sans-serif;letter-spacing:-.065em;font-size:27px;font-weight:800}
.nova-auth-brand-icon{display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 15%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);width:45px;height:45px}
.nova-auth-brand-icon img{width:32px!important;height:32px!important}
.nova-auth-story-body{max-width:570px;animation:auth-reveal .7s cubic-bezier(.2,.75,.2,1) both}
.nova-auth-eyebrow{font-size:.68rem;letter-spacing:.22em;font-weight:800;color:var(--accent);text-transform:uppercase}
.nova-auth-story h1{font-weight:800;line-height:1.09;letter-spacing:-.072em;font-size:clamp(2.9rem,4.5vw,5.8rem);margin:22px 0}
.nova-auth-story h1 em{color:var(--accent);font-style:normal}
.nova-auth-story p{max-width:460px;line-height:1.8;color:var(--muted);font-size:1rem}
.nova-auth-bubbles{margin-top:34px;display:flex;flex-wrap:wrap;gap:9px}
.nova-auth-bubbles span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--edge-strong);background:color-mix(in srgb,var(--surface) 85%,transparent);padding:11px 14px;border-radius:100px;font-size:.72rem;color:var(--text)}
.nova-auth-bubbles svg{width:15px;height:15px;color:var(--accent)}
.nova-auth-story>small{font-size:.63rem;letter-spacing:.18em;font-weight:750;color:var(--faint)}
.nova-auth-main{padding:clamp(24px,3vw,44px);display:flex;justify-content:center;align-items:center;position:relative;min-height:650px}
.nova-auth-back{position:absolute;top:30px;right:36px;border:1px solid var(--edge);background:var(--surface);color:var(--muted);padding:9px 14px;border-radius:999px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:9px;transition:background .2s,color .2s,transform .2s}
.nova-auth-back:hover{background:var(--hover);color:var(--text);transform:translateY(-2px)}
.nova-auth-back svg{width:14px;height:14px;transform:rotate(180deg)}
.nova-auth-card{width:min(100%,435px);padding:85px 0 32px;animation:auth-reveal .55s cubic-bezier(.2,.75,.2,1) .05s both}
.nova-auth-heading{margin-bottom:33px}.nova-auth-heading h2{font-size:clamp(2rem,3vw,2.65rem);font-weight:800;letter-spacing:-.068em;margin:14px 0}.nova-auth-heading p{font-size:.89rem;line-height:1.7;color:var(--muted)}
.nova-auth-mobile-logo{display:none}
.nova-auth-warning{background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--edge));border-radius:14px;padding:16px;margin-bottom:18px;font-size:.8rem;line-height:1.65;display:flex;gap:10px;color:var(--text)}
.nova-auth-warning svg{width:18px;height:18px;flex-shrink:0;color:var(--accent)}
.nova-auth-form{display:flex;flex-direction:column;gap:19px}
.nova-auth-form>label,.account-inline-form>.field-label{font-size:.79rem;font-weight:700;display:flex;flex-direction:column;gap:9px}
.nova-auth-form input:not([type=checkbox]),.account-inline-form input{width:100%;height:48px;border-radius:12px;background:var(--surface2);color:var(--text);padding:0 15px;border:1px solid var(--edge-strong);outline:0;transition:border-color .2s,box-shadow .2s}
.nova-auth-form input:focus,.account-inline-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}
.nova-auth-form .nova-auth-agree{display:flex;align-items:flex-start;gap:10px;font-size:.71rem;color:var(--muted);line-height:1.6;font-weight:500}
.nova-auth-agree input{accent-color:var(--accent);margin-top:4px;flex-shrink:0}
.nova-auth-submit{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:11px;border:0;background:var(--accent);color:color-mix(in srgb,var(--bg) 75%,#000);height:49px;width:100%;border-radius:12px;font-size:.85rem;font-weight:800;box-shadow:0 8px 26px color-mix(in srgb,var(--accent) 20%,transparent);transition:transform .24s cubic-bezier(.2,.75,.2,1),box-shadow .25s,filter .25s}
.nova-auth-submit:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 38px color-mix(in srgb,var(--accent) 29%,transparent)}
.nova-auth-submit svg{width:17px;height:17px}
.nova-auth-helpers{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.77rem;color:var(--muted);margin-top:26px;flex-wrap:wrap}
.nova-auth-helpers button{color:var(--accent);font-weight:750;background:none;border:0;padding:4px 0;text-decoration:none}
.nova-auth-helpers button:hover{text-decoration:underline}
.nova-auth-foot{padding-top:28px;margin-top:34px;border-top:1px solid var(--edge);font-size:.7rem;color:var(--faint);line-height:1.65}
.account-hero,.account-identity{display:flex;align-items:center;gap:17px;border:1px solid var(--edge);background:var(--surface2);border-radius:20px;padding:24px;margin:20px 0 25px;flex-wrap:wrap}
.account-hero-mark{width:62px;height:62px;flex-shrink:0;border-radius:16px;background:color-mix(in srgb,var(--accent) 15%,var(--surface));display:grid;place-items:center}
.account-hero-mark img{width:39px!important;height:39px!important}
.account-hero>div{flex:1;min-width:180px}.account-hero h3{font-size:1.4rem;margin:0 0 9px}.account-hero p{font-size:.82rem;line-height:1.65;color:var(--muted)}
.account-avatar{width:60px;height:60px;flex-shrink:0;display:grid;place-items:center;font-weight:800;border-radius:50%;font-size:1.5rem;color:var(--text);background:color-mix(in srgb,var(--accent) 24%,var(--surface))}
.account-identity>div{display:grid;gap:6px;flex:1}.account-identity strong{font-size:1.1rem}.account-identity small{color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}
.account-cloud-tag{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:100px;border:1px solid var(--edge-strong);font-size:.68rem;color:var(--accent)}
.account-cloud-tag svg{width:14px;height:14px}
.account-inline-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:19px 0}
.account-inline-form>.field-label{flex:1;min-width:190px}.account-inline-form button{height:46px}
@keyframes auth-reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.nova-auth-layout{grid-template-columns:1fr}.nova-auth-story{display:none}.nova-auth-main{min-height:100dvh}.nova-auth-card{padding-top:55px}.nova-auth-mobile-logo{display:flex;align-items:center;gap:9px;font-size:1.35rem;font-weight:800;margin:0 0 40px}.nova-auth-mobile-logo img{width:28px!important;height:28px!important}}
@media(max-width:500px){.nova-auth-main{padding:20px}.nova-auth-back{top:20px;right:20px}.nova-auth-card{padding-top:48px}.nova-auth-form input:not([type=checkbox]){height:48px}}
@media(prefers-reduced-motion:reduce){.nova-auth-story-body,.nova-auth-card{animation:none}.nova-auth-submit,.nova-auth-back{transition:none}}
:root[data-motion=reduced] .nova-auth-story-body,:root[data-motion=reduced] .nova-auth-card{animation:none}


/* Leyvu Chat Rendering V1: assistant-only Markdown, code and SVG maths. */
.from-nova .message-bubble{min-width:0;max-width:100%;width:100%;}
.nova-rich{font-size:.94rem;line-height:1.75;letter-spacing:-.004em;color:var(--text);min-width:0;overflow-wrap:break-word;}
.nova-rich>:first-child{margin-top:0!important;}
.nova-rich>:last-child{margin-bottom:0!important;}
.nova-rich p{margin:0 0 1rem;line-height:1.82;}
.nova-rich h1,.nova-rich h2,.nova-rich h3,.nova-rich h4{color:var(--text);font-family:Manrope,'DM Sans',sans-serif;line-height:1.35;letter-spacing:-.035em;margin:1.5rem 0 .7rem;font-weight:780;}
.nova-rich h1{font-size:1.46rem}.nova-rich h2{font-size:1.22rem}.nova-rich h3{font-size:1.08rem}.nova-rich h4{font-size:1rem}
.nova-rich strong,.nova-rich b{font-weight:760;color:var(--text)}
.nova-rich em{font-style:italic}
.nova-rich ul,.nova-rich ol{padding-left:1.45rem;margin:0 0 1.1rem}
.nova-rich li{padding-left:.12rem;margin:.32rem 0;line-height:1.78}
.nova-rich li::marker{color:var(--accent);font-weight:700}
.nova-rich li>p{margin:.25rem 0 .5rem}
.nova-rich a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 43%,transparent);text-underline-offset:3px}
.nova-rich blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-radius:0 9px 9px 0;padding:.8rem 1.15rem;margin:1.1rem 0;color:var(--muted)}
.nova-rich blockquote p:last-child{margin:0}
.nova-rich hr{height:1px;border:0;background:var(--edge-strong);margin:1.4rem 0}
.nova-rich :not(pre)>code{font-family:'Cascadia Code','SFMono-Regular',Consolas,monospace;font-size:.86em;background:color-mix(in srgb,var(--accent) 10%,var(--surface2));border:1px solid var(--edge);padding:.12rem .36rem;border-radius:5px;white-space:break-spaces;overflow-wrap:anywhere}
.nova-rich pre{position:relative;margin:1rem 0 1.4rem;padding:49px 16px 17px;overflow-x:auto;overflow-y:hidden;max-width:100%;border:1px solid var(--edge-strong);border-radius:13px;background:color-mix(in srgb,var(--side) 80%,#000);box-shadow:0 8px 25px rgba(0,0,0,.07);tab-size:4}
.nova-rich pre code{display:block;background:none;border:0;color:var(--text);padding:0;font:500 .79rem/1.72 'Cascadia Code',Consolas,Monaco,monospace;white-space:pre;overflow-wrap:normal;min-width:max-content}
.nova-code-tools{position:absolute;top:0;left:0;right:0;height:37px;border-bottom:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 11px 0 15px;color:var(--muted);font:650 .68rem 'DM Sans',sans-serif;text-transform:capitalize;}
.nova-copy-code{border:0;background:none;border-radius:6px;color:var(--muted);font-weight:700;font-size:.68rem;padding:5px 9px;transition:background .18s,color .18s}
.nova-copy-code:hover{background:var(--hover);color:var(--text)}
.nova-rich table{width:100%;border-collapse:collapse;font-size:.79rem;margin:1rem 0;display:block;overflow-x:auto;max-width:100%;border-radius:9px}
.nova-rich th,.nova-rich td{border-bottom:1px solid var(--edge-strong);padding:10px 13px;text-align:left;min-width:80px;white-space:normal}
.nova-rich th{background:var(--surface2);font-weight:760;white-space:nowrap}
.nova-rich tr:nth-child(even) td{background:color-mix(in srgb,var(--surface2) 35%,transparent)}
.nova-rich .nova-math{max-width:100%;font-size:1.07em}
.nova-rich .nova-math-inline{white-space:nowrap;display:inline-block;max-width:100%;vertical-align:middle}
.nova-rich .nova-math-display{display:block;overflow-x:auto;max-width:100%;padding:.65rem .2rem .9rem;margin:.85rem 0 1.15rem;text-align:center;scrollbar-width:thin}
.nova-rich .mjx-container{max-width:100%;overflow:visible}
.nova-rich .mjx-container[display='true']{margin:.45rem 0!important}
.nova-rich .nova-math-display svg{max-width:none}
.from-nova .message-inner{min-width:0;max-width:min(95%,680px)}
@media(max-width:620px){.nova-rich{font-size:.91rem}.nova-rich h1{font-size:1.32rem}.nova-rich h2{font-size:1.15rem}.nova-rich pre{padding:45px 12px 14px}.from-nova .message-inner{max-width:100%}}