/* HAxBRO FUTURE WORKSPACE — responsive + futuristic visual layer */
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}.hax-modern{--future-blue:#1687ff;--future-cyan:#36e7ff;--future-deep:#020914;--future-panel:rgba(4,15,31,.82);background:#020711;color:#eaf6ff}.hax-modern .app-shell{background:radial-gradient(circle at 70% 15%,#063d7d44,transparent 35%),radial-gradient(circle at 20% 80%,#0077ff20,transparent 32%),linear-gradient(135deg,#010611,#031426 55%,#020914);min-height:calc(100vh - 64px)}.hax-modern .topbar{height:64px;background:linear-gradient(180deg,#071523,#020711);border-bottom:1px solid #1a8fff55;box-shadow:0 0 35px #008cff18;position:relative;z-index:30}.hax-modern .topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#13cfff,transparent);opacity:.7}.hax-modern .brandmark{filter:drop-shadow(0 0 10px #00cfff88)}.hax-modern .top-center{color:#75dfff}.hax-modern .top-center .tagline{color:#7891aa}.hax-modern .top-toggle{background:#061322;border:1px solid #238dff55;color:#bfeaff;border-radius:10px;box-shadow:inset 0 0 16px #087cff12}.hax-modern .top-toggle:hover{border-color:#27dfff99;box-shadow:0 0 18px #008cff30}.hax-modern .sidebar{width:270px;background:linear-gradient(180deg,rgba(3,13,27,.97),rgba(1,7,16,.97));border-right:1px solid #178eff38;box-shadow:12px 0 45px #001d3a55;position:relative}.hax-modern .sidebar:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(180deg,transparent,#12cfff,transparent)}.hax-modern .side-title{color:#effaff}.hax-modern .side-title b{letter-spacing:.18em;text-shadow:0 0 14px #18cfff55}.hax-modern .section-label{color:#55cfff;letter-spacing:.16em}.hax-modern .mode-card,.hax-modern .maker-link,.hax-modern .history-row{background:linear-gradient(135deg,#061526cc,#03101fcc);border:1px solid #198bff30;box-shadow:inset 0 0 25px #008cff08}.hax-modern .mode-card{border-radius:14px}.hax-modern .mode-btn.active{background:linear-gradient(135deg,#0879ff,#00bfff);color:white;box-shadow:0 0 20px #008cff45}.hax-modern .maker-link{border-radius:11px;color:#cbeeff}.hax-modern .maker-link:hover{border-color:#19d8ff88;background:linear-gradient(135deg,#07305a,#06234a);box-shadow:0 0 20px #008cff25;transform:translateX(2px)}.hax-modern .chat-panel{background:radial-gradient(circle at 50% 10%,#07549d20,transparent 34%),linear-gradient(180deg,#020b18,#01050c);position:relative}.hax-modern .chat-head{border-bottom:1px solid #158cff25;background:#020a14cc;backdrop-filter:blur(12px)}.hax-modern .chat-head .terminal{color:#36e7ff}.hax-modern .hero-welcome{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,#0a6eff38,transparent 45%),linear-gradient(145deg,#06182eeb,#020a16f2);border:1px solid #19bfff45;border-radius:24px;box-shadow:0 0 55px #006dff20,inset 0 0 50px #00bfff0a}.hax-modern .hero-welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#35eaff08 50%,transparent 65%);animation:haxSweep 6s linear infinite}.hax-modern .hero-logo-image{filter:drop-shadow(0 0 18px #00cfff99)}.hax-modern .hero-welcome h1{font-size:clamp(36px,5vw,66px);letter-spacing:-.05em;text-shadow:0 0 30px #087fff35}.hax-modern .hero-welcome h1 span{color:#2bdcff}.hax-modern .hero-kicker{color:#42dcff;letter-spacing:.2em}.hax-modern .hero-chips span{border:1px solid #1bbfff45;background:#041b31;color:#8deaff;box-shadow:0 0 12px #008cff18}.hax-modern .hero-capabilities>div{background:#041426aa;border:1px solid #168dff2c;border-radius:12px}.hax-modern .composer{background:#03101ecc;border:1px solid #158fff50;box-shadow:0 0 30px #008cff18,inset 0 0 25px #008cff08;backdrop-filter:blur(18px)}.hax-modern .input-wrap{background:#020913;border:1px solid #1a80d82e}.hax-modern #promptInput{color:#eaf8ff}.hax-modern .send{background:linear-gradient(135deg,#0783ff,#10d9ff);border:0;color:#fff;box-shadow:0 0 22px #00aaff55}.hax-modern .float-tool{background:#061526;border-color:#168fff45;color:#7eeaff}.hax-modern .code-lab,.hax-modern .kai-card{background:linear-gradient(145deg,#06182c,#020914);border:1px solid #168fff45;box-shadow:0 0 45px #006cff20}.hax-modern .lab-editor,.hax-modern .lab-output{background:#010711;border:1px solid #178fff35;color:#dff7ff}.hax-modern .kai-refresh{background:linear-gradient(135deg,#087fff,#11cfff);box-shadow:0 0 18px #008cff35}.hax-modern .published-url-box{background:#031322;border:1px solid #168fff35;border-radius:12px;padding:12px}.hax-modern .published-url-input{background:#010711;color:#8feaff;border:1px solid #178fff30}.hax-modern .uninstall-app-btn{width:auto;max-width:120px;min-height:26px;margin:5px 0 0;padding:5px 8px;border:1px solid #ff66803d;border-radius:7px;background:linear-gradient(135deg,#13080e,#0b0a0d);color:#b97988;font:800 8px/1 system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;opacity:.72;box-shadow:inset 0 0 10px #ff426208;transition:.18s}.hax-modern .uninstall-app-btn:hover{opacity:1;background:linear-gradient(135deg,#211019,#110b10);border-color:#ff668088;color:#f0a2b0;box-shadow:0 0 12px #ff426216;transform:translateY(-1px)}#installAppBtn+.uninstall-app-btn{display:none!important}#mobileInstallAppBtn+.uninstall-app-btn{display:none!important}#sidebarInstallAppBtn+.uninstall-app-btn{display:inline-flex;align-items:center;justify-content:center}.uninstall-app-btn[hidden]{display:none!important}.published-url-box .kai-refresh{width:auto;margin-top:8px}
/* landing page: cinematic blue intelligence gateway */
.haxbro-landing{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 35%,#006dff28,transparent 28%),radial-gradient(circle at 10% 80%,#00cfff18,transparent 28%),linear-gradient(135deg,#01050d,#031329 55%,#010711);color:#ecfaff}.haxbro-landing .landing-grid{position:absolute;inset:0;background-image:linear-gradient(#168dff12 1px,transparent 1px),linear-gradient(90deg,#168dff12 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 85%);pointer-events:none}.haxbro-landing .landing-scanline{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#32e8ff,transparent);box-shadow:0 0 18px #32e8ff;animation:haxScan 7s linear infinite;opacity:.65}.landing-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:26px clamp(22px,6vw,90px)}.landing-brand img{width:170px;max-width:45vw}.landing-status{font:700 10px system-ui,sans-serif;letter-spacing:.18em;color:#7ceaff}.landing-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20e8ff;box-shadow:0 0 12px #20e8ff;margin-right:7px}.landing-hero{position:relative;z-index:2;text-align:center;padding:40px 20px 70px}.landing-eyebrow{font:700 10px system-ui,sans-serif;letter-spacing:.2em;color:#3bdcff}.landing-3d-logo{position:relative!important;margin:26px auto 12px!important;width:170px!important;height:170px!important}.landing-ring{position:absolute;inset:0;border:1px solid #27dfff55;border-radius:50%;box-shadow:0 0 35px #008cff30}.landing-ring-a{animation:haxSpin 12s linear infinite}.landing-ring-b{inset:14px;animation:haxSpinReverse 9s linear infinite;border-style:dashed}.landing-ring-c{inset:30px;border-color:#168dff44}.landing-logo-glow{position:absolute;inset:30%;background:#00bfff;filter:blur(35px);opacity:.2}.landing-3d-logo img{position:relative;width:70%;height:70%;top:15%;filter:drop-shadow(0 0 28px #00cfffaa)}.landing-system-tag{display:inline-flex;gap:8px;align-items:center;padding:7px 13px;border:1px solid #16cfff45;border-radius:999px;background:#04182b99;color:#77eaff;font:700 9px system-ui,sans-serif;letter-spacing:.14em}.landing-system-tag b{color:#20e8b1}.landing-creator{margin-top:20px;color:#91a9bd;font:700 11px system-ui,sans-serif;letter-spacing:.2em}.landing-creator strong{color:#39dcff;text-shadow:0 0 16px #00bfff55}.landing-hero h1{margin:16px 0 14px;font-size:clamp(52px,9vw,112px);line-height:.9;letter-spacing:-.065em;text-shadow:0 0 50px #007dff2a}.landing-hero h1 span{color:#36dcff}.landing-lead{max-width:720px;margin:0 auto;color:#8da7bd;font-size:16px;line-height:1.7}.landing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.landing-cta,.landing-download{min-height:48px;padding:0 22px;border-radius:12px;cursor:pointer;font-weight:800;letter-spacing:.08em}.landing-cta{background:linear-gradient(135deg,#087fff,#0bdcff);color:white;border:1px solid #5ceaff66;box-shadow:0 0 28px #008cff3b}.landing-download{background:#061729;color:#8eeeff;border:1px solid #168fff55}.landing-proof{display:flex;justify-content:center;gap:16px;margin-top:28px;color:#58748c;font:700 9px system-ui,sans-serif;letter-spacing:.2em}.landing-proof i{width:3px;height:3px;border-radius:50%;background:#24cfff}.landing-sections{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:20px}.landing-sections article{padding:26px;border:1px solid #168fff2e;border-radius:18px;background:#031426b8;box-shadow:inset 0 0 35px #008cff07}.landing-sections h3{font-size:24px;margin:10px 0}.landing-sections p{color:#7892a8;line-height:1.6}.feature-no{font:700 9px system-ui,sans-serif;color:#2fdcff;letter-spacing:.18em}.capabilities{display:flex;flex-wrap:wrap;gap:7px}.capabilities span{font:700 8px system-ui,sans-serif;padding:6px 8px;border:1px solid #178fff30;border-radius:7px;color:#8bdfff;background:#041a2d}.landing-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:35px clamp(20px,6vw,90px);color:#456077;font:700 8px system-ui,sans-serif;letter-spacing:.12em}
@keyframes haxSweep{0%{transform:translateX(-70%)}100%{transform:translateX(70%)}}@keyframes haxScan{0%{top:0}100%{top:100%}}@keyframes haxSpin{to{transform:rotate(360deg)}}@keyframes haxSpinReverse{to{transform:rotate(-360deg)}}@keyframes buildFloat{0%,100%{transform:perspective(900px) rotateX(0deg) rotateY(-5deg) translate3d(0,0,0);text-shadow:0 0 25px #008cff35}50%{transform:perspective(900px) rotateX(4deg) rotateY(5deg) translate3d(0,-10px,18px);text-shadow:0 18px 45px #00cfff35,0 0 35px #008cff55}}@keyframes buildSweep{0%{background-position:220% 0}100%{background-position:-80% 0}}@keyframes buildDepth{0%,100%{filter:drop-shadow(0 0 0 #00cfff00)}50%{filter:drop-shadow(0 12px 16px #00aaff55)}}.build-beyond-title{transform-style:preserve-3d;animation:buildFloat 5.5s ease-in-out infinite;font-size:clamp(34px,4.5vw,58px)!important;line-height:.92!important}.build-beyond-title .build-word,.build-beyond-title .beyond-word,.build-beyond-title .ordinary-word{display:inline-block;transform-style:preserve-3d}.build-beyond-title .build-word{animation:buildDepth 3.5s ease-in-out infinite}.build-beyond-title .beyond-word{background:linear-gradient(105deg,#36dcff 20%,#fff 42%,#36dcff 58%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:buildSweep 3.8s linear infinite}.build-beyond-title .ordinary-word{animation:buildDepth 3.5s ease-in-out 1.2s infinite}
@media(max-width:900px){.landing-sections{grid-template-columns:1fr}.hax-modern .sidebar{width:230px}.hax-modern .top-center{display:none}}@media(max-width:700px){.landing-nav{padding:18px}.landing-brand img{width:130px}.landing-hero{padding:35px 16px}.landing-hero h1{font-size:clamp(45px,15vw,72px)}.landing-lead{font-size:14px}.landing-sections{padding:12px}.landing-footer{padding:25px 16px}.hax-modern .sidebar{display:none}.hax-modern .app-shell{min-height:calc(100vh - 56px)}.hax-modern .topbar{height:56px;padding:0 12px}.hax-modern .hero-welcome{border-radius:18px}.hax-modern .hero-capabilities{grid-template-columns:1fr!important}.hax-modern .composer{margin:8px}.landing-actions>*{width:min(330px,100%)}}
.hax-modern.light-ui{background:#eef7ff;color:#07111d}.light-ui .app-shell{background:linear-gradient(135deg,#edf8ff,#dcefff)}.light-ui .sidebar,.light-ui .topbar{background:#f7fbff;border-color:#a9d8ff}.light-ui .chat-panel{background:#eef7ff}.light-ui .hero-welcome{background:#f7fcff;border-color:#8bd6ff;color:#0a1b2a}.light-ui .composer{background:#fff;border-color:#8ed4ff}.light-ui .maker-link,.light-ui .mode-card{background:#f8fcff;color:#17324a}
@media(max-width:700px){input,textarea,select{font-size:16px!important}#promptInput,#ultimaxInput,.ultimax-composer textarea{font-size:16px!important;-webkit-text-size-adjust:100%}.input-wrap{min-height:44px}.composer textarea{min-height:38px}}