:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#040507;--panel:#ffffff09;--panel-strong:#ffffff0d;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f5f5f5;--muted:#b2b5bf;--accent:#8dc1ff;--accent-red:#ff5f66;--accent-warm:#f5c07a;--danger:#f07d7d;--success:#74f0c2;--shadow:0 30px 100px #0000006b;font-family:Inter,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#ffffff14,#0000 24%),radial-gradient(circle at 80% 20%,#7171ff1f,#0000 28%),#050505;margin:0;font-family:Inter,sans-serif}body.landing-mode{background:#050505}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000000e6,#0000 90%);mask-image:radial-gradient(circle,#000000e6,#0000 90%)}body.landing-mode:before{display:none}button,input,textarea{font:inherit}.shell{min-height:100vh;padding:28px;display:grid;position:relative}.landing{min-height:calc(100vh - 56px)}.landing-shell{background:#050505;width:100%;min-height:calc(100vh - 56px);position:relative;overflow:hidden}.landing-shell:before,.landing-shell:after{content:none}.hub-center{z-index:2;grid-template-columns:minmax(360px,33rem) minmax(520px,40rem);place-content:center;align-items:center;gap:clamp(1rem,2vw,2.1rem);width:min(100%,1440px);min-height:calc(100vh - 56px);margin:0 auto;padding:clamp(2rem,4vh,3.5rem) clamp(1.25rem,3vw,2.75rem);display:grid;position:relative}.hub-copy{z-index:3;text-align:left;align-content:center;align-self:center;justify-items:start;gap:1.1rem;max-width:36rem;margin:0;display:grid;position:relative}.hub-brand{align-items:center;gap:.9rem;display:inline-flex}.hub-logo{border-radius:.8rem;width:2.7rem;height:2.7rem;box-shadow:0 8px 26px #00000047}.eyebrow{color:#d4d4d8d1;letter-spacing:.2em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:.78rem}.hub-title,.console-title h1{margin:0}.hub-title{letter-spacing:-.05em;color:#fff;text-wrap:balance;text-shadow:0 10px 38px #00000073;gap:.1em;width:fit-content;max-width:100%;font-family:Syne,sans-serif;font-size:clamp(2.8rem,9vw,6.4rem);font-weight:700;line-height:.92;display:grid}.hub-title-line{display:block}.hub-title-top{align-items:center;gap:.2em;width:fit-content;max-width:100%;display:flex}.hub-title-word{flex:none;display:block}.hub-flag-image{object-fit:fill;object-position:left center;opacity:.96;filter:drop-shadow(0 8px 20px #00000038);flex:none;min-width:0;height:.74em;display:block}.hub-powered{color:#d4d4d8c7;letter-spacing:.12em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:.8rem}.hub-sub,.console-title p,.panel-subtitle,.empty-state p,.context-panel p,.drawer-note,.error-box,.status-line,.demo-trust-copy,.trust-panel-copy,.notice-box span,.loading-box span{color:var(--muted)}.hub-sub{color:#d4d4d8;max-width:33rem;margin:0;font-size:clamp(.95rem,2.2vw,1.18rem);line-height:1.56}.hub-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.72rem;margin-top:.2rem;display:flex}.demo-trust-card,.trust-panel,.prompt-library-panel,.about-panel{border:1px solid var(--line);background:#ffffff09;border-radius:22px}.landing-trust-card{gap:.85rem;width:min(100%,38rem);padding:1rem 1.05rem;display:grid}.demo-trust-header,.trust-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.demo-trust-header strong,.trust-panel-header strong{line-height:1.45;display:block}.demo-trust-copy,.trust-panel-copy{margin:0;line-height:1.55}.demo-trust-chip-row{flex-wrap:wrap;gap:.65rem;display:flex}.trust-chip,.health-pill{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;background:#ffffff06;border-radius:999px;padding:.55rem .8rem;font-family:Geist Mono,monospace;font-size:.76rem}.health-pill{color:var(--text);align-items:center;gap:.55rem;display:inline-flex}.health-dot{background:#ffffff59;border-radius:999px;width:.58rem;height:.58rem;box-shadow:0 0 0 .18rem #ffffff0d}.health-ready .health-dot{background:var(--success);box-shadow:0 0 0 .18rem #74f0c21f}.health-loading .health-dot{background:var(--accent);box-shadow:0 0 0 .18rem #8dc1ff1f}.health-error .health-dot{background:var(--danger);box-shadow:0 0 0 .18rem #f07d7d1f}.primary-button,.secondary-button,.ghost-button,.chip,.hub-action-btn{border:1px solid #0000;border-radius:999px}.primary-button,.secondary-button,.ghost-button,.hub-action-btn{cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.hub-action-btn:hover{transform:translateY(-1px)}.hub-action-btn{color:#000;letter-spacing:.11em;text-transform:uppercase;background:#fff;border-color:#ffffffeb;min-width:170px;padding:.7rem 1.06rem;font-family:Geist Mono,monospace;font-size:.76rem;font-weight:700}.hub-action-btn:hover{background:#e5e7eb;border-color:#ffffffeb;box-shadow:0 10px 26px #00000040}.enter-button{min-width:170px}.primary-button{color:#180607;background:linear-gradient(90deg,#ff7877,#ffa360);padding:14px 20px;font-weight:700}.secondary-button{border-color:var(--line-strong);color:var(--text);background:#ffffff0b;padding:12px 18px}.ghost-button{border-color:var(--line);color:var(--muted);background:#ffffff08;padding:10px 14px}.hub-visual{justify-content:center;place-self:center;align-items:center;min-height:calc(100vh - 56px);display:flex;position:relative;overflow:visible}.hub-sphere-wrap{aspect-ratio:1;filter:drop-shadow(0 36px 72px #0000007a);align-self:center;place-items:center;width:min(48vw,760px);margin-block:auto;display:grid;position:relative}.hub-sphere-wrap:before,.hub-sphere-wrap:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hub-sphere-wrap:before{filter:blur(32px);background:radial-gradient(circle,#ffffff17,#0000 56%),radial-gradient(circle,#7171ff0d,#0000 72%);inset:18%}.hub-sphere-wrap:after{filter:blur(84px);background:radial-gradient(circle,#ffffff09,#0000 68%);inset:10%}.hub-hex-sphere{z-index:1;width:100%;height:100%;position:relative}.hub-hex-cell{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0% 50%);transform-origin:50%;will-change:transform, left, top, opacity, border-color, background, box-shadow;background:#ffffff05;border:1px solid #ffffffb8;width:30px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 18px #ffffff0a,0 0 12px #ffffff0a}.hub-hex-cell.flagged{background:#ff2c552e;border-color:#ff536ef5;box-shadow:inset 0 0 20px #ff406033,0 0 14px #ff33553d}.console-shell{border:1px solid var(--line);width:min(1540px,100%);min-height:calc(100vh - 56px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(160deg,#ffffff0d,#ffffff05);border-radius:28px;gap:20px;margin:0 auto;padding:24px;display:grid}.console-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.console-title{max-width:980px}.console-title h1{font-family:Syne,sans-serif;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.96}.console-topbar{flex-wrap:wrap;gap:10px;display:flex}.top-pill{border:1px solid var(--line);background:#ffffff08;border-radius:14px;min-width:150px;padding:10px 12px}.top-pill label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-family:Geist Mono,monospace;font-size:.75rem;display:block}.top-pill strong{font-size:.95rem}.console-grid{grid-template-columns:minmax(0,2.55fr) minmax(300px,.78fr);align-items:start;gap:20px;display:grid}.trust-panel{gap:14px;padding:18px;display:grid}.health-summary{flex-wrap:wrap;gap:10px;display:flex}.health-summary div{border:1px solid var(--line);background:#ffffff05;border-radius:16px;min-width:150px;padding:10px 12px}.health-summary span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-family:Geist Mono,monospace;font-size:.72rem;display:block}.prompt-library-panel,.about-panel{padding:18px}.demo-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.demo-prompt-chip{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:18px;gap:.35rem;padding:12px 14px;transition:transform .12s,border-color .12s,background .12s;display:grid}.demo-prompt-chip:hover{background:#ffffff09;border-color:#8dc1ff40;transform:translateY(-1px)}.demo-prompt-chip span{font-weight:600;line-height:1.4}.demo-prompt-chip small{color:var(--muted);line-height:1.45}.surface-panel{border:1px solid var(--line);background:#ffffff09;border-radius:24px;padding:18px}.input-panel{gap:14px;display:grid}.input-panel textarea{resize:vertical;width:100%;min-height:140px;color:var(--text);border:1px solid var(--line);background:#00000040;border-radius:18px;outline:none;padding:18px}.input-panel textarea:focus{border-color:#8dc1ff66;box-shadow:0 0 0 4px #8dc1ff14}.form-actions,.quick-actions,.status-chip-row{flex-wrap:wrap;gap:10px;display:flex}.status-chip-row{margin-top:12px}.main-column{min-width:0}.chip{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;padding:8px 12px;font-family:Geist Mono,monospace;font-size:.78rem}.chip strong{color:var(--text)}.chip-success strong{color:var(--success)}.chip-warm strong{color:var(--accent-warm)}.answer-stack{gap:14px;display:grid}.answer-card{border:1px solid var(--line);background:#ffffff08;border-radius:22px;padding:18px}.answer-card header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.answer-card h2,.panel-title{margin:0;font-size:1rem}.prompt-preview{color:var(--muted);margin:0 0 12px}.copy-button{white-space:nowrap}.answer-text{white-space:pre-wrap;line-height:1.6}.empty-state{text-align:center;place-items:center;min-height:240px;display:grid}.sidebar{align-self:start;gap:16px;display:grid;position:sticky;top:24px}.context-panel pre,.drawer-panel pre,.drawer-panel code{white-space:pre-wrap;word-break:break-word;color:#ededed;margin:0;font-size:.85rem;line-height:1.55}.context-panel{min-height:180px}.context-kv{gap:10px;margin-top:14px;display:grid}.context-kv div{border-top:1px solid var(--line);padding-top:10px}.context-kv span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-family:Geist Mono,monospace;font-size:.74rem;display:block}.drawer-panel details{border-top:1px solid var(--line);padding:12px 0}.drawer-panel details:first-of-type{border-top:0;padding-top:0}.drawer-panel summary{cursor:pointer;color:var(--text);font-weight:600}.drawer-note,.error-box,.loading-box,.notice-box{border-radius:18px;padding:14px 16px}.drawer-note{border:1px solid var(--line);background:#ffffff08;margin-top:14px}.drawer-collapsed{background:#ffffff05;border:1px dashed #ffffff2e;border-radius:18px;gap:10px;margin-top:14px;padding:16px;display:grid}.drawer-summary-line{color:var(--muted);line-height:1.5}.error-box{color:#ffd8d8;background:#42101661;border:1px solid #f07d7d4d;gap:.35rem;display:grid}.loading-box{color:#dbeafe;background:#ffffff08;border:1px solid #8dc1ff3d;gap:.35rem;display:grid}.notice-box{color:#ccfff0;background:#0a2c225c;border:1px solid #74f0c233;gap:.35rem;display:grid}.limitations-list{gap:.65rem;margin-top:12px;display:grid}.limitations-list div{border-top:1px solid var(--line);color:var(--muted);padding-top:10px;line-height:1.45}@media (width<=980px){.console-header{flex-direction:column}.console-grid,.hub-center,.demo-prompt-grid{grid-template-columns:1fr}.sidebar{position:static}.hub-center{text-align:center;justify-items:center;padding-left:1.25rem;padding-right:1.25rem}.hub-copy{text-align:center;justify-items:center}.hub-brand,.hub-actions{justify-content:center}.demo-trust-header,.trust-panel-header{flex-direction:column}.hub-visual{min-height:52vh}.hub-sphere-wrap{width:min(78vw,620px)}.hub-title{width:100%}}@media (width<=720px){.shell{padding:14px}.console-shell{border-radius:22px;padding:18px}.console-title h1{font-size:2.25rem}.form-actions,.quick-actions,.status-chip-row,.health-summary{flex-direction:column}.hub-visual{min-height:38vh}.hub-sphere-wrap{width:min(88vw,460px)}.hub-action-btn{width:100%;min-width:0}}
