:root{
  --bg:#0b091c;--bg2:#12102b;--card:#181533;--card2:#201a43;
  --text:#f7f3ff;--muted:#b9afd0;--violet:#9b78ff;--pink:#ef78c8;
  --gold:#f6d68e;--line:rgba(255,255,255,.10);--danger:#ff9da9;
  --shadow:0 22px 60px rgba(0,0,0,.34)
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;color:var(--text);background:
 radial-gradient(circle at 10% 0%,rgba(122,74,203,.25),transparent 30%),
 radial-gradient(circle at 90% 12%,rgba(239,120,200,.13),transparent 25%),
 var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
 min-height:100dvh;-webkit-tap-highlight-color:transparent}
button,input,textarea,select{font:inherit}
button{color:inherit}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(11,9,28,.88);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;border-radius:13px}
.brand strong{display:block;font-size:20px;letter-spacing:-.03em}.brand strong span{color:var(--violet)}
.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.14em;margin-top:1px}
#app{width:min(760px,100%);margin:auto;padding:0 16px 110px}
.view{display:none;padding:18px 0 40px}.view.active{display:block;animation:fade .2s ease}
@keyframes fade{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero{padding:32px 0 22px;text-align:center}.pill,.test-badge{display:inline-flex;padding:7px 11px;border:1px solid rgba(155,120,255,.3);border-radius:999px;background:rgba(155,120,255,.09);color:#c9b7ff;font-size:11px;font-weight:800;letter-spacing:.12em}
.hero h1{font-family:Georgia,serif;font-size:clamp(40px,11vw,68px);line-height:1.03;margin:18px 0 14px;letter-spacing:-.04em}
.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:600px;margin:0 auto 22px;color:var(--muted);font-size:16px;line-height:1.65}
.primary,.secondary,.ghost{border:0;border-radius:16px;padding:14px 16px;font-weight:800;cursor:pointer}
.primary{background:linear-gradient(135deg,var(--violet),#7451db 48%,var(--pink));box-shadow:0 14px 32px rgba(116,81,219,.28)}
.secondary{background:rgba(255,255,255,.06);border:1px solid var(--line)}
.ghost{background:rgba(255,255,255,.055);border:1px solid var(--line)}.small{padding:9px 12px;border-radius:12px;font-size:12px}
.wide{display:block;width:100%;margin:10px 0}.primary:disabled{opacity:.48;cursor:not-allowed}
.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 2px 12px}.section-title span{font-weight:850;font-size:19px}.section-title small{color:var(--muted)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{min-height:142px;text-align:left;border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 14px 38px rgba(0,0,0,.16);cursor:pointer}
.feature b{display:block;font-size:28px;margin-bottom:15px}.feature strong{display:block;font-size:16px}.feature span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.safety-card{margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(246,214,142,.20);background:rgba(246,214,142,.055)}.safety-card b{color:var(--gold)}.safety-card p{color:var(--muted);font-size:13px;margin:8px 0 0}
.view-head{display:flex;align-items:center;gap:12px;margin:2px 0 22px}.view-head h2{margin:0;font-size:28px}.view-head p{margin:2px 0 0;color:var(--muted);font-size:13px}.back{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:30px;line-height:1;cursor:pointer}
.field{display:block;color:#dcd5ef;font-size:13px;font-weight:750;margin:14px 0}.field input,.field textarea,.field select,textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);outline:0;color:var(--text);background:#121027;border-radius:16px;padding:14px}.field textarea,textarea{resize:vertical;min-height:120px}.field select{appearance:none}
.quota{padding:12px 14px;border-radius:15px;background:rgba(155,120,255,.08);border:1px solid rgba(155,120,255,.18);color:#cfc4e3;font-size:13px}
.status{min-height:22px;color:var(--muted);font-size:13px;text-align:center;margin:8px 0}.status.error{color:var(--danger)}
.answer{border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));padding:20px;line-height:1.7;box-shadow:var(--shadow);white-space:normal}
.answer h3{font-family:Georgia,serif;font-size:28px;margin:5px 0 10px}.answer p{color:#ddd6ed}.ai-label{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--violet);margin-bottom:10px}.answer-actions{display:flex;gap:10px;margin-top:16px}.center{text-align:center}
.oracle-stage{display:grid;place-items:center;padding:20px 0 30px}.oracle-card{width:min(250px,66vw);aspect-ratio:.66;border-radius:24px;border:1px solid rgba(246,214,142,.45);background:
 radial-gradient(circle at 50% 32%,rgba(246,214,142,.14),transparent 22%),linear-gradient(145deg,#2b1656,#100c26);box-shadow:0 30px 65px rgba(0,0,0,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer}
.oracle-card span{font-size:66px;color:var(--gold)}.oracle-card small{font-size:10px;letter-spacing:.16em;color:#d7c8ef}
.oracle-card:disabled{opacity:.55}.reflection{padding-top:10px;border-top:1px solid var(--line)}.note{color:var(--muted);font-size:12px;text-align:center}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.tab{padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer}.tab.active{background:rgba(155,120,255,.17);border-color:rgba(155,120,255,.4)}
.big-symbol{font-size:54px;color:var(--gold);text-align:center}.premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.premium-card{min-height:150px;text-align:left;border:1px solid var(--line);border-radius:20px;padding:16px;background:linear-gradient(160deg,#1d183c,#14112e);cursor:pointer}.premium-card b{font-size:28px;display:block}.premium-card strong{display:block;margin:12px 0 4px}.premium-card span{font-size:12px;color:var(--muted)}.premium-flow{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035)}.premium-flow h3{margin-top:0}.test-badge{color:var(--gold);border-color:rgba(246,214,142,.24);background:rgba(246,214,142,.07)}
.bottom-nav{position:fixed;z-index:50;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(730px,calc(100% - 20px));height:72px;padding:7px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:rgba(16,13,39,.94);border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(0,0,0,.45)}
.navitem{border:0;background:transparent;color:var(--muted);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.navitem span{font-size:20px}.navitem small{font-size:10px}.navitem.active{background:rgba(155,120,255,.13);color:#fff}
.toast{position:fixed;z-index:70;left:50%;bottom:96px;transform:translateX(-50%);background:#272147;border:1px solid var(--line);padding:11px 16px;border-radius:14px;box-shadow:var(--shadow);font-size:13px}
@media(min-width:760px){.topbar{padding-left:calc((100% - 760px)/2 + 16px);padding-right:calc((100% - 760px)/2 + 16px)}.cards{grid-template-columns:repeat(4,1fr)}.premium-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:390px){#app{padding-left:12px;padding-right:12px}.hero h1{font-size:39px}.cards,.premium-grid{gap:9px}.feature,.premium-card{padding:14px}.brand small{display:none}}

.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 26px}
.price-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 14px 38px rgba(0,0,0,.18)}
.price-card.popular{border-color:rgba(239,120,200,.5);box-shadow:0 18px 50px rgba(116,81,219,.22)}
.price-card h3{font-family:Georgia,serif;font-size:23px;margin:8px 0}
.price-card p,.price-card li{color:var(--muted);font-size:13px}.price-card ul{padding-left:18px;min-height:86px}
.price{font-family:Georgia,serif;font-size:36px;color:var(--gold);font-weight:800;margin:8px 0}.price small{font:600 13px system-ui;color:var(--muted)}
.price-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(155,120,255,.12);border:1px solid rgba(155,120,255,.25);color:#d5c8ff;font-size:9px;font-weight:900;letter-spacing:.12em}
.buy-btn.loading{opacity:.55;pointer-events:none}
.access-box{margin:14px 0 22px;padding:16px;border:1px solid rgba(124,226,162,.25);background:rgba(124,226,162,.06);border-radius:18px;color:#c9f6d8;font-size:13px}
@media(max-width:560px){.pricing-grid{grid-template-columns:1fr}.price-card ul{min-height:0}}