:root{--bg:#030719;--panel:#07132d;--line:#174b9d;--blue:#11baff;--gold:#ffc65b;--text:#f4f7ff;--muted:#9eb1d2;--purple:#a34cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 20%,#10266a 0,#07102b 34%,#020514 78%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#45bfff 1px,transparent 1px);background-size:87px 87px,131px 131px;background-position:0 0,40px 55px}.app-shell{position:relative;display:grid;grid-template-columns:92px 320px minmax(0,1fr);gap:10px;max-width:1900px;margin:auto;padding:10px;min-height:100vh}.rail,.sidebar{background:linear-gradient(180deg,rgba(7,19,48,.97),rgba(3,8,25,.97));border:1px solid #b77b2b;border-radius:24px;box-shadow:0 0 18px #087dff55,inset 0 0 16px #0a3d8c66}.rail{display:flex;align-items:center;flex-direction:column;padding:12px 7px;position:sticky;top:10px;height:calc(100vh - 20px);min-height:650px}.mini-brand{height:52px;display:grid;place-items:center;margin-bottom:12px}.zmark{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;font-family:Orbitron,sans-serif;font-size:30px;font-weight:800;color:#fff;text-shadow:0 0 8px #fff,0 0 15px #00baff;border:2px solid #ffcf69;box-shadow:0 0 12px #ffc65b,inset 0 0 10px #0af;background:radial-gradient(circle,#143e92,#030b26 70%)}.rail-nav{display:flex;flex-direction:column;gap:7px;width:100%}.nav-item{border:1px solid transparent;background:transparent;color:#dceaff;border-radius:15px;padding:8px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font:600 11px Inter}.nav-item b{font-size:25px;line-height:1.1;color:#b8d8ff;text-shadow:0 0 10px #168cff}.nav-item.active,.nav-item:hover{border-color:#19bfff;background:linear-gradient(135deg,#124ca8,#071b4a);box-shadow:0 0 15px #00aaff}.profile{margin-top:auto;border:1px solid #dca74d;border-radius:18px;background:linear-gradient(#142e6a,#050d29);color:white;padding:10px 4px;width:100%;display:grid;gap:2px;place-items:center;box-shadow:0 0 15px #f6b74366}.profile span{font-size:27px}.profile small{font-size:11px}.sidebar{padding:14px 12px;display:flex;flex-direction:column;min-height:calc(100vh - 20px);max-height:calc(100vh - 20px)}button{font:inherit;color:inherit;cursor:pointer}.sidebar-top{display:flex;gap:8px}.new-chat{flex:1;border:1px solid #24baff;border-radius:28px;padding:12px;background:linear-gradient(100deg,#063a9c,#058cff,#073a9b);font-weight:800;box-shadow:0 0 14px #00aaff,inset 0 0 8px #bceeff}.icon-btn{width:42px;height:42px;border:1px solid #5278b6;border-radius:14px;background:linear-gradient(#152d5d,#06132e);font-size:21px;box-shadow:0 0 10px #168cff66;position:relative}.icon-btn sup{position:absolute;right:-3px;top:-5px;background:#e22;border-radius:50%;font-size:10px;padding:3px}.search-wrap{margin:13px 0 11px;display:flex;align-items:center;gap:8px;border:1px solid #2c6db8;border-radius:22px;padding:3px 10px;background:#030b20;box-shadow:inset 0 0 9px #128bff44}.search-wrap>span{font-size:25px}.search-wrap input{min-width:0;flex:1;background:none;border:0;outline:0;color:white;padding:8px 0}.tiny{width:35px;height:35px;font-size:17px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 8px;font-size:12px;color:#d9e8ff;border-bottom:1px solid #34598b}.chat-list{overflow:auto;display:flex;flex-direction:column;gap:6px;padding:8px 0}.chat-row{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:8px;border:1px solid #23508d;border-radius:17px;background:linear-gradient(105deg,#0d1e48,#06112d);min-height:59px;box-shadow:inset 0 0 9px #197fff22}.chat-row.selected{border-color:#e9b44e;box-shadow:0 0 12px #ffbf4c77,inset 0 0 10px #168bff44}.chat-icon{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:800;border:2px solid white;box-shadow:0 0 12px currentColor}.chat-icon.gold{color:#ffd46a;border-color:#ffd46a;font-family:Orbitron}.chat-icon.blue{color:#49c7ff}.chat-icon.purple,.chat-icon.violet{color:#c88aff}.chat-icon.cyan{color:#43e5ff}.chat-icon.pink{color:#ff7de2}.chat-icon.amber{color:#ffc15b}.chat-icon.red{color:#ff5656}.chat-row>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.chat-row b{font-size:12px}.chat-row small{font-size:10px;color:#b2c5e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.chat-row em{margin-left:auto;align-self:flex-start;font-style:normal;font-size:10px;color:#d5e6ff;white-space:nowrap}.sidebar-footer{margin-top:auto;border-top:1px solid #25416c;padding:11px 3px 0;font-size:11px;color:#a9c4e9}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#39ed9c;box-shadow:0 0 8px #39ed9c;margin-right:6px}.version{float:right;color:#f8c66c}.main{min-width:0;position:relative;border:1px solid #183e7d;border-radius:24px;padding:0 16px 12px;background:linear-gradient(180deg,rgba(3,10,32,.76),rgba(4,10,28,.91));box-shadow:inset 0 0 30px #0b4ca533,0 0 20px #087dff33;overflow:hidden}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brandline{display:flex;align-items:center;gap:9px}.zmark.small{width:39px;height:39px;font-size:25px}.brandline strong{font-family:Orbitron,sans-serif;font-size:17px;letter-spacing:.4px}.brandline strong i{font-style:normal;color:#ffd16b;font-size:13px}.brandline small{display:block;color:#c5d4eb;font-size:11px;margin-top:2px}.top-actions{display:flex;gap:9px;align-items:center}.supreme{border:1px solid #f3bd59;border-radius:25px;padding:9px 16px;background:linear-gradient(90deg,#5c310e,#161a37,#5c310e);box-shadow:0 0 12px #ffbf4c;color:#fff2d1;font-size:12px;font-weight:700}.hero{text-align:center;position:relative;padding:6px 0 2px;min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-2;left:-8%;right:-8%;bottom:-8px;height:155px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 100%,#1a67c9 0,#0b2a72 34%,#06112d 70%,transparent 72%);border-top:2px solid #41caff;box-shadow:0 -8px 25px #087dff88}.hero:after{content:"✧  ·     ✦       ·     ✧     ·        ✦";position:absolute;top:12px;left:0;right:0;color:#73d9ff;text-shadow:0 0 10px #1af;font-size:20px;letter-spacing:35px;opacity:.8;z-index:-1}.hero-emblem{height:105px;width:210px;position:relative;display:grid;place-items:center;margin:0 auto 0}.emblem-core{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;font:800 63px Orbitron;color:#fff;text-shadow:0 0 8px white,0 0 22px #00aaff;border:5px double #ffda79;background:radial-gradient(circle at 50% 35%,#2869cb,#07102d 68%);box-shadow:0 0 18px #00baff,0 0 28px #ffc45a,inset 0 0 18px #53bfff}.halo{position:absolute;font-size:150px;color:#6cdcff;text-shadow:0 0 12px #0af;animation:spin 22s linear infinite}.crown{position:absolute;top:-12px;z-index:2;font-size:40px;color:#ffda79;text-shadow:0 0 8px #ff9d00}.wings{position:absolute;bottom:12px;width:100%;font-size:36px;color:#7ceaff;text-shadow:0 0 12px #06f;letter-spacing:40px;white-space:nowrap}.hero h1{font:800 clamp(36px,5.2vw,76px)/1 Orbitron,sans-serif;letter-spacing:-2px;margin:2px 0 0;text-shadow:0 3px 0 #7c4200,0 0 10px #fff,0 0 24px #13aaff,0 0 35px #f6b548;background:linear-gradient(#fff,#dceaff 45%,#f8bd52 70%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 span{color:#ffd56d;-webkit-text-fill-color:#ffd56d}.hero-ribbon{padding:5px 24px;margin-top:3px;border:1px solid #ffcf69;border-radius:5px 5px 16px 16px;background:linear-gradient(90deg,#061a43,#a45c12,#061a43);font:700 13px Orbitron;letter-spacing:1px;box-shadow:0 0 12px #ffc65b}.hero-sub{font-weight:600;font-style:italic;margin:12px 0 4px;font-size:clamp(12px,1.4vw,18px);text-shadow:0 0 9px #0af}.hero h2{font-size:clamp(17px,2vw,25px);font-style:italic;font-weight:800;color:#ffe36b;text-shadow:0 0 12px #ff9c00;margin:0 0 10px}.cosmos-orb{position:absolute;border-radius:50%;z-index:-1;box-shadow:inset -9px -8px 20px #0009,0 0 20px #1caaff99}.orb-a{width:70px;height:70px;left:7%;top:38px;background:radial-gradient(circle at 30% 30%,#60dfff,#102d85 45%,#05091d 80%)}.orb-b{width:55px;height:55px;right:12%;top:65px;background:radial-gradient(circle at 30% 30%,#ffc56b,#b13a21 45%,#080c29 80%)}.orb-c{width:37px;height:37px;right:3%;top:14px;background:radial-gradient(circle at 30% 30%,#fff,#8a4dff 40%,#06102c 80%)}@keyframes spin{to{transform:rotate(360deg)}}.composer-area{position:relative;z-index:1;margin:6px auto 14px;max-width:1200px}.composer{display:flex;align-items:center;gap:12px;border:2px solid #20baff;border-radius:26px;padding:8px 10px;background:linear-gradient(100deg,#061431,#061b49,#030b21);box-shadow:0 0 12px #0af,0 0 25px #0a5bff66,inset 0 0 12px #0af4}.composer-z{flex:none;width:46px;height:46px;border:2px solid #ffd36b;border-radius:50%;display:grid;place-items:center;font:800 30px Orbitron;color:#fff;text-shadow:0 0 10px #0af;background:radial-gradient(circle,#1752a7,#050d25);box-shadow:0 0 12px #ffc65b}.composer textarea{flex:1;resize:none;min-width:0;max-height:140px;background:transparent;border:0;outline:0;color:white;font:500 15px Inter;padding:12px 0}.composer textarea::placeholder{color:#d6e4ff}.compose-actions{display:flex;align-items:center;gap:7px}.round-action{width:39px;height:39px;border:0;border-radius:50%;background:#06132f;font-size:23px}.send-btn{width:55px;height:44px;border:2px solid #55dfff;border-radius:18px;background:linear-gradient(120deg,#0d64d6,#00aaff);font-size:25px;box-shadow:0 0 14px #00baff}.quick-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:9px}.quick{border:1px solid #6398e0;border-radius:24px;padding:8px 15px;background:linear-gradient(#17366c,#07152e);font-size:12px;font-weight:700;box-shadow:0 0 9px #008cff55}.quick:hover,.integration:hover,.agent-card:hover{transform:translateY(-2px);filter:brightness(1.2)}.quick.purple{border-color:#c47cff;background:linear-gradient(90deg,#6325b8,#111c52);box-shadow:0 0 12px #b44cff}.agents-section,.integrations{border:1px solid #b47d35;border-radius:22px;padding:9px 12px 12px;margin:10px 0;background:linear-gradient(120deg,#07132eeb,#0b1c40eb);box-shadow:0 0 13px #ffb84266,inset 0 0 13px #0a7bff33}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-title h3{margin:0;font-size:15px;text-shadow:0 0 9px #1af}.view-all{border:1px solid #5b8bc6;border-radius:15px;background:#07132e;padding:6px 10px;font-size:11px}.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.agent-card{min-width:0;min-height:103px;display:flex;align-items:center;gap:10px;text-align:left;padding:9px;border:1px solid;border-radius:20px;background:linear-gradient(130deg,#101b3b,#070e25);transition:.2s;box-shadow:0 0 12px #168bff44}.agent-card>span:last-child{min-width:0}.agent-card b{font-size:12px;line-height:1.25;display:block}.agent-card small{display:block;font-size:10px;line-height:1.35;color:#d3def2;margin-top:5px}.agent-symbol{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:29px;background:radial-gradient(circle,#183d87,#050b20);box-shadow:0 0 12px currentColor;border:2px solid currentColor}.red-card{border-color:#ff554f;box-shadow:0 0 12px #ff3e5555}.red-card .agent-symbol{color:#ff564e}.blue-card{border-color:#44aaff}.blue-card .agent-symbol{color:#4ac9ff}.purple-card{border-color:#c04dff}.purple-card .agent-symbol{color:#c45cff}.gold-card{border-color:#ffc04d}.gold-card .agent-symbol{color:#ffd16a}.integration-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.integration{border:1px solid #54cfff;border-radius:28px;padding:9px 13px;background:linear-gradient(110deg,#0a244f,#06132d);font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 11px #00aaff66;transition:.2s}.integration span{font-size:23px}.integration i{font-style:normal;margin-left:auto}.gpt{border-color:#44e7a1}.gpt span{color:#54f2a8}.gemini{border-color:#5eaeff}.gemini span{color:#f3aaff}.claude{border-color:#f1b15e}.claude span{color:#ffbd53}.copilot{border-color:#c65cff}.copilot span{color:#43dfff}.benefits{display:flex;justify-content:space-around;gap:9px;flex-wrap:wrap;border:1px solid #c39242;border-radius:24px;padding:10px 12px;background:linear-gradient(90deg,#111c3c,#36230f,#111c3c);box-shadow:0 0 12px #ffc65b66;font-size:11px;font-weight:700;color:#ffe2a0}.response-panel{margin:15px 0;border:1px solid #21baff;border-radius:18px;background:#07132a;padding:14px;box-shadow:0 0 15px #00aaff55}.response-head{display:flex;justify-content:space-between;color:#83dcff}.response-head button{background:none;border:0;font-size:22px}.messages{display:flex;flex-direction:column;gap:12px;margin-top:12px}.message{padding:12px 14px;border-radius:14px;line-height:1.6;white-space:pre-wrap;font-size:14px}.message.user{align-self:flex-end;background:#123c7a;max-width:85%}.message.ai{background:#0b2144;border:1px solid #1c5a94}.toast{position:fixed;bottom:20px;right:20px;z-index:10;padding:12px 16px;border:1px solid #2dbdff;border-radius:12px;background:#061a39;box-shadow:0 0 15px #0af;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:20;padding:16px}.modal-backdrop[hidden]{display:none}.modal{width:min(440px,100%);position:relative;border:1px solid #e3ad52;border-radius:22px;padding:28px;background:linear-gradient(145deg,#102958,#050b20);box-shadow:0 0 25px #0af,0 0 20px #ffbd4b55;text-align:center}.modal-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:25px}.modal-mark{margin:auto;width:58px;height:58px;display:grid;place-items:center;border:2px solid #ffd36b;border-radius:50%;font:800 40px Orbitron;box-shadow:0 0 14px #0af}.modal h2{font:700 19px Orbitron}.modal p{font-size:13px;color:#c2d4f0;line-height:1.5}.modal label{display:block;text-align:left;font-size:12px;margin-top:18px}.connection-status{padding:10px;border:1px solid #4d80b7;border-radius:10px;margin-top:7px;font-size:13px}.hint{font-size:11px!important}.hint code{color:#ffd16a}.modal-primary{border:1px solid #51d8ff;border-radius:20px;padding:11px 20px;background:#0757b7;box-shadow:0 0 12px #0af;font-weight:700}
@media(max-width:1100px){.app-shell{grid-template-columns:76px 270px minmax(0,1fr);gap:7px;padding:7px}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:0 11px 10px}.integration{padding:8px 7px;font-size:12px}.supreme{padding:8px 10px}}@media(max-width:760px){.app-shell{display:grid;grid-template-columns:58px minmax(0,1fr);padding:6px;gap:6px}.rail{grid-column:1;grid-row:1;height:calc(100vh - 12px);top:6px;min-height:0;border-radius:18px;padding:8px 3px}.zmark{width:38px;height:38px;font-size:24px}.mini-brand{height:42px}.nav-item{font-size:9px;padding:8px 0;border-radius:11px}.nav-item b{font-size:20px}.profile{padding:7px 2px}.profile span{font-size:22px}.sidebar{grid-column:2;grid-row:1;display:none}.main{grid-column:2;grid-row:1;border-radius:18px;padding:0 9px 10px}.topbar{height:53px}.brandline strong{font-size:12px}.brandline small{font-size:9px}.zmark.small{width:33px;height:33px;font-size:21px}.top-actions{gap:5px}.top-actions .icon-btn{width:34px;height:34px;font-size:16px}.supreme{font-size:9px;padding:7px 8px}.hero{min-height:230px}.hero-emblem{height:80px;width:160px}.emblem-core{width:72px;height:72px;font-size:48px}.halo{font-size:115px}.crown{font-size:30px}.wings{font-size:25px;letter-spacing:28px}.hero h1{font-size:clamp(28px,8vw,48px);letter-spacing:-1.5px}.hero-ribbon{font-size:9px;padding:5px 12px}.hero-sub{font-size:11px}.hero h2{font-size:17px}.orb-a{width:43px;height:43px;left:1%;top:34px}.orb-b{width:38px;height:38px;right:7%;top:52px}.orb-c{width:25px;height:25px}.composer{gap:6px;padding:6px}.composer-z{width:35px;height:35px;font-size:23px}.composer textarea{font-size:12px}.round-action{width:30px;height:30px;font-size:17px}.send-btn{width:40px;height:36px;font-size:20px}.quick{font-size:10px;padding:7px 9px}.agents-section,.integrations{padding:8px;margin:8px 0}.section-title h3{font-size:12px}.agent-grid{gap:6px}.agent-card{min-height:96px;padding:7px;gap:7px;border-radius:14px}.agent-symbol{width:39px;height:39px;font-size:21px}.agent-card b{font-size:10px}.agent-card small{font-size:9px}.integration-row{grid-template-columns:repeat(2,1fr);gap:7px}.integration{font-size:11px}.benefits{font-size:9px;padding:8px}.sidebar{position:fixed;z-index:15;left:65px;top:8px;bottom:8px;width:min(290px,calc(100vw - 80px));max-height:none;min-height:0}.sidebar.mobile-open{display:flex}.rail-nav .nav-item[data-view="Chat"]{order:2}}@media(min-width:761px) and (max-height:800px){.hero{min-height:230px}.hero-emblem{height:80px}.emblem-core{width:75px;height:75px;font-size:48px}.halo{font-size:120px}.agents-section{padding:7px 10px}.agent-card{min-height:88px}.sidebar{max-height:calc(100vh - 20px)}}