:root{
  --bg:#06100d;--bg2:#091411;--glass:rgba(255,255,255,.065);--glass2:rgba(255,255,255,.095);
  --line:rgba(255,255,255,.12);--text:#f5fff9;--muted:#91a59b;--mint:#78ffb4;--mint2:#20e783;
  --violet:#a78bfa;--amber:#ffc966;--red:#ff7694;--shadow:0 30px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:
radial-gradient(circle at 20% 0%,rgba(32,231,131,.12),transparent 34%),
radial-gradient(circle at 100% 22%,rgba(167,139,250,.12),transparent 30%),
linear-gradient(160deg,#04100c 0%,#07100f 48%,#090d12 100%);
color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 78%);pointer-events:none}
.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;animation:float 10s ease-in-out infinite}.ambient-a{width:330px;height:330px;background:var(--mint2);left:-140px;top:18%}.ambient-b{width:300px;height:300px;background:var(--violet);right:-120px;top:50%;animation-delay:-4s}
@keyframes float{50%{transform:translate3d(20px,-30px,0) scale(1.08)}}
.shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:14px 0 70px}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}
.topbar{position:sticky;top:10px;z-index:20;border-radius:22px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.brand{display:flex;align-items:center;gap:11px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em}.brand strong{display:block;font-size:14px;letter-spacing:.04em}
.logo-orbit{width:36px;height:36px;position:relative;display:grid;place-items:center}.logo-dot{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 18px var(--mint)}.logo-ring{position:absolute;inset:3px;border:1px solid rgba(120,255,180,.45);border-radius:50%;animation:spin 4s linear infinite}.logo-ring:after{content:"";position:absolute;width:5px;height:5px;background:var(--violet);border-radius:50%;top:-2px;left:50%}
@keyframes spin{to{transform:rotate(360deg)}}.live-chip{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(32,231,131,.1);border:1px solid rgba(120,255,180,.25);font-size:10px;font-weight:800;letter-spacing:.12em}.live-chip i,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint);animation:pulse 1.35s infinite}
@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}.hidden{display:none!important}.locked{min-height:72vh;border-radius:30px;display:grid;place-items:center;text-align:center;padding:40px}.locked>div,.locked h1,.locked p{grid-column:1}.lock-icon{font-size:44px}.locked h1{margin:10px 0 0}.locked p{color:var(--muted);max-width:420px}
.app-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.hero{grid-column:1/-1;min-height:310px;border-radius:30px;padding:32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto -10% -60% 45%;height:260px;background:radial-gradient(circle,rgba(120,255,180,.1),transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--mint);font-size:9px;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(38px,7vw,76px);line-height:.93;letter-spacing:-.055em;margin:12px 0 16px}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--mint),#d9ffe9 50%,var(--violet));-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);font-size:13px}
.radar{position:relative;width:min(42vw,290px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(120,255,180,.08),transparent 60%);flex:0 0 auto}.radar-ring{position:absolute;border:1px solid rgba(120,255,180,.14);border-radius:50%}.r1{inset:10%}.r2{inset:25%}.r3{inset:39%}.sweep{position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 77%,rgba(120,255,180,.18) 93%,rgba(120,255,180,.65));mask:radial-gradient(circle,transparent 0 8%,#000 9%);animation:sweep 3.4s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar-core{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(5,20,14,.86);border:1px solid rgba(120,255,180,.35);box-shadow:0 0 35px rgba(32,231,131,.16);z-index:3}.radar-core b{font-size:33px;line-height:1}.radar-core span{color:var(--mint);font-size:9px;letter-spacing:.18em;margin-top:6px}.radar-dummy{}
#radar-dots i{position:absolute;left:var(--x);top:var(--y);width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:dotPulse 1.7s var(--delay) infinite}.radar.hit:before{content:"";position:absolute;inset:35%;border:2px solid var(--mint);border-radius:50%;animation:hit .8s ease-out forwards}@keyframes hit{to{inset:0;opacity:0}}@keyframes dotPulse{50%{transform:scale(1.9);opacity:.25}}
.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{border-radius:20px;padding:17px;display:grid;gap:7px;min-height:115px}.metric span{font-size:11px;color:var(--muted)}.metric strong{font-size:29px;letter-spacing:-.04em}.metric small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric.accent{background:linear-gradient(145deg,rgba(32,231,131,.15),rgba(167,139,250,.07))}
.panel{border-radius:26px;padding:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{font-size:20px;margin:4px 0 0;letter-spacing:-.03em}.icon-btn{border:1px solid var(--line);background:var(--glass);color:var(--text);width:36px;height:36px;border-radius:50%;font-size:18px}.icon-btn.spin{animation:spin .5s ease}
.wave{display:flex;gap:3px;height:22px;align-items:end}.wave i{width:3px;background:var(--mint);border-radius:4px;animation:wave 1s infinite}.wave i:nth-child(2){animation-delay:.15s}.wave i:nth-child(3){animation-delay:.3s}.wave i:nth-child(4){animation-delay:.45s}@keyframes wave{0%,100%{height:5px;opacity:.4}50%{height:20px;opacity:1}}
.feed{display:grid;gap:9px;max-height:500px;overflow:auto;padding-right:2px}.feed-item{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.14);border-radius:17px}.feed-item.fresh{animation:slide .45s cubic-bezier(.2,.8,.2,1)}@keyframes slide{from{opacity:0;transform:translateY(-12px) scale(.98)}}.feed-item.conversion{border-color:rgba(255,201,102,.25);background:rgba(255,201,102,.06)}.feed-icon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.06);display:grid;place-items:center}.feed-copy{min-width:0}.feed-copy>div{display:flex;justify-content:space-between;gap:10px}.feed-copy b{font-size:10px;color:var(--mint);letter-spacing:.06em}.feed-copy time{font-size:9px;color:var(--muted)}.feed-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.feed-copy p{margin:0;color:var(--muted);font-size:10px}.feed-item>.live-dot{align-self:start;margin-top:7px}
.idea-chat{display:grid;gap:11px;max-height:500px;overflow:auto}.ai-bubble{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:14px;border-radius:18px 18px 18px 6px;background:linear-gradient(145deg,rgba(167,139,250,.11),rgba(120,255,180,.055));border:1px solid rgba(167,139,250,.16);animation:ideaIn .45s calc(var(--i,0)*.05s) both}@keyframes ideaIn{from{opacity:0;transform:translateY(8px)}}.ai-bubble>span{width:36px;height:36px;border-radius:13px;background:rgba(255,255,255,.07);display:grid;place-items:center}.idea-meta{display:flex;gap:8px;align-items:start;justify-content:space-between}.idea-meta b{font-size:12px}.idea-meta em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:4px 6px;background:rgba(255,255,255,.08)}.idea-meta em.high{color:var(--amber)}.idea-meta em.medium{color:var(--violet)}.ai-bubble p{font-size:11px;line-height:1.55;color:#c7d5ce;margin:7px 0}.ai-bubble small{color:var(--mint);font-size:9px}
.typing{display:flex;gap:5px;padding:18px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{50%{transform:translateY(-5px);background:var(--mint)}}
.breakdown-panel,.controls-panel{grid-column:1/-1}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.breakdown-grid h3{font-size:11px;color:var(--muted);margin:0 0 12px}.bars{display:grid;gap:9px}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:5px}.bar-row span{max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:5px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--mint2),var(--mint),var(--violet));transition:width .5s ease}
.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.control-btn{color:var(--text);text-align:left;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.12);border-radius:17px;padding:13px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;transition:.2s}.control-btn>span{grid-row:1/3;font-size:21px}.control-btn b{font-size:11px}.control-btn small{font-size:9px;color:var(--muted);margin-top:3px}.control-btn.is-active{border-color:rgba(120,255,180,.32);background:rgba(32,231,131,.08);transform:translateY(-1px)}
.empty{padding:22px;text-align:center;color:var(--muted);font-size:11px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f6fff9;color:#07100d;padding:10px 14px;border-radius:999px;font-weight:800;font-size:11px;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:4px}
@media(max-width:760px){.shell{width:min(100% - 18px,680px);padding-top:9px}.topbar{top:7px}.app-grid{grid-template-columns:1fr;gap:10px}.hero{min-height:410px;padding:23px;display:grid;grid-template-columns:1fr}.hero h1{font-size:46px}.radar{width:230px;margin:-5px auto 0}.metrics{grid-template-columns:repeat(2,1fr)}.metric{min-height:102px}.feed-panel,.ideas-panel{grid-column:1}.breakdown-grid{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.panel{padding:16px}.brand strong{font-size:12px}}
@media(max-width:420px){.hero h1{font-size:40px}.radar{width:210px}.controls{grid-template-columns:1fr}.metric strong{font-size:26px}}