*{box-sizing:border-box} :root{--gold:#ffcf58;--blue:#168cff;--cyan:#29e7ff;--bg:#05091b;--panel:rgba(7,15,43,.88);--muted:#aebbd7} body{margin:0;background:radial-gradient(ellipse at 68% 20%,#102b73 0,transparent 34%),radial-gradient(ellipse at 50% 90%,#101c4d 0,transparent 38%),#030615;color:#fff;font-family:Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#39baff 1px,transparent 1px);background-size:79px 79px,137px 137px;background-position:0 0,30px 45px}.app-shell{position:relative;display:grid;grid-template-columns:116px 340px minmax(0,1fr);min-height:100vh;max-width:1900px;margin:auto;padding:10px;gap:10px}.sidebar,.history-panel,.workspace{border:1px solid rgba(255,201,83,.65);background:linear-gradient(160deg,rgba(7,15,43,.96),rgba(2,6,23,.94));box-shadow:0 0 18px #168cff55,inset 0 0 18px #d59b2b22;border-radius:22px}.sidebar{display:flex;flex-direction:column;align-items:center;padding:15px 8px;position:sticky;top:10px;height:calc(100vh - 20px)}.brand-mini{display:none}.main-nav{width:100%;display:grid;gap:8px}.nav-item{background:transparent;border:1px solid transparent;color:#dceaff;border-radius:13px;padding:9px 3px;display:grid;justify-items:center;gap:3px;font-size:12px;cursor:pointer}.nav-item span{font-size:27px;color:#bceaff;text-shadow:0 0 10px #168cff}.nav-item.active,.nav-item:hover{background:linear-gradient(135deg,#1266e8,#00c9ff);border-color:#9ceaff;box-shadow:0 0 16px #00aaff}.side-bottom{margin-top:auto;display:grid;justify-items:center;gap:5px;font-size:12px}.avatar,.z-mark{display:grid;place-items:center;border-radius:50%;font-family:Orbitron;color:#fff;border:2px solid var(--gold);background:radial-gradient(circle,#236aff,#071331 68%);box-shadow:0 0 13px #f7bd3e;padding:10px}.history-panel{padding:18px 12px;min-width:0;max-height:calc(100vh - 20px);display:flex;flex-direction:column}.new-chat{width:100%;padding:13px;border-radius:28px;border:1px solid #71dcff;color:white;font-weight:800;font-size:15px;background:linear-gradient(90deg,#1254d7,#00a9ff);box-shadow:0 0 14px #078bff;cursor:pointer}.search-wrap{display:flex;align-items:center;gap:9px;margin:14px 0;padding:10px 12px;border:1px solid #4e92d5;border-radius:22px;background:#07122d;color:#cdeaff}.search-wrap input{min-width:0;width:100%;border:0;outline:0;color:#fff;background:transparent}.history-heading{font-size:12px;color:#d7e6ff;padding:5px 2px 10px;border-bottom:1px solid #29456f}.history-heading span{float:right}.history-list{overflow:auto;display:grid;gap:7px;padding-top:8px}.history-item{display:flex;align-items:center;gap:9px;text-align:left;color:#fff;background:linear-gradient(100deg,#101c43,#07132e);border:1px solid #315ca1;border-radius:15px;padding:8px;cursor:pointer;min-width:0}.history-item.selected{border-color:#ffcb57;box-shadow:0 0 13px #ffbd3d88}.history-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#102c68;border:1px solid #69dfff}.history-icon.gold{border-color:#ffd66d;color:#ffdf8a}.history-icon.violet,.history-icon.purple{background:#4011a0}.history-icon.cyan{background:#075c93}.history-icon.pink{background:#78104d}.history-icon.orange{background:#89410a}.history-icon.red{background:#9d101b}.history-item span:nth-child(2){min-width:0;display:grid;gap:3px}.history-item b{font-size:12px}.history-item small{font-size:10px;color:#b6c6e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item em{font-size:10px;color:#c6d5ee;font-style:normal;margin-left:auto;white-space:nowrap}.workspace{min-width:0;padding:12px 18px 14px;overflow:hidden;position:relative}.topbar{height:42px;display:flex;align-items:center;gap:12px}.top-spacer{flex:1}.supreme-pill{border:1px solid var(--gold);border-radius:25px;padding:8px 18px;color:#ffe7a2;background:#1c1730;box-shadow:0 0 12px #ffbd4d66;font-weight:700;font-size:13px}.icon-btn{width:40px;height:40px;border-radius:13px;background:#091633;color:#dff5ff;border:1px solid #448bd2;font-size:18px;position:relative}.icon-btn i{position:absolute;right:3px;top:2px;width:8px;height:8px;background:#ff395c;border-radius:50%}.mobile-brand{display:none}.hero{text-align:center;position:relative;padding:0 8px 18px;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:30px 3% 0;border-radius:50%;background:radial-gradient(ellipse at center,#1166c655,transparent 65%)}.crest{font-size:34px;color:#ffe59a;text-shadow:0 0 18px #ffbc33;margin-top:4px;display:flex;align-items:center;gap:12px}.crest strong{font-family:Orbitron;font-size:82px;line-height:1;color:#f8e9ad;text-shadow:0 0 6px #fff,0 0 18px #168bff,4px 5px #8c4b00}.crest span{color:#48dfff}.hero-title{font-family:Orbitron,Inter,sans-serif;font-size:clamp(30px,4.6vw,66px);font-weight:800;letter-spacing:.035em;line-height:1.08;text-shadow:0 0 8px #fff,0 0 20px #168bff,3px 4px #8c4b00}.hero-title span{color:#ffdc7d}.hero-subtitle{font-family:Orbitron;font-size:clamp(11px,1.5vw,19px);letter-spacing:.1em;color:#fff1c8;text-shadow:0 0 10px #e4a331;border-top:2px solid #dba93c;border-bottom:2px solid #dba93c;padding:5px 18px;margin-top:5px}.tagline{font-weight:600;font-style:italic;margin:17px 0 6px;color:#eaf4ff;text-shadow:0 2px 9px #168cff}.hero h1{margin:0;color:#ffe47d;font-size:clamp(18px,2vw,25px);font-style:italic;text-shadow:0 0 10px #e9a62c}.cosmos-orbit{position:absolute;z-index:-1;border:1px solid #198bff88;border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 16px #148bff}.orbit-one{width:95%;height:100px;bottom:18px}.orbit-two{width:80%;height:65px;bottom:4px;border-color:#ffcc5577}.composer-panel{display:flex;align-items:center;gap:10px;border:2px solid #ffcf59;border-radius:24px;padding:8px 12px;background:linear-gradient(90deg,#071431,#0a1c42);box-shadow:0 0 0 2px #167cff,0 0 20px #008bff,inset 0 0 14px #1d8dff66}.composer-emblem{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:2px solid #ffd56c;border-radius:50%;font-family:Orbitron;font-weight:800;font-size:25px;color:#ffdf8a;text-shadow:0 0 9px #fff}.composer-panel textarea{flex:1;resize:none;min-width:0;max-height:120px;border:0;outline:0;background:transparent;color:#fff;font:500 15px Inter;padding:12px 0}.composer-panel textarea::placeholder{color:#d3e0f8}.attach-btn,.mic-btn{font-size:25px;color:#e4f4ff;cursor:pointer;padding:5px}.send-btn{width:60px;height:44px;border-radius:18px;border:1px solid #74e7ff;color:white;background:linear-gradient(120deg,#0877ff,#00d7ff);font-size:25px;box-shadow:0 0 14px #00baff;cursor:pointer}.quick-tools{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:12px 0 15px}.tool-chip{border:1px solid #7cafff;border-radius:24px;background:linear-gradient(100deg,#0b1b40,#123c78);color:#fff;padding:9px 15px;font-weight:700;font-size:12px;box-shadow:0 0 9px #168bff66;cursor:pointer}.tool-chip.violet{background:linear-gradient(100deg,#7015bd,#251b65);border-color:#d49aff}.agents-section,.integrations{border:1px solid #e5b84e;border-radius:20px;padding:10px 12px;background:linear-gradient(110deg,#07142fdd,#11143bdd);box-shadow:0 0 14px #168bff55;margin-top:10px}.section-title{display:flex;align-items:center;gap:9px;margin:0 0 9px}.section-title>span{font-size:21px;color:#d9edff}.section-title b{font-size:15px}.section-title button{margin-left:auto;background:#0c1c3d;color:white;border:1px solid #679ee8;border-radius:20px;padding:6px 12px;font-size:11px;cursor:pointer}.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.agent-card{min-height:106px;border-radius:19px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;color:#fff;background:#101b45;border:1px solid #5aaaff;box-shadow:0 0 10px #168bff66;cursor:pointer;min-width:0}.agent-card>span:last-child{min-width:0}.agent-card b{font-size:12px;line-height:1.3;display:block}.agent-card small{display:block;font-size:10px;line-height:1.35;color:#d1dcf5;margin-top:5px}.agent-symbol{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:25px;background:#0d4fbc;border:1px solid #b9e9ff;box-shadow:0 0 12px currentColor}.red-card{background:linear-gradient(130deg,#681014,#35134d)}.blue-card{background:linear-gradient(130deg,#063d9b,#0b1c54)}.purple-card{background:linear-gradient(130deg,#4510a1,#171d59)}.gold-card{background:linear-gradient(130deg,#78500c,#252047)}.integrations{margin-top:10px}.integration-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.model-select{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #5aaaff;border-radius:24px;background:linear-gradient(100deg,#071b3f,#111d52);color:#fff;font-weight:800;box-shadow:0 0 10px #168bff77;cursor:pointer;font-size:14px}.model-select select{min-width:0;max-width:100%;border:0;outline:0;color:white;background:transparent;font-weight:800;font-size:13px;appearance:none}.model-select option{background:#07132d;color:#fff}.provider-icon{font-size:23px}.openai{color:#39efa5}.gemini{color:#f5baff}.claude{color:#ffbd5d}.copilot{color:#44d9ff}.integration-note{font-size:10px;color:#aebbd7;margin:8px 4px 0}.feature-strip{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap;border:1px solid #d4a33f;border-radius:20px;padding:11px;margin-top:10px;background:linear-gradient(90deg,#081633,#16152e);color:#ffe5a1;font-size:11px;font-weight:700;box-shadow:0 0 12px #ffbd3d44}.chat-area{display:grid;gap:10px;margin-top:14px}.message{max-width:88%;padding:12px 15px;border-radius:15px;line-height:1.55;font-size:13px;white-space:pre-wrap}.message.user{justify-self:end;background:linear-gradient(120deg,#0759c8,#123c80);border:1px solid #69caff}.message.assistant{justify-self:start;background:#0c1836;border:1px solid #b28b3d}.message small{display:block;color:#aebbd7;margin-bottom:5px}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#10244b;border:1px solid #55c9ff;color:white;padding:11px 18px;border-radius:20px;opacity:0;pointer-events:none;transition:.2s;z-index:9}.toast.show{opacity:1}.mobile-brand{font-family:Orbitron;font-size:13px;align-items:center;gap:8px}.mobile-brand .z-mark{padding:5px;font-size:14px}
@media(max-width:1150px){.app-shell{grid-template-columns:78px 280px minmax(0,1fr)}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:300px}.crest strong{font-size:65px}}
@media(max-width:820px){.app-shell{display:block;padding:7px}.sidebar{display:none}.history-panel{display:none}.workspace{padding:10px;border-radius:17px}.topbar{height:38px}.mobile-brand{display:flex}.supreme-pill{font-size:11px;padding:7px 10px}.icon-btn{width:34px;height:34px}.hero{min-height:260px}.crest strong{font-size:55px}.hero-title{font-size:clamp(28px,8vw,48px)}.hero-subtitle{font-size:10px}.tagline{font-size:12px}.hero h1{font-size:18px}.composer-panel{gap:6px;padding:6px 8px;border-radius:17px}.composer-emblem{width:35px;height:35px;flex-basis:35px}.composer-panel textarea{font-size:13px}.send-btn{width:43px;height:39px}.attach-btn,.mic-btn{font-size:20px}.quick-tools{gap:6px}.tool-chip{font-size:10px;padding:8px 10px}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-card{min-height:115px;gap:7px;padding:8px}.agent-symbol{width:37px;height:37px;flex-basis:37px;font-size:20px}.agent-card b{font-size:11px}.agent-card small{font-size:9px}.integration-row{grid-template-columns:repeat(2,minmax(0,1fr))}.model-select{font-size:12px;padding:9px}.feature-strip{font-size:9px;padding:9px}.message{max-width:96%}}
@media(max-width:390px){.agent-grid{grid-template-columns:1fr}.agent-card{min-height:85px}.hero{min-height:230px}.crest strong{font-size:45px}.hero-title{font-size:26px}.integration-row{gap:6px}.model-select{font-size:10px}}


/* Official ZENFEREYX IA logo integration */
.brand-mini img{width:43px;height:43px;object-fit:cover;border-radius:50%;border:1px solid #ffcf59;box-shadow:0 0 13px #168bff,0 0 10px #ffcf59}
.hero{min-height:360px;padding-top:12px}
.hero-logo{width:min(100%,520px);height:clamp(210px,29vw,330px);display:flex;align-items:center;justify-content:center;margin:0 auto 2px;filter:drop-shadow(0 0 15px #168bff88)}
.hero-logo img{width:100%;height:100%;object-fit:contain;display:block}
.composer-emblem{overflow:hidden;padding:0;background:#07132d}
.composer-emblem img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.mobile-brand img{width:30px;height:30px;object-fit:cover;border-radius:50%;border:1px solid #ffcf59;box-shadow:0 0 9px #168bff}
@media(max-width:820px){.hero{min-height:270px;padding-top:5px}.hero-logo{height:clamp(190px,56vw,270px);width:min(100%,430px)}}