:root{
  --bg:#070a12;
  --bg-soft:#0b1020;
  --surface:#101827;
  --surface-strong:#152033;
  --ink:#f8fafc;
  --muted:#b8c2d6;
  --muted-2:#8f9bb2;
  --line:#273244;
  --accent:#5eead4;
  --accent-blue:#60a5fa;
  --accent-warm:#fbbf24;
  --good:#34d399;
  --warn:#f59e0b;
  --bad:#fb7185;
  --shadow:0 24px 80px #0007;
  --safe-top:env(safe-area-inset-top);
  --safe-bottom:env(safe-area-inset-bottom);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 12% -10%,#155e7560,transparent 34%),
    radial-gradient(circle at 95% 0%,#1d4ed840,transparent 30%),
    linear-gradient(180deg,var(--bg),#05070d 78%);
  color:var(--ink);
  font-family:"Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.skipLink{position:absolute;left:16px;top:-80px;z-index:20;padding:12px 16px;border-radius:14px;background:var(--ink);color:#020617;font-weight:800}.skipLink:focus{top:16px}
.shell{width:min(1180px,100%);margin:0 auto;padding:calc(22px + var(--safe-top)) 22px calc(40px + var(--safe-bottom))}
.nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0 28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.03em}.brand span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#dbeafe;color:#07111f;font-size:13px;box-shadow:0 0 0 1px #ffffff24}.brand strong{font-size:18px}.navlinks{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.navlinks a{min-height:42px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;color:var(--muted);font-weight:700}.navlinks a:hover,.navlinks a:focus-visible{background:#ffffff10;color:var(--ink);outline:none}
.hero{min-height:74vh;display:flex;flex-direction:column}.intro{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:center}.kicker{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.intro h1{font-size:clamp(42px,6.8vw,78px);line-height:.98;letter-spacing:-.04em;text-wrap:balance;margin:0 0 22px;max-width:820px}.lead{font-size:clamp(17px,2vw,22px);line-height:1.65;color:var(--muted);max-width:720px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:15px;background:#111a2b;border:1px solid var(--line);color:var(--ink);font-weight:850;box-shadow:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px);background:#172235;border-color:#3a4860}.btn:focus-visible,.appCard:focus-visible,.statusList a:focus-visible,.opsLink:focus-visible{outline:3px solid #5eead455;outline-offset:3px}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn.primary{background:#dbeafe;color:#06111f;border-color:#dbeafe}.btn.primary:hover{background:#bfdbfe}.btn.quiet,.btn.ghost{background:transparent}.opsPanel{padding:24px;border-radius:24px;background:linear-gradient(180deg,#101827,#0d1422);border:1px solid var(--line);box-shadow:var(--shadow)}.opsTop{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.opsTop p{margin:0}.opsTop strong{font-size:21px;letter-spacing:-.04em}.muted{color:var(--muted);font-size:13px}.opsList{display:grid;gap:14px;margin:18px 0 20px}.opsList div{display:grid;gap:4px}.opsList dt{color:var(--muted-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.opsList dd{margin:0;color:var(--ink);font-weight:700;line-height:1.45}.opsLink{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;background:#0b1220;border:1px solid var(--line);color:var(--accent);font-weight:850}
.section{margin-top:24px;padding:30px;border-radius:28px;background:#0d1422cc;border:1px solid var(--line);box-shadow:0 18px 70px #0004}.sectionHead,.splitHead,.trendingHead,.goldHead,.vpsHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.section h2{margin:0;font-size:clamp(27px,4vw,46px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.sectionIntro,.signalIntro p,.bodyText{color:var(--muted);line-height:1.7;margin:0;max-width:66ch}.sectionIntro{max-width:390px}.appGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.appCard{grid-column:span 3;min-height:156px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start;padding:22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);transition:transform .16s ease,background .16s ease,border-color .16s ease}.appCard:hover{transform:translateY(-2px);background:var(--surface-strong);border-color:#41506a}.primaryApp{grid-column:span 6;background:linear-gradient(135deg,#132b34,#111827 55%);border-color:#2dd4bf55}.opsApp{background:#0b1220}.icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#ffffff10;border:1px solid var(--line);font-size:22px}.appCopy{display:grid;gap:7px}.appCopy strong{font-size:20px;letter-spacing:-.035em}.primaryApp .appCopy strong{font-size:25px}.appCopy small{color:var(--muted);line-height:1.55;font-size:14px}.open{align-self:start;display:inline-flex;min-height:34px;align-items:center;padding:0 12px;border-radius:999px;background:#ffffff0f;color:var(--accent);font-size:13px;font-weight:850}.signalIntro{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:end;background:transparent;box-shadow:none}.signalIntro h2{grid-column:1}.signalIntro p:last-child{grid-column:2;align-self:end}.trendingLatest{font-size:15px;color:var(--muted);font-weight:700;letter-spacing:-.02em}.vpsSource{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;background:#ffffff0e;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}.vpsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vpsCard{padding:18px;border-radius:20px;background:#101827;border:1px solid var(--line)}.vpsCard.warn{border-color:#f59e0b70;background:#1f1a10}.vpsCard.high{border-color:#fb718570;background:#24111a}.vpsCardTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.vpsCardTop span{color:var(--muted);font-size:13px;font-weight:850}.vpsCardTop b{font-size:30px;line-height:1;letter-spacing:-.04em}.vpsBar{height:9px;border-radius:999px;background:#ffffff12;overflow:hidden;margin:18px 0 10px}.vpsBar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-blue))}.vpsCard.warn .vpsBar span{background:linear-gradient(90deg,#fbbf24,#f97316)}.vpsCard.high .vpsBar span{background:linear-gradient(90deg,#fb7185,#ef4444)}.vpsCard p{margin:0;color:var(--muted);font-size:13px}.goldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.goldCard{position:relative;overflow:hidden;padding:22px;border-radius:22px;background:#111827;border:1px solid #fbbf2445}.goldCard.local{background:#151827}.goldCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.goldCode{margin:0 0 5px;color:#fcd34d;font-size:12px;font-weight:900;letter-spacing:.14em}.goldCard h3{font-size:22px;letter-spacing:-.035em;margin:0}.goldBadge{padding:7px 10px;border-radius:999px;background:#ffffff10;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}.goldPrice{font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-.04em;margin:20px 0 5px}.goldSub{color:var(--muted);font-size:13px}.goldChanges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.goldChange{padding:10px;border-radius:14px;background:#ffffff0c;border:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.35}.goldChange b{display:block;color:var(--ink);margin-bottom:3px}.goldChange.up{color:#86efac;border-color:#34d39955;background:#34d39914}.goldChange.down{color:#fca5a5;border-color:#ef444455;background:#ef444414}.goldChange.flat{color:#cbd5e1}.goldSpark{width:100%;height:46px;margin-top:18px}.goldSpark polyline{fill:none;stroke:#fbbf24;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.goldFoot{grid-column:1/-1}.aiTestForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.aiTestForm label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:850}.aiTestForm input,.aiTestForm textarea{width:100%;border:1px solid var(--line);border-radius:15px;background:#080d18;color:var(--ink);padding:13px 14px;outline:none}.aiTestForm input:focus,.aiTestForm textarea:focus{border-color:#5eead4aa;box-shadow:0 0 0 4px #5eead422}.aiPrompt{grid-column:1/-1}.aiTestForm .btn{width:max-content}.aiHint{grid-column:span 2;margin:0;align-self:center;color:var(--muted);font-size:12px;line-height:1.5}.aiTestResult{white-space:pre-wrap;word-break:break-word;margin:0;padding:18px;border-radius:18px;background:#020617;border:1px solid var(--line);color:#dbeafe;min-height:92px;max-height:360px;overflow:auto;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.aiTestResult.error{color:#fecaca;border-color:#ef444466;background:#450a0a55}.trendingGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:0}.trendRepo{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px 16px;border-radius:18px;background:#101827;border:1px solid var(--line);transition:transform .16s ease,background .16s ease,border-color .16s ease}.trendRepo:hover{transform:translateY(-1px);background:#152033;border-color:#41506a}.trendRank{width:34px;height:34px;border-radius:12px;background:#dbeafe;color:#06111f;display:grid;place-items:center;font-size:12px;font-weight:900}.trendMain{min-width:0;display:grid;gap:5px}.trendRepoName{font-size:15px;font-weight:850;letter-spacing:-.03em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trendRepoDesc{font-size:13px;line-height:1.55;color:var(--muted)}.trendRepoMeta{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:10px;font-size:12px;color:var(--muted);white-space:nowrap}.trendLang{display:flex;align-items:center;gap:5px}.trendLangDot{width:8px;height:8px;border-radius:999px;display:inline-block}.trendStat{display:inline-flex;align-items:center;gap:3px}.trendToday{font-weight:800;color:var(--good);font-size:12px}.trendingLoading{color:var(--muted);font-size:14px;grid-column:1/-1;text-align:center;padding:20px}.twoCol{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.statusPanel{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;align-items:start}.statusList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statusList a{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:14px;background:#101827;border:1px solid var(--line);color:var(--muted);font-weight:750;overflow:hidden;text-overflow:ellipsis}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted-2);flex:none}.dot.ok{background:var(--good)}.dot.guarded{background:var(--warn)}footer{padding:30px 0 0;text-align:center;color:var(--muted-2);font-size:13px}
.browserControlCard{position:relative}.browserControlCard.is-running{border-color:#34d39966;background:linear-gradient(135deg,#0b2a24,#0b1220 60%)}.browserControlCard.is-stopped{border-color:#f59e0b66}.browserControlActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.miniBtn{min-height:34px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font-weight:850;cursor:pointer}.miniBtn:hover{background:#ffffff18}.miniBtn:disabled{cursor:not-allowed;opacity:.55}.miniBtn.start{color:var(--good)}.miniBtn.stop{color:var(--bad)}.miniBtn.restart{color:var(--accent-blue)}.open.disabled{opacity:.55}

.pinGate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 30% 0%,#155e7560,transparent 34%),linear-gradient(180deg,var(--bg),#05070d)}.pinGate[hidden]{display:none}.pinBox{width:min(430px,100%);padding:28px;border-radius:28px;background:#0d1422;border:1px solid var(--line);box-shadow:var(--shadow)}.pinBox h1{margin:0 0 12px;font-size:clamp(30px,8vw,44px);line-height:1.05;letter-spacing:-.04em}.pinBox p{color:var(--muted);line-height:1.6}.pinBox label{display:grid;gap:8px;margin:18px 0 14px;color:var(--muted);font-weight:800}.pinBox input{width:100%;min-height:52px;border-radius:16px;border:1px solid var(--line);background:#070a12;color:var(--ink);padding:0 14px;outline:none}.pinBox input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5eead433}.pinBox .btn{width:100%}.pinError{min-height:22px;color:var(--bad)!important;font-weight:800}

@media(max-width:900px){.intro{grid-template-columns:1fr}.opsPanel{max-width:none}.sectionHead,.splitHead,.trendingHead,.goldHead,.vpsHead{display:grid}.sectionIntro{max-width:none}.appGrid{grid-template-columns:1fr}.appCard,.primaryApp{grid-column:1}.signalIntro,.twoCol,.statusPanel{grid-template-columns:1fr}.signalIntro h2,.signalIntro p:last-child{grid-column:1}.vpsGrid,.goldGrid,.statusList{grid-template-columns:1fr}.trendingHead .btn,.goldHead .btn{width:100%}.trendRepo{grid-template-columns:36px minmax(0,1fr);align-items:start}.trendRepoMeta{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.trendRank{width:32px;height:32px;border-radius:11px}.aiTestForm{grid-template-columns:1fr}.aiTestForm .btn,.aiHint{width:100%;grid-column:1}}
@media(max-width:560px){.shell{padding-left:16px;padding-right:16px}.nav{align-items:flex-start}.brand strong{display:none}.navlinks{max-width:250px}.navlinks a{min-height:38px;padding:0 10px;font-size:13px}.intro h1{font-size:42px}.actions .btn{width:100%}.section{padding:22px;border-radius:22px}.appCard{grid-template-columns:1fr;gap:12px}.open{width:max-content}.goldChanges{grid-template-columns:1fr}.goldPrice{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}