/* NOVA Engineering Universe — responsive workstation system */
:root{--eu-radius:12px;--eu-shadow:0 16px 44px rgba(0,0,0,.22);--eu-border:color-mix(in srgb,var(--line,#263c54) 88%,white 12%)}
html{scroll-padding-top:88px}
body{min-width:320px}
button,a,input,textarea,select{touch-action:manipulation}
:focus-visible{outline:2px solid var(--cyan,#43d9ff);outline-offset:3px}
.top{backdrop-filter:blur(18px);z-index:100}
.eu-modebar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-left:auto;padding:4px;border:1px solid var(--eu-border);border-radius:10px;background:#07111fbf}
.eu-modebar-label{padding:0 7px;color:var(--muted,#9bb0c8);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.eu-modebar button{border:1px solid transparent;background:transparent;color:var(--muted,#9bb0c8);padding:6px 9px;border-radius:7px;font-size:11px;font-weight:750;cursor:pointer}
.eu-modebar button[aria-pressed=true]{background:#18344b;border-color:#31516d;color:var(--text,#eaf4ff)}
.eu-modebar button:hover{color:white;background:#142a40}
.eu-modebar .eu-expand{font-size:15px;line-height:1;padding:6px 9px}
header .nav,header .wrap{gap:12px}
.panel,.card,.stage,.workspace,.ai-panel,.ai-workbench{min-width:0}
.panel,.card{box-shadow:var(--eu-shadow)}
textarea,select,input:not([type=checkbox]):not([type=radio]){max-width:100%}
.result,.assistant-result,.nova-assistant-result,pre,code{overflow-wrap:anywhere;word-break:normal}
.result,.assistant-result,.nova-assistant-result{line-height:1.75}
.result h1,.result h2,.result h3,.assistant-result h1,.assistant-result h2,.assistant-result h3{line-height:1.3;margin-top:1.25em}
.result pre,.assistant-result pre,.nova-assistant-result pre{white-space:pre;overflow:auto;max-width:100%;padding:14px;border:1px solid var(--eu-border);border-radius:9px;background:#050b13}
.result table,.assistant-result table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}
.result td,.result th,.assistant-result td,.assistant-result th{border:1px solid var(--eu-border);padding:8px;text-align:left}
.eu-app-frame{width:min(100%,1920px);margin-inline:auto}
body[data-eu-mode=desktop] .wrap{width:min(1680px,96%)}
body[data-eu-mode=desktop] .layout{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:22px}
body[data-eu-mode=desktop] .panel{padding:24px;border-radius:14px}
body[data-eu-mode=desktop] .result{min-height:440px}
body[data-eu-mode=window] .wrap{width:min(1240px,94%)}
body[data-eu-mode=window] main{max-width:1440px;margin-inline:auto}
body[data-eu-mode=window] .panel,body[data-eu-mode=window] .card{border-radius:16px}
body[data-eu-mode=pc] .wrap{width:min(1500px,96%)}
body[data-eu-mode=pc] .layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:18px}
body[data-eu-mode=pc] .result{min-height:500px}
body[data-eu-mode=mobile] .wrap{width:100%}
body[data-eu-mode=mobile] main>.wrap,body[data-eu-mode=mobile] main>.hero{padding-inline:14px}
body[data-eu-mode=mobile] .layout{grid-template-columns:minmax(0,1fr)!important;gap:12px}
body[data-eu-mode=mobile] .panel,body[data-eu-mode=mobile] .card{padding:14px;border-radius:10px}
body[data-eu-mode=mobile] .eu-modebar-label{display:none}
body[data-eu-mode=mobile] .eu-modebar button{padding:6px 7px}
body[data-eu-mode=mobile] .nav{flex-wrap:wrap;padding-block:9px}
body[data-eu-mode=mobile] .brand{max-width:100%}
body[data-eu-mode=mobile] textarea{min-height:145px}
body[data-eu-mode=mobile] .result{min-height:220px}
@media(min-width:1500px){body:not([data-eu-mode=mobile]) .wrap{width:min(1680px,96%)}}
@media(max-width:900px){.eu-modebar{order:3;width:100%;justify-content:flex-start;margin:0}.eu-modebar-label{padding-left:4px}.eu-modebar button{flex:0 0 auto}.layout{grid-template-columns:minmax(0,1fr)!important}.result{min-height:240px}}
@media(max-width:560px){.eu-modebar{gap:2px}.eu-modebar button{font-size:10px;padding:7px}.eu-modebar-label{font-size:9px}.top .nav{align-items:flex-start}.btn{max-width:100%}.actions,.row{gap:8px}.actions .btn,.row .btn{flex:1 1 auto}body{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* NOVA conversational workspace — inspired by the interaction patterns of xtekky/chatgpt-clone, implemented independently. */
body.eu-chat-page{height:100vh;min-height:100vh;overflow:hidden;background:#212121;color:#ececec}
body.eu-chat-page main.wrap{width:100%;max-width:none;margin:0;padding:0}
body.eu-chat-page main.wrap>.hero,body.eu-chat-page main.wrap>h2,body.eu-chat-page main.wrap>nav.other,body.eu-chat-page main.wrap>footer{display:none}
body.eu-chat-page header.top{position:relative;background:#171717;border-bottom:1px solid #343434}
body.eu-chat-page header .wrap.nav{width:100%;min-height:54px;padding:7px 18px}
body.eu-chat-page .brand{color:#f4f4f4}
body.eu-chat-page .brand small{color:#a5a5a5}
body.eu-chat-page .eu-modebar{background:#252525;border-color:#444}
body.eu-chat-page .eu-chat-app{height:calc(100dvh - 55px);min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);background:#212121}
body.eu-chat-page .eu-chat-sidebar{min-width:0;background:#171717;border-right:1px solid #303030;display:flex;flex-direction:column;padding:12px;gap:12px;overflow:auto}
body.eu-chat-page .eu-chat-new{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid #424242;border-radius:10px;background:transparent;color:#f4f4f4;text-align:left;font-weight:650}
body.eu-chat-page .eu-chat-new:hover,body.eu-chat-page .eu-chat-history button:hover{background:#292929}
body.eu-chat-page .eu-chat-sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#929292;padding:6px 8px 0}
body.eu-chat-page .eu-chat-history{display:grid;gap:4px}
body.eu-chat-page .eu-chat-history button{border:0;background:transparent;color:#d6d6d6;text-align:left;padding:9px 10px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
body.eu-chat-page .eu-chat-history button[aria-current=true]{background:#303030;color:white}
body.eu-chat-page .eu-chat-sidebar .panel{box-shadow:none;border:0;background:transparent;padding:4px 0;border-radius:0}
body.eu-chat-page .eu-chat-sidebar .panel h2{font-size:13px;color:#bdbdbd}
body.eu-chat-page .eu-chat-sidebar .panel>p.muted,body.eu-chat-page .eu-chat-sidebar .label[for=task],body.eu-chat-page .eu-chat-sidebar #task,body.eu-chat-page .eu-chat-sidebar #style,body.eu-chat-page .eu-chat-sidebar .actions,body.eu-chat-page .eu-chat-sidebar .status{display:none!important}
body.eu-chat-page .eu-chat-sidebar .prompts{gap:5px;margin:4px 0}
body.eu-chat-page .eu-chat-sidebar .prompt{font-size:12px;line-height:1.45;background:transparent;border-color:#383838;color:#c7c7c7;padding:9px}
body.eu-chat-page .eu-chat-sidebar .safety{margin-top:auto;background:#24211b;border-color:#ad864b;color:#cfc3a9}
body.eu-chat-page .eu-chat-main{display:flex;min-width:0;min-height:0;flex-direction:column;position:relative}
body.eu-chat-page .eu-chat-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid #303030;color:#b8b8b8;font-size:12px}
body.eu-chat-page .eu-chat-topline strong{color:#eee;font-size:14px;font-weight:650}
body.eu-chat-page .eu-chat-transcript{flex:1;min-height:0;overflow:auto;padding:26px 18px 18px;scroll-behavior:smooth}
body.eu-chat-page .eu-chat-empty{max-width:740px;margin:10vh auto 0;text-align:center;color:#d9d9d9}
body.eu-chat-page .eu-chat-empty h1{font-size:clamp(25px,4vw,34px);font-weight:600;letter-spacing:-.8px;margin:0 0 10px}
body.eu-chat-page .eu-chat-empty p{color:#9d9d9d;font-size:14px}
body.eu-chat-page .eu-chat-message{max-width:790px;margin:0 auto 22px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
body.eu-chat-page .eu-chat-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#303030;color:#f1f1f1;font-size:12px;font-weight:800}
body.eu-chat-page .eu-chat-message.assistant .eu-chat-avatar{background:#d8f6e8;color:#12392a}
body.eu-chat-page .eu-chat-message-content{padding-top:2px;min-width:0;color:#e7e7e7}
body.eu-chat-page .eu-chat-message.user .eu-chat-message-content{background:#303030;padding:10px 14px;border-radius:18px;justify-self:start;max-width:100%}
body.eu-chat-page .eu-chat-message.assistant .eu-chat-message-content{padding-top:2px}
body.eu-chat-page .eu-chat-message-content pre{white-space:pre;overflow:auto;max-width:100%;background:#111;border:1px solid #3b3b3b;border-radius:9px;padding:12px}
body.eu-chat-page .eu-chat-compose-wrap{padding:12px 18px 16px;background:linear-gradient(transparent,#212121 14%)}
body.eu-chat-page .eu-chat-composer{max-width:820px;margin:auto;border:1px solid #4a4a4a;border-radius:20px;background:#303030;padding:10px 12px;box-shadow:0 8px 28px #0002}
body.eu-chat-page .eu-chat-composer textarea{display:block;width:100%;min-height:50px;max-height:200px;resize:vertical;border:0;outline:0;background:transparent;color:#f2f2f2;padding:8px 7px;box-shadow:none}
body.eu-chat-page .eu-chat-composer textarea::placeholder{color:#a0a0a0}
body.eu-chat-page .eu-chat-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:3px 2px 0}
body.eu-chat-page .eu-chat-composer-bottom .label{display:none}
body.eu-chat-page .eu-chat-composer-bottom select{width:auto;max-width:55%;min-height:32px;padding:5px 8px;border-radius:9px;background:#252525;border-color:#454545;font-size:12px}
body.eu-chat-page .eu-chat-composer-bottom .actions{margin:0;gap:7px}
body.eu-chat-page .eu-chat-composer-bottom .btn{padding:8px 12px;border-radius:12px;font-size:12px}
body.eu-chat-page .eu-chat-composer-bottom .btn.primary{background:#f2f2f2;color:#171717}
body.eu-chat-page .eu-chat-composer-bottom #clear{display:none}
body.eu-chat-page .eu-chat-status{max-width:820px;margin:6px auto 0;color:#8f8f8f;font-size:11px;text-align:center}
body.eu-chat-page .eu-chat-original-result{display:none!important}
body.eu-chat-page .eu-chat-copy-actions{display:flex;justify-content:center;gap:8px;padding:0 12px 8px}
body.eu-chat-page .eu-chat-copy-actions .btn{background:transparent;border-color:#444;color:#bdbdbd;font-size:11px;padding:5px 9px}
@media(max-width:760px){
 body.eu-chat-page header .wrap.nav{padding:7px 10px}
 body.eu-chat-page .eu-chat-app{grid-template-columns:1fr}
 body.eu-chat-page .eu-chat-sidebar{display:none;position:absolute;z-index:120;inset:0 auto 0 0;width:min(84vw,300px);box-shadow:20px 0 60px #0008}
 body.eu-chat-page.eu-sidebar-open .eu-chat-sidebar{display:flex}
 body.eu-chat-page .eu-chat-topline{padding:10px 12px}
 body.eu-chat-page .eu-chat-transcript{padding:18px 12px}
 body.eu-chat-page .eu-chat-message{grid-template-columns:28px minmax(0,1fr);gap:9px;margin-bottom:18px}
 body.eu-chat-page .eu-chat-avatar{width:26px;height:26px}
 body.eu-chat-page .eu-chat-compose-wrap{padding:8px 9px max(10px,env(safe-area-inset-bottom))}
 body.eu-chat-page .eu-chat-composer{border-radius:17px;padding:8px}
 body.eu-chat-page .eu-chat-composer-bottom select{max-width:48%}
 body.eu-chat-page .eu-modebar{max-width:100%;overflow-x:auto}
}


/* Independent NOVA styling matched to the reference clone's black / lavender / purple palette and glass-panel geometry. */
body.eu-chat-page{--colour-1:#000000;--colour-2:#ccc;--colour-3:#e4d4ff;--colour-4:#f0f0f0;--colour-5:#181818;--colour-6:#242424;--accent:#8b3dff;--blur-bg:#16101b66;--blur-border:#84719040;--user-input:#ac87bb;--conversations:#c7a2ff;padding:25px;background:#000;color:#e4d4ff;font-family:Inter,Arial,sans-serif;min-height:100dvh;height:100dvh;overflow:hidden}
body.eu-chat-page header.top{display:none!important}
body.eu-chat-page main.wrap{width:100%;height:100%;max-width:none;margin:0;padding:0}
body.eu-chat-page .eu-chat-app{height:100%;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;background:transparent}
body.eu-chat-page .eu-chat-sidebar{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:25px;background:#16101b66;border:1px solid #84719040;border-radius:8px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
body.eu-chat-page .eu-chat-new{width:100%;min-height:40px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px dashed #c7a2ff;border-radius:8px;background:transparent;color:#e4d4ff;font:500 14px Inter,Arial,sans-serif;text-align:left;cursor:pointer}
body.eu-chat-page .eu-chat-new:hover{border-style:solid;background:#16101b88}
body.eu-chat-page .eu-chat-sidebar-title{font-size:14px;font-weight:500;color:#e4d4ff}
body.eu-chat-page .eu-chat-history{display:flex;flex-direction:column;gap:4px;overflow:auto;min-height:0}
body.eu-chat-page .eu-chat-history button{width:100%;border:0;border-radius:8px;background:transparent;color:#e4d4ff;text-align:left;padding:8px 12px;font:14px Inter,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
body.eu-chat-page .eu-chat-history button:hover,body.eu-chat-page .eu-chat-history button[aria-current=true]{background:#84719030}
body.eu-chat-page .eu-chat-main{display:flex;min-width:0;min-height:0;flex-direction:column;gap:15px;position:relative}
body.eu-chat-page .eu-chat-topline{display:none}
body.eu-chat-page .eu-chat-transcript{flex:1;min-height:0;overflow:auto;scroll-behavior:smooth;padding:0 0 24px;background:#16101b66;border:1px solid #84719040;border-radius:8px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
body.eu-chat-page .eu-chat-empty{max-width:740px;margin:0 auto;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#e4d4ff;padding:24px}
body.eu-chat-page .eu-chat-empty h1{font-size:clamp(24px,4vw,32px);font-weight:500;letter-spacing:-.5px;margin:0 0 10px;color:#e4d4ff}
body.eu-chat-page .eu-chat-empty p{color:#ac87bb;font-size:14px}
body.eu-chat-page .eu-chat-message{width:100%;max-width:100%;margin:0;display:flex;gap:25px;padding:25px 25px 0;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;animation:.35s eu-show-message}
body.eu-chat-page .eu-chat-message + .eu-chat-message{padding-top:25px}
body.eu-chat-page .eu-chat-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:8px;display:grid;place-items:center;background:#c7a2ff;color:#181818;font-size:12px;font-weight:700;outline:1px solid #84719040}
body.eu-chat-page .eu-chat-message.assistant .eu-chat-avatar{background:#8b3dff;color:#fff}
body.eu-chat-page .eu-chat-message-content{padding-top:2px;min-width:0;flex:1;color:#e4d4ff;font-size:15px;line-height:1.5}
body.eu-chat-page .eu-chat-message.user .eu-chat-message-content{background:transparent;padding:2px 0;justify-self:auto;max-width:none}
body.eu-chat-page .eu-chat-message-content pre{white-space:pre;overflow:auto;max-width:100%;background:#181818;border:1px solid #84719040;border-radius:8px;padding:14px;color:#e9e9f4}
body.eu-chat-page .eu-chat-message-content code{color:#e9e9f4}
body.eu-chat-page .eu-chat-compose-wrap{padding:0;background:transparent;flex:0 0 auto}
body.eu-chat-page .eu-chat-composer{width:100%;max-width:none;margin:0;border:1px solid #84719040;border-radius:8px;background:#16101b66;padding:0 12px;box-shadow:none;display:flex;align-items:flex-end;gap:8px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
body.eu-chat-page .eu-chat-composer textarea{display:block;width:100%;min-height:80px;max-height:150px;resize:vertical;border:0;outline:0;background:transparent;color:#e4d4ff;padding:12px 15px;box-shadow:none;font:15px Inter,Arial,sans-serif;line-height:1.4}
body.eu-chat-page .eu-chat-composer textarea::placeholder{color:#ac87bb}
body.eu-chat-page .eu-chat-composer-bottom{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:0 0 10px}
body.eu-chat-page .eu-chat-composer-bottom .label{display:none}
body.eu-chat-page .eu-chat-composer-bottom select{width:auto;max-width:190px;min-height:34px;padding:8px 16px;border-radius:8px;background:#16101b66;border:1px solid #84719040;color:#e4d4ff;font-size:12px}
body.eu-chat-page .eu-chat-composer-bottom .actions{margin:0;gap:7px}
body.eu-chat-page .eu-chat-composer-bottom .btn{padding:8px 12px;border-radius:8px;font-size:12px;border:1px solid #84719040;background:#16101b66;color:#e4d4ff}
body.eu-chat-page .eu-chat-composer-bottom .btn.primary{background:#8b3dff;color:#fff;border-color:#8b3dff}
body.eu-chat-page .eu-chat-composer-bottom #clear{display:none}
body.eu-chat-page .eu-chat-status{max-width:100%;margin:7px 0 0;color:#ac87bb;font-size:11px;text-align:left}
body.eu-chat-page .eu-chat-original-result{display:none!important}
body.eu-chat-page .eu-chat-copy-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 0 0}
body.eu-chat-page .eu-chat-copy-actions .btn{background:transparent;border-color:#84719040;color:#ac87bb;font-size:11px;padding:5px 9px}
body.eu-chat-page .eu-chat-footer{margin-top:auto;padding:8px 12px;border:1px dashed #c7a2ff;border-radius:8px;color:#e4d4ff;font-size:12px;line-height:1.6}
body.eu-chat-page .eu-chat-footer button{width:100%;margin-bottom:10px;text-align:left;padding:8px 0;background:transparent;border:0;color:#e4d4ff;font-size:14px;cursor:pointer}
body.eu-chat-page .eu-chat-footer button:hover{color:#c7a2ff}
body.eu-chat-page .eu-chat-glow{position:fixed;z-index:-1;pointer-events:none;width:70vw;height:70vw;right:-15vw;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#8b3dff 0%,#8b3dff 10%,transparent 70%);filter:blur(10vw);opacity:.22}
@keyframes eu-show-message{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:990px){
 body.eu-chat-page{padding:10px}
 body.eu-chat-page .eu-chat-app{grid-template-columns:minmax(0,1fr);gap:10px}
 body.eu-chat-page .eu-chat-sidebar{display:none;position:fixed;z-index:1000;inset:10px auto 10px 10px;width:min(84vw,300px);box-shadow:20px 0 60px #0008}
 body.eu-chat-page.eu-sidebar-open .eu-chat-sidebar{display:flex}
 body.eu-chat-page .eu-chat-topline{display:flex;position:absolute;z-index:3;top:8px;left:8px;padding:0;border:0}
 body.eu-chat-page .eu-chat-topline strong{display:none}
 body.eu-chat-page .eu-chat-topline .eu-chat-new{width:auto;min-height:36px;padding:6px 10px;background:#16101be8}
 body.eu-chat-page .eu-chat-transcript{padding-top:42px}
 body.eu-chat-page .eu-chat-message{gap:12px;padding:16px 12px 0}
 body.eu-chat-page .eu-chat-message + .eu-chat-message{padding-top:16px}
 body.eu-chat-page .eu-chat-avatar{width:34px;height:34px;flex-basis:34px}
 body.eu-chat-page .eu-chat-composer{padding:0 6px;gap:2px}
 body.eu-chat-page .eu-chat-composer textarea{min-height:64px;padding:10px}
 body.eu-chat-page .eu-chat-composer-bottom{max-width:45%;justify-content:flex-end}
 body.eu-chat-page .eu-chat-composer-bottom select{max-width:100%;padding:5px 6px}
 body.eu-chat-page .eu-chat-copy-actions{display:none}
}


/* Site-wide NOVA visual unification: reference-inspired dark glass panels and lavender/purple accents. */
:root{
 --bg:#000!important;--panel:#111!important;--panel2:#17131d!important;
 --line:#33283d!important;--text:#eee6fa!important;--muted:#a99ab8!important;
 --cyan:#c7a2ff!important;--blue:#8b3dff!important;--green:#c7a2ff!important;
 --eu-glass:rgba(24,17,31,.78);--eu-stroke:rgba(199,162,255,.2);
}
html{background:#000}
body:not(.eu-chat-page){background:#000!important;color:#eee6fa!important}
body:not(.eu-chat-page) .top,body:not(.eu-chat-page) header.top{
 background:rgba(10,8,13,.9)!important;border-color:var(--eu-stroke)!important;
 backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)
}
body:not(.eu-chat-page) .hero-art,
body:not(.eu-chat-page) .stat,
body:not(.eu-chat-page) .card,
body:not(.eu-chat-page) .workspace,
body:not(.eu-chat-page) .panel,
body:not(.eu-chat-page) .stage,
body:not(.eu-chat-page) .ai-panel,
body:not(.eu-chat-page) .ai-workbench,
body:not(.eu-chat-page) .result,
body:not(.eu-chat-page) .assistant-result,
body:not(.eu-chat-page) .nova-assistant-result,
body:not(.eu-chat-page) .tool-card,
body:not(.eu-chat-page) .feature-card{
 background:var(--eu-glass)!important;
 border:1px solid var(--eu-stroke)!important;
 border-radius:10px!important;
 box-shadow:0 14px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.018)!important;
 color:#eee6fa!important;
 backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
}
body:not(.eu-chat-page) .logo,
body:not(.eu-chat-page) .icon{
 background:#8b3dff!important;color:#fff!important;box-shadow:0 0 28px #8b3dff25!important
}
body:not(.eu-chat-page) .btn,
body:not(.eu-chat-page) button,
body:not(.eu-chat-page) .textbtn{
 transition:background .18s,border-color .18s,color .18s,transform .18s;
}
body:not(.eu-chat-page) .btn{
 background:#17131d!important;border:1px solid var(--eu-stroke)!important;
 color:#eee6fa!important;border-radius:9px!important
}
body:not(.eu-chat-page) .btn.primary{
 background:#8b3dff!important;border-color:#8b3dff!important;color:#fff!important
}
body:not(.eu-chat-page) a:hover{color:#d9c0ff}
body:not(.eu-chat-page) .links{color:#d2c3df}
body:not(.eu-chat-page) input:not([type=checkbox]):not([type=radio]),
body:not(.eu-chat-page) textarea,
body:not(.eu-chat-page) select{
 background:#0c0a10!important;border:1px solid var(--eu-stroke)!important;
 border-radius:9px!important;color:#eee6fa!important
}
body:not(.eu-chat-page) input::placeholder,
body:not(.eu-chat-page) textarea::placeholder{color:#a99ab8!important}
body:not(.eu-chat-page) .eyebrow,
body:not(.eu-chat-page) .textbtn,
body:not(.eu-chat-page) .stat b{color:#c7a2ff!important}
body:not(.eu-chat-page) .gridbg{
 background-image:linear-gradient(#c7a2ff0c 1px,transparent 1px),linear-gradient(90deg,#c7a2ff0c 1px,transparent 1px)!important
}
body:not(.eu-chat-page) .orbit{border-color:#c7a2ff66!important;box-shadow:0 0 45px #8b3dff12!important}
body:not(.eu-chat-page) .tag{background:#100c16e8!important;border-color:var(--eu-stroke)!important;color:#e4d4ff!important}
body:not(.eu-chat-page) footer{border-color:var(--eu-stroke)!important;color:#a99ab8!important}
body:not(.eu-chat-page) .eu-modebar{background:#100c16!important;border-color:var(--eu-stroke)!important}
body:not(.eu-chat-page) .eu-modebar button[aria-pressed=true]{background:#28153c!important;border-color:#8b3dff!important;color:#fff!important}
body:not(.eu-chat-page) .eu-modebar button:hover{background:#21142e!important;color:#fff!important}
@media(max-width:760px){
 body:not(.eu-chat-page) .hero{gap:20px;padding-top:34px}
 body:not(.eu-chat-page) .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
 body:not(.eu-chat-page) .stat{min-width:0}
}


/* NOVA mirrored-glass visual layer: reflective glass, soft specular edges and depth. */
:root{
  --eu-glass-bg:rgba(20,16,31,.48);
  --eu-glass-strong:rgba(18,15,28,.72);
  --eu-glass-stroke:rgba(221,204,255,.22);
  --eu-glass-highlight:rgba(255,255,255,.12);
  --eu-glass-glow:rgba(173,123,255,.14);
}
body{
  background-image:
    radial-gradient(ellipse at 12% 0%,rgba(132,91,199,.15),transparent 42%),
    radial-gradient(ellipse at 92% 18%,rgba(108,153,255,.10),transparent 38%),
    radial-gradient(ellipse at 50% 110%,rgba(193,155,255,.08),transparent 45%);
  background-attachment:fixed;
}
body:not(.eu-chat-page) .top,
body:not(.eu-chat-page) header.top,
body:not(.eu-chat-page) .eu-modebar,
body:not(.eu-chat-page) .card,
body:not(.eu-chat-page) .stat,
body:not(.eu-chat-page) .orbit,
body:not(.eu-chat-page) .panel,
body:not(.eu-chat-page) .feature,
body:not(.eu-chat-page) .result,
body:not(.eu-chat-page) .tool-card,
body:not(.eu-chat-page) .assistant-card,
body:not(.eu-chat-page) .studio-card,
body:not(.eu-chat-page) .modal,
body:not(.eu-chat-page) dialog{
  background-color:var(--eu-glass-bg)!important;
  background-image:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.012) 42%,rgba(157,116,218,.045))!important;
  border:1px solid var(--eu-glass-stroke)!important;
  box-shadow:inset 0 1px 0 var(--eu-glass-highlight),0 18px 55px rgba(0,0,0,.22),0 0 36px var(--eu-glass-glow)!important;
  -webkit-backdrop-filter:blur(22px) saturate(155%);
  backdrop-filter:blur(22px) saturate(155%);
}
body:not(.eu-chat-page) button,
body:not(.eu-chat-page) input,
body:not(.eu-chat-page) textarea,
body:not(.eu-chat-page) select{
  border-color:var(--eu-glass-stroke);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
body:not(.eu-chat-page) button:hover,
body:not(.eu-chat-page) a.button:hover,
body:not(.eu-chat-page) .btn:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 24px rgba(177,132,255,.16);
}
body.eu-chat-page .ai-shell,
.ai-shell{
  background:
    radial-gradient(ellipse at 80% -20%,rgba(148,98,218,.20),transparent 48%),
    radial-gradient(ellipse at 8% 100%,rgba(89,122,207,.09),transparent 38%),
    rgba(8,8,13,.94);
}
.ai-sidebar{
  background:rgba(17,14,25,.62)!important;
  border-color:rgba(221,204,255,.17)!important;
  -webkit-backdrop-filter:blur(28px) saturate(165%);
  backdrop-filter:blur(28px) saturate(165%);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.045);
}
.ai-top{
  background:rgba(15,12,23,.52)!important;
  border-color:rgba(221,204,255,.17)!important;
  -webkit-backdrop-filter:blur(30px) saturate(170%);
  backdrop-filter:blur(30px) saturate(170%);
}
.ai-new,.ai-side-action,.ai-top select,.ai-close,.ai-send,.ai-composer{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;
  border:1px solid rgba(221,204,255,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 28px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
}
.ai-history-item[aria-current=true],.ai-history-item:hover{
  background:rgba(172,132,234,.12)!important;
  border-color:rgba(221,204,255,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.ai-content{
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.025) 60%,rgba(163,119,224,.07))!important;
  border-color:rgba(221,204,255,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 34px rgba(0,0,0,.22),0 0 26px rgba(163,119,224,.055)!important;
  -webkit-backdrop-filter:blur(22px) saturate(155%);
  backdrop-filter:blur(22px) saturate(155%);
}
.ai-message.user .ai-content{
  background:linear-gradient(135deg,rgba(164,124,225,.22),rgba(75,58,108,.19))!important;
  border-color:rgba(202,177,255,.36)!important;
}
.ai-compose-area{
  background:linear-gradient(180deg,transparent,rgba(8,8,13,.72))!important;
}
.ai-composer textarea{
  background:transparent!important;
}
@supports not ((backdrop-filter:blur(2px))){
  body:not(.eu-chat-page) .card,body:not(.eu-chat-page) .stat,body:not(.eu-chat-page) .panel,
  .ai-sidebar,.ai-top,.ai-content,.ai-composer{background-color:rgba(22,17,34,.94)!important}
}
@media(prefers-reduced-transparency:reduce){
  body:not(.eu-chat-page) .card,body:not(.eu-chat-page) .stat,body:not(.eu-chat-page) .panel,
  .ai-sidebar,.ai-top,.ai-content,.ai-composer{backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Independent NOVA AI chat: familiar two-column conversation UX, original mirrored-glass visual identity. */
.assistant-app{height:100dvh;min-height:560px;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;background:radial-gradient(ellipse at 70% -10%,rgba(152,104,225,.2),transparent 45%),radial-gradient(ellipse at 10% 90%,rgba(69,125,190,.1),transparent 42%),#09090f;color:#f5f0ff}
.assistant-sidebar{min-width:0;display:flex;flex-direction:column;gap:14px;padding:15px 12px;border-right:1px solid rgba(230,216,255,.2);background:linear-gradient(160deg,rgba(31,24,45,.78),rgba(12,12,20,.66));backdrop-filter:blur(32px) saturate(175%);-webkit-backdrop-filter:blur(32px) saturate(175%);box-shadow:inset -1px 0 0 rgba(255,255,255,.05),8px 0 40px rgba(0,0,0,.16);z-index:5}
.assistant-brand{display:flex;align-items:center;gap:10px;padding:8px 7px 13px;font-size:12px;font-weight:850;letter-spacing:.7px}.assistant-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid rgba(227,208,255,.34);background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(164,117,232,.13));box-shadow:inset 0 1px 0 #fff4,0 0 22px #9f78e82b;font-size:19px}.assistant-brand small{display:block;font-size:9px;letter-spacing:1.4px;color:#a99cbe;font-weight:600}
.assistant-side-btn{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 12px;border-radius:12px;border:1px solid rgba(222,203,255,.23);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.025));color:#f6f0ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 22px #0002;backdrop-filter:blur(18px);font:inherit;font-size:13px;cursor:pointer}.assistant-side-btn:hover{border-color:rgba(218,190,255,.5);background-color:#b998ff16}.history-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 2px;color:#a99fbb;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.history-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.history-row{display:flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:10px;padding:3px}.history-row.active,.history-row:hover{background:rgba(188,153,255,.1);border-color:rgba(224,205,255,.16)}.history-open{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:#ded5ef;padding:8px 6px;font:inherit;font-size:12px;cursor:pointer}.history-delete{flex:0 0 27px;border:0;border-radius:7px;background:transparent;color:#a99bbd;font-size:20px;cursor:pointer}.history-delete:hover{background:#e879a51d;color:#ffb4cb}.assistant-sidebar-foot{margin-top:auto;padding:12px 7px 3px;color:#8d839e;font-size:10px;line-height:1.5;border-top:1px solid #ffffff12}
.assistant-main{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.assistant-top{min-height:67px;display:flex;align-items:center;gap:12px;padding:10px clamp(12px,2.5vw,28px);border-bottom:1px solid rgba(224,205,255,.18);background:rgba(12,10,18,.42);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.assistant-top-copy{flex:1;min-width:0}.assistant-top-title{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assistant-top-sub{font-size:10px;color:#a79ab9}.assistant-main .btn{border-radius:10px;padding:8px 11px}.assistant-layout{width:min(940px,100%);min-height:0;flex:1;margin:0 auto;display:flex;flex-direction:column;padding:clamp(12px,2.5vw,28px);gap:13px}.assistant-layout .intro{flex-shrink:0;padding:18px 22px;border:1px solid rgba(224,205,255,.2);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.018));backdrop-filter:blur(25px) saturate(160%);box-shadow:inset 0 1px 0 #ffffff16,0 14px 45px #0002}.assistant-layout .intro h1{font-size:clamp(21px,3vw,30px);margin:5px 0}.assistant-layout .intro p{font-size:12px}.assistant-layout .transcript{flex:1;min-height:0;max-height:none;overflow:auto;padding:10px 4px;display:flex;flex-direction:column;gap:17px}.assistant-welcome{max-width:580px;text-align:center;margin:auto;padding:24px 12px;color:#a89db9}.assistant-welcome h2{font-size:clamp(24px,4vw,35px);letter-spacing:-.7px;color:#f5f0ff;margin:14px 0 8px}.assistant-welcome p{line-height:1.7}.welcome-kicker{font-size:9px;letter-spacing:2px;color:#bba2ed;font-weight:800;margin-top:20px}.message{display:flex;align-items:flex-start;gap:11px;max-width:100%;animation:assistant-in .18s ease-out}.message.user{flex-direction:row-reverse}.message-mark{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#c5a5ff2e,#ffffff08);border:1px solid rgba(220,199,255,.24);color:#e7d8ff;font-size:10px;font-weight:800}.bubble{max-width:min(88%,780px);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid rgba(223,204,255,.2);border-radius:15px 15px 15px 5px;padding:14px 16px;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.022));backdrop-filter:blur(23px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 30px #0002;line-height:1.7;font-size:14px}.message.user .bubble{border-radius:15px 15px 5px 15px;background:linear-gradient(135deg,rgba(159,119,222,.22),rgba(64,54,89,.2));border-color:rgba(208,184,255,.3)}.typing-indicator{display:flex;align-items:center;gap:5px;color:#b7a4d9;font-size:11px;padding:12px 15px}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#c7aaff;animation:typing-pulse .9s infinite alternate}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.typing-indicator small{margin-left:7px}.assistant-layout .composer{flex-shrink:0;border:1px solid rgba(226,207,255,.28);border-radius:18px;padding:11px 12px;background:linear-gradient(145deg,rgba(31,24,44,.76),rgba(12,11,18,.75));backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 16px 40px #0003,0 0 24px #a77bff0a}.assistant-layout .composer textarea{display:block;width:100%;min-height:52px;max-height:180px;resize:vertical;border:0;outline:0;background:transparent;color:#f5f0ff;padding:7px;font:inherit}.assistant-layout .composer textarea::placeholder{color:#9285a7}.compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.assistant-layout .send{border:1px solid rgba(235,222,255,.35);background:linear-gradient(135deg,#d5c1ff,#a88ae9)!important;color:#1a1226!important;border-radius:11px;padding:9px 16px;font-weight:850;box-shadow:inset 0 1px 0 #ffffffb0,0 5px 18px #9d76e82b}.assistant-layout .send:disabled{opacity:.45}.assistant-layout #status{font-size:10px;color:#a89ab9}.assistant-layout .footer-note{text-align:center;color:#847990;font-size:9px;padding:0 8px}.mobile-menu{display:none}
@keyframes assistant-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-pulse{from{opacity:.35;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}
@media(max-width:760px){.assistant-app{grid-template-columns:minmax(0,1fr)}.assistant-sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:25px 0 70px #0008}.sidebar-open .assistant-sidebar{transform:translateX(0)}.mobile-menu{display:inline-flex}.assistant-layout{padding:12px;gap:10px}.assistant-layout .intro{padding:14px 16px}.assistant-layout .transcript{padding:8px 1px}.bubble{max-width:calc(100% - 38px);font-size:13px;padding:12px}.assistant-top{min-height:61px}.assistant-layout .composer{padding:9px}.assistant-brand{font-size:11px}}
@media(prefers-reduced-motion:reduce){.assistant-sidebar,.message,.typing-indicator span{animation:none;transition:none}}
@supports not ((backdrop-filter:blur(2px))){.assistant-sidebar,.assistant-top,.assistant-layout .intro,.bubble,.assistant-layout .composer{background:rgba(23,18,34,.96)}}


/* Restore NOVA's original black + lavender + vivid-purple mirrored-glass look. */
:root{
  --nova-original-black:#000;
  --nova-original-lavender:#c7a2ff;
  --nova-original-purple:#8b3dff;
  --nova-original-glass:rgba(20,14,29,.52);
  --nova-original-edge:rgba(199,162,255,.24);
}
html,body{background-color:#000}
body{
  background-image:
    radial-gradient(ellipse at 12% 0%,rgba(139,61,255,.19),transparent 42%),
    radial-gradient(ellipse at 92% 18%,rgba(115,132,255,.10),transparent 38%),
    radial-gradient(ellipse at 50% 110%,rgba(199,162,255,.09),transparent 45%);
  background-attachment:fixed;
}
.assistant-app{
  background:
    radial-gradient(ellipse at 78% -12%,rgba(139,61,255,.20),transparent 48%),
    radial-gradient(ellipse at 8% 100%,rgba(115,132,255,.09),transparent 38%),
    rgba(0,0,0,.96);
}
.assistant-sidebar,.assistant-top{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(17,11,26,.72) 44%,rgba(139,61,255,.035))!important;
  border-color:var(--nova-original-edge)!important;
  -webkit-backdrop-filter:blur(30px) saturate(175%);
  backdrop-filter:blur(30px) saturate(175%);
}
.assistant-layout .intro,.assistant-layout .composer,.bubble{
  background:
    linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 40%,rgba(139,61,255,.075)),
    var(--nova-original-glass)!important;
  border-color:var(--nova-original-edge)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(199,162,255,.06),0 18px 50px rgba(0,0,0,.34),0 0 28px rgba(139,61,255,.08)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%);
  backdrop-filter:blur(28px) saturate(175%);
}
.assistant-layout .intro:before,.assistant-layout .composer:before{
  content:"";display:block;pointer-events:none;position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.07),transparent 24%,transparent 70%,rgba(199,162,255,.045));
}
.assistant-layout .intro,.assistant-layout .composer{position:relative;overflow:hidden}
.assistant-layout .intro>* ,.assistant-layout .composer>*{position:relative;z-index:1}
.assistant-layout .intro .eyebrow,.eyebrow,.welcome-kicker{color:#c7a2ff!important}
.assistant-layout .send,.assistant-side-btn:hover{
  border-color:rgba(199,162,255,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 0 25px rgba(139,61,255,.20)!important;
}
.message.user .bubble{
  background:linear-gradient(135deg,rgba(139,61,255,.27),rgba(199,162,255,.075) 58%,rgba(255,255,255,.035))!important;
  border-color:rgba(199,162,255,.36)!important;
}
.assistant-brand-mark,.orb{
  background:linear-gradient(145deg,rgba(139,61,255,.72),rgba(199,162,255,.18) 62%,rgba(255,255,255,.08))!important;
  border:1px solid rgba(224,205,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 0 32px rgba(139,61,255,.24)!important;
}
@media(max-width:760px){
 .assistant-sidebar{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(12,8,20,.96) 40%,rgba(61,29,94,.86))!important}
}


/* Reference-aligned ChatGPT Clone layout: charcoal surfaces, compact sidebar, centered chat and restrained accents. */
body:has(.assistant-app){background:#212121!important;color:#ececec!important;background-image:none!important}
.assistant-app{
  background:#212121!important;
  color:#ececec!important;
  grid-template-columns:260px minmax(0,1fr)!important;
}
.assistant-sidebar{
  background:#171717!important;
  border:0!important;
  border-right:1px solid #2b2b2b!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.assistant-top{
  background:#212121!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.assistant-layout{width:min(100%,900px)!important;margin-inline:auto!important}
.assistant-layout .intro{
  background:transparent!important;border:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:18px 12px!important;
}
.assistant-layout .composer{
  background:#303030!important;border:1px solid #414141!important;border-radius:24px!important;
  box-shadow:0 3px 14px rgba(0,0,0,.2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.assistant-layout .composer:before,.assistant-layout .intro:before{display:none!important}
.assistant-layout .composer textarea{color:#f4f4f4!important}
.assistant-layout .composer textarea::placeholder{color:#a7a7a7!important}
.bubble{
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  color:#ececec!important;max-width:min(100%,800px)!important;padding:12px 14px!important;
}
.message.user .bubble{
  background:#2f2f2f!important;border:0!important;border-radius:20px!important;padding:10px 16px!important;
}
.assistant-layout .intro .eyebrow,.eyebrow,.welcome-kicker{color:#bdbdbd!important}
.assistant-side-btn,.history-row,.history-open,.history-delete{
  background:transparent!important;border-color:transparent!important;color:#ececec!important;
  box-shadow:none!important;border-radius:9px!important;
}
.assistant-side-btn:hover,.history-row:hover,.history-row.active{
  background:#2a2a2a!important;border-color:transparent!important;
}
.assistant-brand-mark,.orb{
  background:#2a2a2a!important;border:1px solid #414141!important;color:#f2f2f2!important;
  box-shadow:none!important;
}
.assistant-layout .send{
  background:#f4f4f4!important;color:#171717!important;border:0!important;border-radius:50%!important;
  box-shadow:none!important;min-width:38px;min-height:38px;
}
.assistant-layout .send:hover{background:#fff!important;box-shadow:none!important}
.assistant-layout #status,.assistant-layout .footer-note{color:#a3a3a3!important}
@media(max-width:760px){.assistant-app{grid-template-columns:minmax(0,1fr)!important}.assistant-sidebar{background:#171717!important}}