@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Noto Sans Arabic,sans-serif;color:#e8f7ef;background:#071a16;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#071a16}button,input{font:inherit}.shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 82% 8%,rgba(57,255,136,.09),transparent 26%),#071a16;position:relative}.shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(57,255,136,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,136,.06) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid rgba(145,255,193,.13);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;color:#e8f7ef;text-decoration:none;font-family:Space Mono,monospace;font-size:14px;letter-spacing:.02em}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid #39FF88;color:#39ff88;border-radius:8px;font-size:12px;box-shadow:0 0 20px #39ff8833}.brand-accent{color:#39ff88}.top-actions{display:flex;align-items:center;gap:20px}.status{font-family:Space Mono,monospace;font-size:10px;color:#91b9a1;display:flex;gap:7px;align-items:center}.status i{display:block;width:6px;height:6px;border-radius:50%;background:#39ff88;box-shadow:0 0 10px #39ff88}.lang-switch{border:0;background:transparent;color:#39ff88;cursor:pointer;font-family:Space Mono,monospace;font-size:11px;padding:8px 0}.hero{max-width:1230px;margin:0 auto;padding:clamp(54px,8vw,105px) clamp(20px,4vw,52px) 72px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}.hero-copy{max-width:635px}.eyebrow,.section-kicker{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.13em;color:#6f9b80;text-transform:uppercase}.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:23px}.pulse{width:8px;height:8px;border-radius:50%;background:#ffb000;box-shadow:0 0 14px #ffb000}.hero h1{font-size:clamp(45px,6vw,82px);line-height:1.08;letter-spacing:-.06em;margin:0 0 24px;font-weight:800;color:#effff4}.hero p{font-size:clamp(15px,1.5vw,18px);color:#99baa5;line-height:1.9;max-width:540px;margin:0}.hero-meta{display:flex;align-items:center;gap:15px;color:#70937d;font-size:11px;margin-top:30px}.tag{border:1px solid rgba(57,255,136,.4);color:#39ff88;padding:6px 10px;border-radius:5px;font-family:Space Mono,monospace;font-size:10px}.hero-orbit{width:285px;height:285px;position:relative;flex:0 0 285px;margin-inline-end:5%;opacity:.9}.orbit-ring{position:absolute;border:1px solid rgba(57,255,136,.28);border-radius:50%;top:8%;right:8%;bottom:8%;left:8%;transform:rotate(-24deg) skew(-7deg)}.ring-two{top:19%;right:19%;bottom:19%;left:19%;border-color:#ffb00061;transform:rotate(57deg) skew(15deg)}.orbit-core{position:absolute;top:34%;right:34%;bottom:34%;left:34%;border:1px solid #39FF88;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c2b21;box-shadow:0 0 40px #39ff8833,inset 0 0 20px #39ff881a}.orbit-core span{font:700 23px Space Mono;color:#39ff88}.orbit-core small{font:8px Space Mono;line-height:1.4;color:#9bc4a9;text-align:center;margin-top:6px}.orbit-node{position:absolute;font:10px Space Mono;color:#39ff88;border:1px solid rgba(57,255,136,.5);padding:6px;border-radius:50%;background:#071a16}.node-a{top:20px;right:41px}.node-b{bottom:36px;left:30px;color:#ffb000;border-color:#ffb000}.node-c{bottom:55px;right:35px}.workspace{max-width:1230px;margin:0 auto;padding:0 clamp(20px,4vw,52px) 76px;display:grid;grid-template-columns:310px 1fr;gap:24px;position:relative;z-index:1}.side-panel,.chat-panel{border:1px solid rgba(145,255,193,.14);background:#081f18c7;border-radius:16px}.side-panel{padding:25px 20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tiny-live{font:9px Space Mono;color:#39ff88}.scenario-list{display:flex;flex-direction:column;gap:8px}.scenario{display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#daefe0;text-align:start;padding:12px 10px;cursor:pointer;transition:.2s}.scenario:hover{border-color:#39ff8859;background:#39ff880f;transform:translate(-3px)}.scenario-number{font:10px Space Mono;color:#39ff88;align-self:flex-start;margin-top:3px}.scenario span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.scenario strong{font-size:12px;font-weight:600}.scenario small,.topic small{color:#6f9780;font-size:10px;line-height:1.5}.scenario b{font:14px Space Mono;color:#62846e}.side-divider{height:1px;background:#91ffc11f;margin:25px 0}.topic-list{display:flex;flex-direction:column;gap:17px}.topic{display:flex;gap:13px}.topic>span{font:10px Space Mono;color:#ffb000}.topic strong{display:block;font-size:12px;margin-bottom:3px}.chat-panel{padding:clamp(18px,3vw,30px);display:flex;flex-direction:column;min-height:560px}.chat-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.chat-head h2{font-size:22px;margin:7px 0 2px;letter-spacing:-.03em}.chat-head p{font-size:11px;color:#6f9780;margin:0}.clear-btn{background:none;border:0;color:#6f9780;font-size:10px;cursor:pointer;padding:4px}.clear-btn:hover{color:#39ff88}.notice{display:flex;gap:12px;padding:13px 15px;border:1px solid rgba(255,176,0,.25);border-radius:9px;background:#ffb0000e;margin-bottom:20px}.notice-icon{border:1px solid #FFB000;color:#ffb000;border-radius:50%;font:11px Space Mono;width:18px;height:18px;display:grid;place-items:center;flex:none}.notice strong{display:block;color:#f8d17b;font-size:11px;margin-bottom:3px}.notice p{margin:0;color:#b5a987;font-size:10px;line-height:1.7}.messages{display:flex;flex-direction:column;gap:16px;overflow:auto;flex:1;min-height:230px;max-height:330px;padding:5px 3px 15px}.message{max-width:88%;animation:rise .25s ease-out}.message.user{align-self:flex-start}.message.assistant{align-self:flex-end}.message-label{font:9px Space Mono;letter-spacing:.08em;color:#658b73;margin-bottom:6px}.message.assistant .message-label{color:#39ff88}.message-body{font-size:12px;line-height:1.9;padding:12px 14px;border-radius:10px;background:#0d3326;color:#d4ebda;border:1px solid rgba(57,255,136,.12)}.message.user .message-body{background:#14231e;border-color:#ffb0002e;color:#d7d6c2}.composer{display:flex;align-items:center;border:1px solid rgba(145,255,193,.2);border-radius:10px;background:#071a16;padding:5px 6px 5px 13px;margin-top:auto}.composer:focus-within{border-color:#39ff88;box-shadow:0 0 0 3px #39ff8812}.composer input{flex:1;border:0;outline:0;background:transparent;color:#e8f7ef;min-width:0;font-size:12px}.composer input::placeholder{color:#5f806b}.composer button{width:36px;height:34px;border:0;border-radius:7px;background:#39ff88;color:#071a16;font-size:19px;cursor:pointer}.composer button:hover{background:#a1ffc1}.composer-hint{font:9px Space Mono;color:#557460;margin-top:10px}.kbd{border:1px solid rgba(145,255,193,.2);padding:3px 5px;border-radius:4px}.hint-dot{color:#39ff88;padding:0 6px}footer{max-width:1230px;margin:0 auto;border-top:1px solid rgba(145,255,193,.12);padding:20px clamp(20px,4vw,52px) 32px;display:flex;justify-content:space-between;color:#527361;font:9px Space Mono;position:relative;z-index:1}footer b{color:#39ff88;padding-inline-start:7px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:820px){.hero{padding-top:55px;padding-bottom:45px}.hero-orbit{width:190px;height:190px;flex-basis:190px;margin-inline-end:0}.hero-orbit .orbit-core{top:30%;right:30%;bottom:30%;left:30%}.hero-orbit .node-a{top:3px;right:18px}.hero-orbit .node-b{bottom:16px;left:8px}.hero-orbit .node-c{bottom:27px;right:8px}.workspace{grid-template-columns:1fr}.side-panel{order:2}.scenario-list,.topic-list{display:grid;grid-template-columns:1fr 1fr}.chat-panel{order:1;min-height:520px}}@media (max-width:560px){.topbar{height:65px;padding:0 18px}.brand{font-size:11px;gap:7px}.brand-mark{width:27px;height:27px;font-size:10px}.status{display:none}.hero{display:block;padding:43px 20px 34px}.hero h1{font-size:47px;letter-spacing:-.07em}.hero p{font-size:14px;line-height:1.8}.hero-meta{display:block;line-height:2;margin-top:21px}.hero-meta .tag{display:inline-block;margin-bottom:5px}.hero-orbit{display:none}.workspace{padding:0 14px 42px;gap:13px}.chat-panel{padding:17px 14px;border-radius:12px;min-height:550px}.chat-head{margin-bottom:16px}.chat-head h2{font-size:19px}.chat-head p{font-size:10px}.notice{padding:11px 10px;gap:9px}.notice p{font-size:9px}.message{max-width:94%}.message-body{font-size:11px;line-height:1.8}.side-panel{padding:20px 15px}.scenario-list{grid-template-columns:1fr;gap:5px}.topic-list{grid-template-columns:1fr 1fr;gap:14px 10px}.topic small{font-size:9px}footer{padding:18px 20px 25px;display:block;line-height:2}footer span{display:block}}