@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090813;--surface:#151021;--surface2:#1d142b;--line:#34263e;--ink:#f5ecfd;--muted:#a9a0bc;--pink:#ff3dce;--cyan:#3ce8f5;--violet:#a477ff;--font:'DM Sans',system-ui,sans-serif;--display:'Rajdhani',var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.upload-zone:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}.ambient{pointer-events:none;position:fixed;z-index:-1;filter:blur(70px);border-radius:50%}.ambient-pink{width:360px;height:360px;background:#6b0e54;opacity:.2;top:3%;left:28%}.ambient-blue{width:420px;height:420px;background:#072b65;opacity:.2;bottom:10%;right:4%}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh;max-width:1850px;margin:auto}.sidebar{background:linear-gradient(170deg,#130e22 0%,#0a0a15 80%);border-right:1px solid #38223e;padding:27px 17px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:9px;padding:2px 8px 34px;font:700 28px/1 var(--display);letter-spacing:1px}.brand-symbol{font-family:var(--display);font-style:italic;font-size:36px;letter-spacing:-8px;color:var(--pink);text-shadow:0 0 18px #fc32bb}.brand-x,.mobile-brand span{color:var(--pink)}.brand small{display:block;font:600 9px var(--font);letter-spacing:2.5px;color:#9e8eb5;margin-top:5px}.sidebar-label{padding:0 14px;margin:10px 0 12px;color:#726783;font:700 10px var(--font);letter-spacing:1.7px}.nav-list{display:grid;gap:5px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#a89eb7;text-align:left;border-radius:9px;padding:13px 14px;display:flex;align-items:center;gap:13px;transition:.2s;font-size:13px}.nav-item:hover{background:#29172e;color:#fff}.nav-item.is-active{background:linear-gradient(90deg,#54234796,#23162d);color:#fff;border-color:#7b3069;box-shadow:inset 3px 0 0 var(--pink),0 0 18px #ff3dce0f}.nav-ico{font:600 22px/18px var(--display);width:22px;text-align:center;color:var(--pink)}.side-spacer{flex:1}.side-status{margin:22px 4px 23px;border:1px solid #3c2945;background:#181122;border-radius:10px;padding:13px 12px;display:flex;gap:12px;align-items:center}.status-pulse{width:9px;height:9px;background:#e4ad64;border-radius:50%;box-shadow:0 0 12px #e4ad6466;flex:none}.status-pulse.is-ready{background:#40e5ae;box-shadow:0 0 12px #40e5ae88}.side-status b{display:block;font-size:12px}.side-status small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.sidebar-foot{color:#6d6379;font-size:9px;letter-spacing:1px;padding:0 9px;display:flex;justify-content:space-between;gap:8px}.sidebar-foot span{color:#b144a2}.main{min-width:0;padding:0 36px;display:flex;flex-direction:column}.topbar{height:74px;border-bottom:1px solid #35213c;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{display:flex;gap:10px;align-items:center;color:#8f839c;font-size:10px;font-weight:700;letter-spacing:1.5px}.breadcrumb strong{color:#f4e9ff}.crumb-arrow{color:var(--pink);font-size:17px}.top-actions{display:flex;align-items:center;gap:15px}.top-chip,.tiny-chip{border:1px solid #433048;border-radius:50px;color:#bfb4cd;font-size:10px;padding:8px 11px;letter-spacing:1px;font-weight:700}.top-chip i,.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f8b757;margin-right:5px;box-shadow:0 0 9px #f8b757}.top-settings{border:0;background:transparent;color:#c7bad2;font-size:24px}.avatar{height:32px;width:32px;border-radius:50%;background:linear-gradient(135deg,#fa34c7,#612ec7);display:grid;place-items:center;font:700 19px var(--display);border:2px solid #e05fc1}.mobile-brand{display:none;font:700 26px var(--display)}.view{padding:26px 0 25px;flex:1}.view.hidden{display:none}.hero{position:relative;border:1px solid #682d79;border-radius:14px;min-height:379px;overflow:hidden;background:#0a0712;box-shadow:0 10px 60px #0005,0 0 35px #e931ca18}.hero-art{position:absolute;inset:0;background-image:url('./assets/koukienatrix-hero.webp');background-position:99% 29%;background-size:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#100c1b 0%,#120b21f0 29%,#170e2388 52%,#130b1200 79%),linear-gradient(0deg,#150d27 0%,transparent 32%)}.hero:after{content:'';position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 -2px 0 #ff38d966;pointer-events:none}.hero-copy{position:relative;z-index:1;padding:36px 42px;max-width:570px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.6px;color:var(--pink)}.mini-line{display:inline-block;height:2px;width:18px;vertical-align:middle;background:var(--pink);margin-right:9px;box-shadow:0 0 10px var(--pink)}.hero-logo{position:absolute;width:101px;height:101px;object-fit:cover;left:362px;top:16px;border-radius:50%;mix-blend-mode:screen;opacity:.9}.hero h1{font:700 clamp(45px,5.7vw,84px)/.85 var(--display);letter-spacing:1px;margin:52px 0 21px;text-transform:uppercase;text-shadow:0 3px 25px #1d1022}.hero h1 em{font-style:normal;color:#ff67df;text-shadow:0 0 25px #ff3dce66}.hero p{line-height:1.75;color:#d4c9df;max-width:380px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.primary-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:7px;padding:13px 19px;font-size:12px;font-weight:700;transition:.18s}.primary-btn{color:#170a1c;border:1px solid #ff77db;background:linear-gradient(115deg,#ff63d7,#ff35ba);box-shadow:0 5px 30px #ff3dce2b}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 5px 32px #ff3dce70}.outline-btn{border:1px solid #80618f;color:#fbebff;background:#25152d8c}.outline-btn:hover{border-color:var(--pink);background:#432146}.hero-index{position:absolute;z-index:1;bottom:17px;right:25px;font:700 13px var(--display);letter-spacing:3px;color:#f5d4ef;text-shadow:0 0 10px #000}.hero-index span{color:var(--pink)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:32px 0 18px}.section-title h2{font:700 28px var(--display);margin:4px 0 0}.minor{font-size:10px;color:#746880;letter-spacing:2px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card,.glass-panel{background:linear-gradient(135deg,#21152cdd,#100e1bdc);border:1px solid #48314e;border-radius:12px}.feature-card{text-align:left;min-height:160px;color:inherit;padding:21px;display:flex;flex-direction:column;align-items:flex-start;gap:15px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:before{content:'';position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,#ef4cda9e,transparent)}.feature-card:hover{transform:translateY(-4px);border-color:#b64ca9;box-shadow:0 15px 35px #01010590,0 0 20px #f73cd420}.feature-symbol{display:grid;place-items:center;font:700 31px/1 var(--display);width:47px;height:47px;border-radius:11px;border:1px solid #62365f;background:#3f24454f}.feature-symbol.magenta,.feature-symbol.pink{color:#ff62e1}.feature-symbol.cyan{color:var(--cyan);border-color:#286d80;background:#13374766}.feature-symbol.violet{color:#bc9cff}.feature-content b{display:block;font:700 20px var(--display)}.feature-content small{color:#a99fb6;display:block;line-height:1.5;margin-top:4px;font-size:11px}.feature-arrow{position:absolute;right:18px;top:22px;color:#8d739c;font-size:19px}.dashboard-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin-top:16px}.glass-panel{padding:23px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:19px}.panel-header h3{font:700 23px var(--display);margin:5px 0 0}.panel-header .tiny-chip{font-size:9px}.muted{color:#a99db6;line-height:1.8;font-size:12px}.text-action{border:0;background:transparent;padding:9px 0;color:var(--pink);font-weight:700}.text-action span{margin-left:6px}.orbit-symbol{font:700 30px var(--display);color:var(--pink)}.status-line{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;border-top:1px solid #392940;color:#b8aec6;font-size:12px}.status-line strong{font-size:11px;color:#d5c7d9}.status-line strong.ok{color:#58dfb9}.status-line strong.pending{color:#c99c68}.footer{border-top:1px solid #302438;padding:19px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#665b74;font-size:9px;letter-spacing:1.6px}.footer b,.footer-star{color:var(--pink)}.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:5px 0 23px}.workspace-head h1{font:700 clamp(35px,4vw,55px)/1 var(--display);margin:8px 0}.workspace-head p{color:#aaa0b6;margin:8px 0 0;font-size:12px}.accent{color:var(--pink)}.head-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.vis-label{font-size:11px;color:#ab9fb7}.head-tools select{background:#1b1225;color:#fff;border:1px solid #54355b;padding:10px;border-radius:7px;max-width:230px}.small{padding:10px 13px;gap:10px}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:15px}.chat-panel{border:1px solid #503253;background:linear-gradient(135deg,#181026,#0d0b18);border-radius:13px;min-height:570px;display:flex;flex-direction:column;overflow:hidden}.chat-topline{padding:17px 19px;border-bottom:1px solid #34233b;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#a79cb7}.chat-topline strong{color:#e6d7ee}.chat-topline .signal{background:#e4aa52;box-shadow:0 0 10px #e4aa52}.messages{padding:24px;display:flex;flex-direction:column;gap:17px;flex:1;min-height:310px;max-height:460px;overflow:auto}.empty-chat{align-self:center;text-align:center;margin:auto;max-width:270px}.empty-chat span{font-size:53px;color:var(--pink);text-shadow:0 0 30px #ff3dce88}.empty-chat h2{font:700 29px var(--display);margin:5px 0}.empty-chat p{color:#a69bbb;font-size:12px;line-height:1.7}.message{max-width:88%;border:1px solid #513151;background:#21152a;border-radius:11px 11px 11px 2px;padding:12px 15px;word-wrap:break-word}.message.user{align-self:flex-end;background:#3d1846;border-color:#9d3c86;border-radius:11px 11px 2px 11px}.message.bot{align-self:flex-start}.message small{display:block;font-size:9px;color:#c289bd;letter-spacing:1px;margin-bottom:7px;font-weight:700}.message div{white-space:pre-wrap;line-height:1.75;font-size:13px}.message.error{border-color:#b04b65;color:#f5b3c1}.chat-compose{border-top:1px solid #35233c;padding:13px}.chat-compose textarea{display:block;width:100%;min-height:63px;resize:vertical;background:#150e20;border:1px solid #45314a;border-radius:8px;color:#faf2ff;padding:13px;outline:none;line-height:1.5}.chat-compose textarea:focus{border-color:#e34fb6}.compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.compose-hints{display:flex;align-items:center;gap:12px;color:#746981;font-size:10px}.compose-hints button{background:transparent;border:0;color:#d49bc9;font-size:12px}.compose-hints button span{font-size:10px}.chat-side{display:flex;flex-direction:column;gap:15px}.chat-aside-block h3{font:700 23px var(--display);margin:10px 0 0}.voice-symbol{font:700 45px var(--display);color:var(--pink);margin:18px 0 3px;text-shadow:0 0 20px #f33abb}.voice-symbol span{color:var(--cyan)}.chat-aside-block .tiny-chip{display:inline-block;margin-top:9px;font-size:9px}.attachment-strip{color:#e59aca;font-size:11px}.head-count{font-size:11px;border:1px solid #56345a;color:#e3a6d0;padding:9px 13px;border-radius:50px;letter-spacing:1px}.upload-zone{min-height:310px;border:1px dashed #9b4b95;border-radius:13px;background:radial-gradient(circle at 50% 0,#5d1f582b,transparent 70%),#141021;text-align:center;padding:35px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.upload-zone.dragging{border-color:var(--cyan);background:#122a35}.upload-icon{width:70px;height:70px;border:1px solid #963e87;border-radius:19px;color:#ff5fca;font:700 52px/66px var(--display);margin-bottom:11px}.upload-zone h2{font:700 31px var(--display);margin:5px 0}.upload-zone p{color:#aa9db9;font-size:12px}.upload-zone .primary-btn{margin:10px 0 20px}.file-types{font-size:10px;letter-spacing:1.3px;color:#716681}.file-list-panel{margin-top:18px}.file-list{display:grid;gap:8px}.empty-files{color:#9889a5;font-size:12px;padding:12px 0}.file-row{display:flex;align-items:center;gap:12px;background:#1b1528;border:1px solid #49334d;border-radius:9px;padding:11px 13px}.file-row .file-icon{font-size:22px;color:var(--cyan)}.file-meta{flex:1;min-width:0}.file-meta b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta small{font-size:10px;color:#9889ab}.file-row button{color:#f5a4d6;background:transparent;border:0;font-size:17px}.notice{margin-top:19px;border:1px solid #584a32;background:#29231859;border-radius:8px;padding:13px;color:#d5bd9b;line-height:1.65;font-size:11px}.research-banner{min-height:235px;border:1px solid #59345f;background:linear-gradient(100deg,#22122d,#120d24);border-radius:13px;padding:36px;display:flex;gap:30px;align-items:center}.reticle{font:700 100px var(--display);color:#ff4cd0;text-shadow:0 0 45px #f83bc65c}.research-banner h2{font:700 32px var(--display);margin:12px 0 6px}.research-banner p{color:#ad9dbb;line-height:1.7;max-width:580px}.research-grid{grid-template-columns:repeat(3,1fr);margin-top:15px}.roadmap-card .feature-symbol{font-size:24px}.roadmap-card h3{font:700 23px var(--display)}.roadmap-card p{color:#a79bb5;font-size:12px;line-height:1.7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card h3{font:700 25px var(--display)}.settings-card label{display:block;font-size:11px;margin:20px 0 8px;color:#d5cae0}.settings-card input{width:100%;border:1px solid #5b3b5f;background:#0f0c17;padding:12px;border-radius:8px;color:white;font-size:12px}.settings-card .primary-btn{margin-top:15px}.settings-note{font-size:11px;line-height:1.7;margin-top:11px;color:#9588a6}.settings-feedback{color:#6fe1b9;margin-top:12px;font-size:11px}.settings-card code{color:#ff97d7}.mobile-brand{display:none}
@media (min-width:1500px){.main{padding:0 54px}.hero{min-height:440px}.hero-copy{padding-top:54px}.hero h1{font-size:96px}.feature-card{min-height:170px}}
@media (max-width:1130px){.shell{grid-template-columns:198px 1fr}.main{padding:0 22px}.sidebar{padding-left:10px;padding-right:10px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-layout{grid-template-columns:1fr}.chat-side{display:grid;grid-template-columns:1fr 1fr}.hero h1{font-size:66px}.hero-art{background-position:75% center}.hero-logo{left:290px}}
@media (max-width:750px){.shell{display:block}.sidebar{position:sticky;top:0;height:auto;min-height:0;z-index:10;padding:7px 12px;background:#100d1dec;border-bottom:1px solid #6b3866;backdrop-filter:blur(16px)}.brand,.sidebar-label,.side-spacer,.side-status,.sidebar-foot{display:none}.nav-list{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.nav-item{padding:10px 9px;min-width:max-content;font-size:11px;gap:5px}.nav-ico{font-size:16px;width:17px}.sidebar>.nav-item{display:none}.main{padding:0 13px}.topbar{height:59px}.mobile-brand{display:block}.breadcrumb{display:none}.top-chip{font-size:9px}.hero{min-height:420px}.hero-art{background-size:auto 100%;background-repeat:no-repeat;background-position:105% center;opacity:.7}.hero-overlay{background:linear-gradient(90deg,#0e0b19 3%,#0e0b19ea 42%,#0e0b1944 100%),linear-gradient(0deg,#170d25cc,transparent 35%)}.hero-copy{padding:31px 23px;max-width:430px}.hero h1{font-size:clamp(50px,12vw,75px);margin-top:88px}.hero-logo{left:auto;right:14px;top:7px;width:88px;height:88px}.hero p{max-width:260px}.hero-index{font-size:9px}.dashboard-bottom,.settings-grid{grid-template-columns:1fr}.workspace-head{display:block}.head-tools{margin-top:16px}.feature-card{padding:15px;min-height:150px}.feature-content b{font-size:18px}.feature-content small{font-size:10px}.chat-side{grid-template-columns:1fr}.chat-panel{min-height:540px}.research-banner{padding:22px;gap:12px}.reticle{font-size:65px}.research-banner h2{font-size:24px}.research-grid{grid-template-columns:1fr}.footer{font-size:8px}}
@media (max-width:390px){.feature-grid{gap:9px}.feature-card{min-height:163px}.hero-buttons .outline-btn{display:none}.top-chip{display:none}.compose-hints>span{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* KKnX v0.2: portrait-first command-center layout.
   The original image is 1080x1350 (portrait), so never use cover
   across the entire wide hero: that cropped away the face. */
#homeView .hero {
  min-height: 580px;
  display: grid;
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  align-items: stretch;
  background: #10091d;
  border-color: #a83394;
  box-shadow: 0 12px 55px #0008, 0 0 34px #fa35d622;
}
#homeView .hero-art {
  inset: 0 auto 0 0;
  width: 42%;
  background-size: cover;
  background-position: center 12%;
  background-repeat: no-repeat;
}
#homeView .hero-overlay {
  background: linear-gradient(90deg,transparent 0%,transparent 33%,#12091be0 43%,#12091b 52%,#110b1e 100%),
    radial-gradient(circle at 87% 12%,#722c9440,transparent 56%);
}
#homeView .hero-copy {
  grid-column: 2;
  width: 100%;
  max-width: none;
  padding: 34px clamp(24px,3.8vw,62px) 37px 20px;
  align-self: center;
}
#homeView .hero-identity {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 20px 0 13px;
}
#homeView .hero-logo {
  position: static;
  display: block;
  flex: 0 0 73px;
  width: 73px;
  height: 73px;
  border-radius: 50%;
  opacity: 1;
  object-fit: cover;
  box-shadow: 0 0 25px #f742d24d;
}
#homeView .hero-identity strong {
  display: block;
  font: 700 clamp(27px,3.2vw,48px)/1 var(--display);
  letter-spacing: .8px;
  background: linear-gradient(100deg,#fff 20%,#ff55ce 66%,#68e9fc);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 13px #ff4ec64d);
}
#homeView .hero-identity small,
#homeView .identity-kicker {
  display:block;
  font-size: 9px;
  letter-spacing:1.2px;
  color:#b8a6cb;
  margin-top:7px;
}
#homeView .identity-kicker {margin:0 0 6px;color:#e680d5;font-weight:700}
#homeView .hero h1 {
  font:700 clamp(55px,5.9vw,90px)/.87 var(--display);
  margin:22px 0 16px;
  letter-spacing:.3px;
}
#homeView .hero p {max-width:420px;font-size:13px}
#homeView .hero-actions-label {font-size:9px;font-weight:700;letter-spacing:2px;color:#ed90dd;margin-top:25px}
#homeView .hero-buttons {margin-top:11px;gap:9px}
#homeView .hero-buttons button {gap:10px}
#homeView .hero-capabilities {display:flex;gap:9px;flex-wrap:wrap;margin-top:31px}
#homeView .hero-capabilities span {font-size:9px;letter-spacing:.7px;padding:9px 10px;border:1px solid #623461;background:#1e112bb8;border-radius:7px;color:#dbc2e5}
#homeView .hero-capabilities b {color:#60eaf3;margin-right:4px}
#homeView .hero-index {z-index:2}
@media(min-width:1500px) {
  #homeView .hero {min-height:650px}
  #homeView .hero h1 {font-size:92px}
}
@media(min-width:751px) and (max-width:1200px) {
  #homeView .hero {min-height:550px;grid-template-columns:38% 62%}
  #homeView .hero-art {width:38%}
  #homeView .hero-overlay {background:linear-gradient(90deg,transparent 0%,transparent 26%,#12091bed 38%,#12091b 46%,#110b1e 100%)}
  #homeView .hero-copy {padding:29px 20px 28px 10px}
  #homeView .hero h1 {font-size:clamp(45px,5.6vw,74px)}
  #homeView .hero-identity strong {font-size:clamp(25px,2.9vw,38px)}
}
@media(max-width:750px) {
  #homeView .hero {display:flex;flex-direction:column;min-height:0}
  #homeView .hero-art {position:relative;inset:auto;display:block;width:100%;height:330px;background-size:cover;background-position:center 15%;opacity:1}
  #homeView .hero-overlay {background:linear-gradient(0deg,#10091e 0%,transparent 40%);height:330px;bottom:auto}
  #homeView .hero-copy {grid-column:auto;padding:14px 22px 28px;align-self:stretch}
  #homeView .hero-identity {margin:12px 0 8px}
  #homeView .hero-logo {width:62px;height:62px;flex-basis:62px}
  #homeView .hero-identity strong {font-size:clamp(26px,6vw,42px)}
  #homeView .hero h1 {font-size:clamp(50px,11vw,72px);margin:16px 0}
  #homeView .hero-capabilities {margin-top:20px}
  #homeView .hero-index {bottom:10px}
}
@media(max-width:390px) {
  #homeView .hero-art {height:270px}
  #homeView .hero-overlay {height:270px}
  #homeView .hero-identity strong {font-size:25px}
  #homeView .hero-identity small {font-size:7px}
}