:root {
  --bg:#030306;--panel:rgba(18,18,22,.72);--panel-alt:rgba(12,12,16,.78);--surface:rgba(28,28,34,.85);
  --line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.05);
  --text:#f5f5f7;--text-sec:#a1a1a6;--text-dim:#6e6e73;--text-ghost:#48484a;
  --accent:#8b5cf6;--accent-dim:rgba(139,92,246,.12);
  --accent-glow:0 0 0 1px rgba(139,92,246,.28),0 8px 32px rgba(99,102,241,.12),0 0 60px rgba(139,92,246,.08);
  --glass-bg:rgba(255,255,255,.04);--glass-border:rgba(255,255,255,.12);--glass-highlight:inset 0 1px 0 rgba(255,255,255,.1);
  --liquid-blur:24px;--liquid-sat:1.35;
  --ok:#22c55e;--err:#ef4444;--warn:#eab308;
  --font:-apple-system,BlinkMacSystemFont,'Inter',system-ui,'Segoe UI',Roboto,sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);
  --r:10px;--r-lg:16px;--r-xl:22px;--r-pill:9999px;
  --sidebar-w:280px;--bnav-h:0px;
  color-scheme:dark;
}
[data-theme="dark"],[data-theme="light"]{
  --bg0:#000;--bg1:#000;--bg2:#000;
  --surface0:#121212;--surface1:#121212;--surface2:#1a1a1e;
  --glass:transparent;--glass2:transparent;--glass3:transparent;
  --primary:#8b5cf6;--primary-hover:#a78bfa;--primary-light:#c4b5fd;
  --primary-lighter:#a1a1aa;--primary-lightest:#71717a;
  --primary-dark:#8b5cf6;--primary-darker:#7c3aed;--primary-darkest:#6d28d9;
  --text:#ededed;--text-secondary:#a1a1aa;--text-muted:#71717a;
  --text-dim:#52525b;--text-faint:#3f3f46;--text-ghost:#27272a;
  --border:#262626;--border-hover:#3f3f46;--border-active:#52525b;
  --glow:none;--glow-strong:none;--glow-pink:none;
  --shadow:0 1px 3px rgba(0,0,0,.5);--shadow-lg:0 4px 16px rgba(0,0,0,.6);
  --accent-red:#ef4444;--accent-green:#22c55e;
  --font-sans:var(--font);--font-mono:var(--mono);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{height:100%;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{
  height:100%;width:100%;max-width:100vw;overflow-x:hidden;
  font-family:var(--font);color:var(--text);line-height:1.6;
  background-color:var(--bg);
  background-image:
    radial-gradient(120% 80% at 80% -10%,rgba(99,102,241,.22),transparent 50%),
    radial-gradient(90% 60% at -5% 40%,rgba(139,92,246,.14),transparent 45%),
    radial-gradient(70% 50% at 100% 100%,rgba(59,130,246,.1),transparent 40%),
    linear-gradient(180deg,#050508 0%,#030306 40%,#020204 100%);
  background-attachment:fixed;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  opacity:.55;mix-blend-mode:overlay;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--text-sec);text-decoration:none}a:hover{color:var(--text)}
::selection{background:rgba(139,92,246,.3);color:#fff}
*{-webkit-tap-highlight-color:transparent}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#333;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#444}
button,input,select,textarea{font-family:inherit;font-size:inherit}
#bg-c,#petals,.petal,.w-bg,.w-neko,.ob-em,.ob-dots{display:none !important}
.hide{display:none !important}
button{cursor:pointer}
.btn-new,.sff,.sbmode,.qt,.itool,.btn-s,.btn-p,.btn-gen,
.mfil,.custom-btn,.ic-a,.tbb,.send-btn,
.m-x,.bnav-item,.ma,.rpill,.lb-close,.lb-dl{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid var(--line);background:var(--panel-alt);color:var(--text-sec);
  border-radius:var(--r);padding:7px 12px;font-size:13px;font-weight:500;
  cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);
  white-space:nowrap;line-height:1.4;
}
.btn-new:hover,.sff:hover,.sbmode:hover,.qt:hover,.itool:hover,
.btn-s:hover,.btn-p:hover,.btn-gen:hover,
.mfil:hover,.custom-btn:hover,.ic-a:hover,.tbb:hover,
.send-btn:hover,.m-x:hover,.ma:hover,.rpill:hover{background:var(--surface);border-color:#3f3f46;color:var(--text)}
.btn-p{
  background:linear-gradient(180deg,#fff 0%,#f4f4f5 100%);
  color:#09090b;border-color:rgba(0,0,0,.06);font-weight:600;
  box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(0,0,0,.12);
}
.btn-p:hover{background:linear-gradient(180deg,#fafafa 0%,#e4e4e7 100%);border-color:#e4e4e7}
.btn-s{background:transparent;border-color:var(--line)}
.sbmode.on,.qt.on,.sn.on,.mfil.on,.mtab.on{background:var(--surface);border-color:#52525b;color:var(--text)}
.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;height:100dvh;max-width:100vw;overflow:hidden;transition:grid-template-columns .25s var(--ease)}
.app.closed{grid-template-columns:0 1fr}
.app.closed .sidebar{transform:translateX(-110%);pointer-events:none}
.sidebar{
  position:relative;z-index:2;
  background:rgba(10,10,14,.55);
  -webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-sat));
  backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-sat));
  border:none;border-right:1px solid var(--glass-border);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04),var(--glass-highlight),8px 0 48px rgba(0,0,0,.35);
  display:flex;flex-direction:column;gap:10px;padding:16px;overflow-y:auto;overflow-x:hidden;transition:transform .25s var(--ease)
}
.sidebar::before{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(165deg,rgba(255,255,255,.06) 0%,transparent 42%,rgba(99,102,241,.04) 100%);
  mix-blend-mode:soft-light;
}
.sb-neko{display:none}
.sb-top{display:flex;flex-direction:column;gap:12px}
.logo-row{display:flex;align-items:center;gap:10px}
.gem{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  background:linear-gradient(145deg,rgba(255,255,255,.22) 0%,rgba(139,92,246,.95) 45%,rgba(99,102,241,.85) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px rgba(139,92,246,.35),0 0 0 1px rgba(255,255,255,.12);
  position:relative;overflow:hidden;font-size:0;color:transparent;
}
.gem::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(125deg,transparent 35%,rgba(255,255,255,.45) 48%,transparent 62%);
  animation:gemShine 5s ease-in-out infinite;
}
@keyframes gemShine{0%,100%{transform:translateX(-120%) skewX(-12deg);opacity:0}15%{opacity:.6}50%,100%{transform:translateX(120%) skewX(-12deg);opacity:0}}
.logo-name{font-size:15px;font-weight:600;letter-spacing:-.03em;color:var(--text)}
.logo-sub{font-size:10px;color:var(--text-dim);letter-spacing:.12em;font-weight:600}
.btn-new{
  width:100%;justify-content:center;padding:10px 12px;font-weight:600;
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border:1px solid var(--glass-border);
  border-radius:var(--r-lg);
  box-shadow:var(--glass-highlight);
}
.btn-new:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16)}
.ksh{margin-left:auto;font-size:10px;color:var(--text-dim);font-family:var(--mono)}
.sb-recent{display:none}
.sb-recent.vis{display:block;border:none;border-radius:var(--r);padding:10px;background:transparent}
.sec-lbl{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.rpills{display:flex;flex-wrap:wrap;gap:5px}
.rpill{font-size:11px;padding:4px 8px}
.sb-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.sbmode{font-size:12px;padding:8px 0;justify-content:center;border-color:transparent;background:transparent;color:var(--text-dim);border-radius:var(--r)}
.sbmode:hover{background:rgba(255,255,255,.05);border-color:transparent}
.sbmode.on{background:rgba(255,255,255,.07);border-color:transparent;color:var(--text)}
.sb-model{border:none;border-radius:var(--r);padding:10px;background:transparent}
.mpill{
  width:100%;display:flex;align-items:center;gap:8px;
  border:1px solid var(--glass-border);
  background:rgba(255,255,255,.04);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  color:var(--text);border-radius:var(--r-lg);padding:10px 12px;cursor:pointer;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);
  box-shadow:var(--glass-highlight);
}
.mpill:hover{border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.08);box-shadow:var(--glass-highlight),0 0 0 1px rgba(139,92,246,.12)}
.mp-n{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}
.mp-ctx{color:var(--text-dim);font-family:var(--mono);font-size:11px}
.sb-qt{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.qt{font-size:11px;padding:6px 0;justify-content:center}
.chat-hist{flex:1;min-height:0;overflow-y:auto;border:none;border-radius:var(--r);padding:8px;background:transparent}
.h-empty{text-align:center;padding:20px 8px;color:var(--text-dim);font-size:12px;line-height:1.7}
.hdate{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;padding:8px 4px 4px}
.hi{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:13px;border:1px solid transparent;transition:background .12s var(--ease)}
.hi:hover{background:var(--surface)}
.hi.on{background:var(--surface);border-color:var(--line)}
.hi-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-sec)}
.hi-x{border:0;background:none;color:var(--text-dim);cursor:pointer;padding:2px;font-size:12px;opacity:0;transition:opacity .15s}
.hi:hover .hi-x{opacity:1}
.sb-foot{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:auto;padding-top:8px;border-top:1px solid var(--glass-border)}
.sff{font-size:12px;padding:7px 0;justify-content:center;border-color:transparent;background:transparent}
.sff:hover{background:rgba(255,255,255,.04);border-color:transparent}
.sff.dn{color:var(--text-dim);border-color:transparent;background:#18181B}
.sff.dn:hover{color:var(--err);border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.06)}
.main{display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden;background:transparent;position:relative}
.main::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 85% 55% at 50% -15%,rgba(139,92,246,.09),transparent 55%);
}
.warn-bar{
  display:flex;align-items:center;gap:8px;margin:12px 24px 0;padding:10px 16px;
  background:rgba(16,185,129,.08);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
  border:1px solid rgba(52,211,153,.22);
  border-radius:var(--r-lg);
  box-shadow:var(--glass-highlight),0 4px 24px rgba(0,0,0,.2);
  font-size:13px;color:#a7f3d0;position:relative;z-index:2
}
.warn-bar.hide{display:none}
.warn-bar a{color:var(--text);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.warn-bar button{border:0;background:none;color:var(--text-dim);cursor:pointer;font-size:14px;margin-left:auto;padding:4px}
.topbar{
  display:flex;justify-content:space-between;align-items:center;margin:12px 24px;padding:10px 14px;
  background:rgba(22,22,28,.45);
  -webkit-backdrop-filter:blur(20px) saturate(1.25);
  backdrop-filter:blur(20px) saturate(1.25);
  border:1px solid var(--glass-border);border-radius:var(--r-lg);
  box-shadow:var(--glass-highlight),0 8px 32px rgba(0,0,0,.18);
  position:relative;z-index:2
}
.tb-l,.tb-r{display:flex;align-items:center;gap:8px;min-width:0}
.tb-menu{display:none}
.tb-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-badges{display:flex;gap:6px}
.tbg{display:none;font-size:10px;font-weight:600;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 8px}
.tbg.on{display:inline-flex}
.tbb{
  padding:8px;border-radius:10px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-highlight);
}
.tbb:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12)}
.tbb svg{display:block}
.mdot{display:none}
.chat-z{flex:1;min-height:0;margin:0 24px;padding:20px 0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;z-index:1}
.chat-glow{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(100%,720px);height:min(55vh,420px);pointer-events:none;z-index:0;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(139,92,246,.16) 0%,rgba(99,102,241,.06) 35%,transparent 70%);
  filter:blur(40px);opacity:.65;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);
}
.chat-glow.active{
  opacity:1;
  background:radial-gradient(ellipse at center,rgba(139,92,246,.28) 0%,rgba(99,102,241,.12) 40%,transparent 72%);
  filter:blur(48px);
}
.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:24px;min-width:0;max-width:100%}
.w-in{width:100%;max-width:560px;min-width:0}
.w-title{
  font-size:clamp(26px,4vw,34px);font-weight:600;letter-spacing:-.035em;
  margin-bottom:10px;
  background:linear-gradient(120deg,#fafafa 15%,#c4b5fd 55%,#a78bfa 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.w-sub{font-size:15px;color:var(--text-sec);line-height:1.65;font-weight:400}
.w-cta{
  margin-top:18px;padding:12px 16px;
  background:rgba(139,92,246,.1);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border:1px solid rgba(139,92,246,.22);border-radius:var(--r-lg);
  font-size:12px;color:#d8b4fe;line-height:1.7;
  box-shadow:var(--glass-highlight);
}
.msg{display:grid;grid-template-columns:32px 1fr;gap:12px;margin-bottom:20px;align-items:start;padding:0 4px;content-visibility:auto;contain-intrinsic-size:auto 100px;position:relative;z-index:1}
.av{
  width:32px;height:32px;border-radius:10px;border:1px solid var(--glass-border);
  display:grid;place-items:center;font-size:11px;font-weight:700;
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  color:var(--text-sec);flex-shrink:0;
  box-shadow:var(--glass-highlight);
}
.av.ai{
  background:linear-gradient(145deg,rgba(167,139,250,.35),rgba(139,92,246,.5));
  border-color:rgba(255,255,255,.2);color:#fff;
}
.av.u{background:rgba(139,92,246,.2);color:#ddd6fe;border-color:rgba(139,92,246,.35)}
.msg-body{min-width:0}
.msg-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.msg-name{font-size:13px;font-weight:600;color:var(--text)}
.msg-meta span:not(.msg-name):not(.msg-tag){font-size:11px;color:var(--text-dim)}
.msg-tag{font-size:10px;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 6px;font-family:var(--mono)}
.bub{
  line-height:1.7;word-wrap:break-word;overflow-wrap:anywhere;font-size:14px;
  padding:14px 18px;border-radius:var(--r-lg);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-highlight),0 4px 24px rgba(0,0,0,.15);
}
.msg:not(.u) .bub{
  color:var(--text);
  background:rgba(24,24,30,.55);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  backdrop-filter:blur(14px) saturate(1.15);
}
.msg.u .bub{
  color:#f5f3ff;
  background:linear-gradient(155deg,rgba(139,92,246,.45),rgba(99,102,241,.32));
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-color:rgba(255,255,255,.18);
  box-shadow:var(--glass-highlight),0 8px 28px rgba(139,92,246,.22);
}
.macts{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}
.ma{font-size:11px;padding:3px 8px;border-radius:6px;color:var(--text-dim);background:transparent;border:1px solid transparent}
.ma:hover{color:var(--text);border-color:var(--line)}
.cb{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:12px 0;background:#0a0a0a}
.cb-h{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line)}
.cb-l{font-size:10px;font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}
.cb-cp{font-size:11px;color:var(--text-sec);cursor:pointer;border:0;background:none;font-family:var(--font)}
.cb pre{margin:0;padding:14px;overflow-x:auto;font-size:13px;line-height:1.55}
.cb code{font-family:var(--mono)}
.bub code{font-family:var(--mono);background:rgba(139,92,246,.08);padding:1px 5px;border-radius:4px;font-size:.92em}
.bub pre{white-space:pre-wrap;word-wrap:break-word}
.bub h1,.bub h2,.bub h3,.bub h4{margin:14px 0 6px;font-weight:700;color:var(--text)}
.bub ul,.bub ol{padding-left:18px;margin:6px 0}
.bub li{margin-bottom:3px}
.bub blockquote{border-left:3px solid var(--accent);padding:4px 12px;margin:8px 0;color:var(--text-sec)}
.bub hr{border:none;border-top:1px solid var(--line);margin:12px 0}
.bub a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.bub table{border-collapse:collapse;width:100%;margin:8px 0}
.bub th,.bub td{border:1px solid var(--line);padding:6px 10px;text-align:left;font-size:13px}
.bub th{background:var(--panel);font-weight:600}
.typing-row{display:none;align-items:center;gap:10px;margin:8px 24px;padding:10px 14px}
.typing-row.on{display:flex}
.t-bub{display:flex;gap:4px}
.t-wave{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.4;animation:twave .8s ease-in-out infinite}
.t-wave:nth-child(2){animation-delay:.15s}
.t-wave:nth-child(3){animation-delay:.3s}
.t-wave:nth-child(4){animation-delay:.45s}
@keyframes twave{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
.t-lbl{color:var(--text-dim);font-size:12px}
.input-bar{margin:0 auto;width:100%;max-width:720px;padding:0 16px 8px;position:relative;z-index:2}
.inp-max{display:flex;flex-direction:column;gap:0}
.inp-shell{
  border:1px solid var(--glass-border);border-radius:var(--r-xl);
  background:rgba(22,22,28,.55);
  -webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-sat));
  backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-sat));
  padding:12px 14px;
  box-shadow:var(--glass-highlight),inset 0 0 0 1px rgba(255,255,255,.03),0 12px 40px rgba(0,0,0,.25);
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease);
}
.inp-shell:focus-within{
  border-color:rgba(139,92,246,.45);
  box-shadow:var(--glass-highlight),0 0 0 4px rgba(139,92,246,.12),var(--accent-glow);
}
.att-row{display:none}.att-row:has(div > *){display:block}
.inp-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.chat-inp{width:100%;min-height:24px;max-height:200px;resize:none;border:none;background:transparent;color:var(--text);padding:4px 0;font-family:var(--font);font-size:14px;line-height:1.5;outline:none}
.chat-inp::placeholder{color:var(--text-dim)}
.send-btn{
  width:38px;height:38px;padding:0;border-radius:50%;border:none;
  background:linear-gradient(180deg,#a78bfa 0%,var(--accent) 55%,#6d28d9 100%);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 16px rgba(139,92,246,.4);
  transition:transform .15s var(--ease),filter .15s var(--ease),box-shadow .15s var(--ease);
}
.send-btn:hover{filter:brightness(1.08);transform:scale(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 24px rgba(139,92,246,.5)}
.send-btn:active{transform:scale(.96)}
.send-btn svg{display:block;margin:auto}
.send-btn.send-btn-stop{background:linear-gradient(135deg,rgba(239,68,68,.9),rgba(185,28,28,.9));border:1px solid rgba(239,68,68,.5)}
.send-btn.send-btn-stop:hover{background:linear-gradient(135deg,rgba(239,68,68,1),rgba(185,28,28,1))}
.scroll-bottom-btn{
  position:absolute;bottom:80px;right:24px;width:44px;height:44px;border-radius:50%;
  background:rgba(28,28,34,.65);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-highlight),0 8px 24px rgba(0,0,0,.3);
  color:var(--text-sec);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ease);z-index:10
}
.scroll-bottom-btn:hover{transform:scale(1.08);color:var(--text);border-color:rgba(255,255,255,.15)}
.scroll-bottom-btn.visible{opacity:1;pointer-events:auto}
.i-foot{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.i-tools{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.i-tools .itool{font-size:12px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid transparent;background:transparent;color:var(--text-dim)}
.i-tools .itool:hover{color:var(--text);background:var(--surface);border-color:var(--line)}
.i-meta{display:flex;gap:8px}
.imt{font-size:11px;color:var(--text-ghost);font-family:var(--mono)}
.sys-panel{display:none;margin-top:8px;border:1px solid var(--line);border-radius:var(--r);padding:12px;background:var(--panel)}
.sys-panel.on{display:block}
.sys-lbl{font-size:12px;font-weight:600;color:var(--text-sec);margin-bottom:6px}
.sys-ta{width:100%;min-height:80px;resize:vertical;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--text);padding:10px;font-family:var(--mono);font-size:12px;line-height:1.5;outline:none}
.sys-ta:focus{border-color:rgba(139,92,246,.4);box-shadow:var(--accent-glow)}
.disc{margin-top:6px;font-size:11px;color:#52525B;text-align:center;padding-bottom:2px}
.disc a{cursor:pointer;color:#71717a}
.disc a:hover{color:var(--text-sec)}
.reasoning-mode{position:relative}
.rm-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel-alt);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s var(--ease)}
.rm-btn:hover{border-color:rgba(139,92,246,.3);background:var(--accent-dim)}
.rm-caret{transition:transform .2s var(--ease)}
.reasoning-mode.open .rm-caret{transform:rotate(180deg)}
.rm-dropdown{display:none;position:absolute;bottom:calc(100% + 6px);left:0;min-width:220px;padding:6px;z-index:20;border-radius:var(--r-lg);border:1px solid var(--glass-border);background:rgba(22,22,28,.85);-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);box-shadow:var(--glass-highlight),0 16px 48px rgba(0,0,0,.45)}
.reasoning-mode.open .rm-dropdown{display:block;animation:rmFadeIn .15s var(--ease)}
@keyframes rmFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.rm-opt{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-sec);border-radius:6px;cursor:pointer;transition:background .1s}
.rm-opt:hover{background:var(--surface)}
.rm-opt.on{background:var(--accent-dim);color:var(--accent)}
.rm-opt svg{flex-shrink:0;color:inherit}
.rm-opt-name{font-size:13px;font-weight:600;color:inherit}
.rm-opt-desc{font-size:11px;color:var(--text-dim);margin-top:1px}
.cmp-z,.img-z{display:none;margin:0 24px 10px}
.cmp-z.on{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}
.cmp-z.on ~ .input-bar{max-width:100%}
.img-z.on{
  display:block;border:1px solid var(--glass-border);border-radius:var(--r-lg);
  background:rgba(18,18,24,.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
  padding:16px;
  box-shadow:var(--glass-highlight);
}
.cmp-col{
  display:flex;flex-direction:column;border:1px solid var(--glass-border);border-radius:var(--r-lg);
  background:rgba(12,12,16,.6);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  overflow:hidden;min-height:0;
  box-shadow:var(--glass-highlight);
}
.cmp-hd{display:flex;gap:10px;align-items:center;padding:12px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--glass-border);flex-shrink:0}
.cmp-sel{flex:1;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}
.cmp-sel:focus{border-color:rgba(139,92,246,.4);box-shadow:var(--accent-glow)}
.cmp-st{font-size:11px;color:var(--text-dim);white-space:nowrap}
.cmp-msgs{flex:1;min-height:0;overflow-y:auto;padding:14px;background:var(--bg)}
.img-note{color:var(--text-sec);font-size:13px;margin-bottom:10px}
.img-form{border:1px solid var(--line-soft);border-radius:var(--r);padding:14px;background:var(--panel-alt)}
.ig-title{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--text)}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ig-g{display:flex;flex-direction:column;gap:4px}
.ig-lbl{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}
.igc{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;padding:8px;font-size:13px;outline:none}
.igc:focus{border-color:rgba(139,92,246,.4);box-shadow:var(--accent-glow)}
.ig-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;align-items:end}
.ig-pw{display:flex;flex-direction:column;gap:4px}
.ig-ta{width:100%;min-height:72px;resize:vertical;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:8px;font-size:13px;line-height:1.5;outline:none}
.ig-ta:focus{border-color:rgba(139,92,246,.4);box-shadow:var(--accent-glow)}
.img-gallery{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.img-card{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.img-card img{width:100%;display:block}
.ic-info{padding:8px;font-size:12px;color:var(--text-sec)}
.ic-p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-m{font-size:11px;color:var(--text-dim);margin-top:2px}
.ic-acts{display:flex;gap:6px;padding:0 8px 8px}
.ic-a{font-size:11px;padding:4px 8px}
.spin-card{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:20px;text-align:center;color:var(--text-sec)}
.spin{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto 8px}
@keyframes spin{to{transform:rotate(360deg)}}
.ov,.age-ov,.ob-ov{display:none}
.ov.open,.age-ov.open,.ob-ov.open{
  display:grid;place-items:center;position:fixed;inset:0;z-index:100;
  background:rgba(2,2,8,.72);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
  animation:fadeIn .2s ease;
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal,.age-c,.ob-c{
  width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;
  border:1px solid var(--glass-border);border-radius:var(--r-xl);
  background:rgba(18,18,24,.78);
  -webkit-backdrop-filter:blur(28px) saturate(1.35);
  backdrop-filter:blur(28px) saturate(1.35);
  box-shadow:var(--glass-highlight),0 24px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;
}
.modal-lg{width:min(960px,calc(100vw - 24px))}
.modal-sm{width:min(460px,calc(100vw - 24px))}
.mhd{
  display:flex;align-items:center;justify-content:space-between;padding:16px 20px;
  border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:2;
  background:rgba(18,18,24,.72);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
}
.mhd-t{font-size:15px;font-weight:600;color:var(--text)}
.m-x{width:30px;height:30px;padding:0;border-radius:6px;font-size:14px}
.mbody{padding:20px}
.mfoot{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;
  border-top:1px solid var(--line-soft);position:sticky;bottom:0;z-index:2;
  background:rgba(18,18,24,.72);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
}
.ms-bar{padding:14px 20px;border-bottom:1px solid var(--line-soft)}
.ms{width:100%;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--text);padding:10px 14px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}
.ms::placeholder{color:var(--text-dim)}
.ms:focus{border-color:rgba(139,92,246,.4);box-shadow:var(--accent-glow)}
.custom-row{padding:8px 20px}
.custom-row-inner{display:flex;gap:6px}
.custom-inp{flex:1;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--text);padding:8px 10px;font-size:13px;outline:none}
.custom-inp:focus{border-color:rgba(139,92,246,.4);box-shadow:var(--accent-glow)}
.custom-note{font-size:11px;color:var(--text-dim);margin-top:4px}
.mfils{display:flex;gap:4px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line-soft)}
.mfil{font-size:12px;padding:5px 12px;border-radius:var(--r-pill)}
.mlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;padding:20px}
.mi{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;cursor:pointer;background:var(--panel-alt);transition:border-color .12s var(--ease),background .12s var(--ease),box-shadow .2s var(--ease);min-height:120px}
.mi:hover{border-color:rgba(139,92,246,.3);background:var(--surface);box-shadow:0 0 12px rgba(139,92,246,.08)}
.mi.on{border-color:var(--accent);background:var(--accent-dim)}
.mi-h{display:flex;align-items:center;gap:6px;margin-bottom:6px;min-width:0}
.mi-ico{font-size:14px;flex-shrink:0}
.mi-n{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mbg{font-size:9px;font-weight:700;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 6px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}
.bg-free{border-color:rgba(34,197,94,.3);color:#4ade80}
.bg-best{border-color:rgba(234,179,8,.3);color:#facc15}
.bg-fast{border-color:rgba(56,189,248,.3);color:#38bdf8}
.bg-new{border-color:rgba(168,85,247,.3);color:#a855f7}
.mi-d{font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:auto;min-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mi-f{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--line-soft)}
.mi-ctx{font-size:11px;color:var(--text-dim);font-family:var(--mono)}
.mi-pv{font-size:11px;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.set-nav{display:flex;gap:4px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line-soft)}
.sn{font-size:12px;padding:6px 14px;color:var(--text-dim);border-radius:var(--r-pill);border:1px solid transparent;background:transparent;cursor:pointer;transition:all .12s}
.sn:hover{color:var(--text);background:var(--surface)}
.sn.on{background:var(--accent-dim);color:var(--accent);border-color:rgba(139,92,246,.2)}
.sp{display:none}.sp.on{display:block}
.ss{border:1px solid var(--line-soft);border-radius:var(--r);padding:14px;background:var(--panel-alt);margin-bottom:10px}
.ss-t{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}
.srow{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:10px;align-items:center;margin-bottom:8px;font-size:13px}
.sl-m{color:var(--text);font-weight:500}
.sl-s{font-size:11px;color:var(--text-dim);margin-top:1px}
.sc{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sinp{border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:7px 9px;font-size:13px;outline:none;font-family:var(--font);transition:border-color .2s,box-shadow .2s}
.sinp:focus{border-color:rgba(139,92,246,.4);box-shadow:var(--accent-glow)}
.srange{width:100%;accent-color:var(--accent)}
.sval{font-size:12px;color:var(--text-dim);font-family:var(--mono);min-width:36px}
.tog{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}
.tog input{opacity:0;width:0;height:0;position:absolute}
.tog-s{position:absolute;inset:0;background:var(--line);border-radius:var(--r-pill);transition:background .2s var(--ease)}
.tog-s::before{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--text-dim);transition:transform .2s var(--ease),background .2s var(--ease)}
.tog input:checked+.tog-s{background:rgba(139,92,246,.3)}
.tog input:checked+.tog-s::before{transform:translateX(16px);background:var(--accent)}
.ac-row{display:flex;gap:6px}
.acd{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s}
.acd.on{border-color:#fff}
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.pc{border:1px solid var(--line);border-radius:var(--r);padding:10px;cursor:pointer;background:var(--panel-alt);transition:border-color .12s}
.pc:hover{border-color:#3f3f46}
.pc.on{border-color:var(--accent);background:var(--accent-dim)}
.pi{font-size:20px;margin-bottom:4px;display:block}
.pn{font-size:13px;font-weight:600;color:var(--text)}
.pd{font-size:11px;color:var(--text-dim);margin-top:2px}
.pa{font-size:10px;color:var(--ok);margin-top:4px;font-weight:600}
.sc-tbl{width:100%;border-collapse:collapse}
.sc-tbl td{padding:8px 10px;font-size:13px;border-bottom:1px solid var(--line-soft)}
.sc-tbl td:first-child{font-family:var(--mono);color:var(--text);font-weight:600;width:100px}
.sc-tbl td:last-child{color:var(--text-sec)}
.legal{padding:20px;font-size:13px;color:var(--text-sec);line-height:1.8}
.legal p{margin-bottom:10px}
.age-c,.ob-c{padding:28px}
.age-t,.ob-t{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}
.age-s{color:var(--text-sec);font-size:13px;margin-bottom:16px}
.age-cks{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.age-ck{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-sec);cursor:pointer}
.age-ck input{accent-color:var(--accent)}
.ob-step{display:none;text-align:center}
.ob-step.on{display:block}
.ob-tx{color:var(--text-sec);font-size:13px;line-height:1.7;margin-top:6px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:200;display:none;align-items:center;justify-content:center;cursor:zoom-out}
.lightbox.open{display:flex}
.lb-img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:var(--r)}
.lb-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;padding:0;font-size:16px;z-index:201}
.lb-dl{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}
.lb-info{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-dim);font-family:var(--mono);white-space:nowrap}
.toasts{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:6px;z-index:300;pointer-events:none;max-width:calc(100vw - 32px)}
.toast{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r);font-size:13px;font-weight:500;pointer-events:auto;max-width:340px;border:1px solid var(--line);background:var(--panel);color:var(--text-sec);animation:toastIn .2s ease}
@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.toast.ok{border-color:rgba(34,197,94,.3);color:#4ade80}
.toast.err{border-color:rgba(239,68,68,.3);color:#f87171}
.toast.info{border-color:var(--line);color:var(--text-sec)}
.toast.warn{border-color:rgba(234,179,8,.4);color:#facc15;background:rgba(234,179,8,.08)}
.bottom-nav{display:none}
.skeleton{background:linear-gradient(90deg,var(--panel-alt) 25%,var(--surface) 50%,var(--panel-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--r)}
.skeleton-line{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-line:last-child{width:60%}
.skeleton-avatar{width:30px;height:30px;border-radius:var(--r);flex-shrink:0}
.skeleton-msg{display:flex;gap:10px;padding:12px 24px;animation:fadeIn .3s ease}
.skeleton-msg .skeleton-body{flex:1}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.att-tw{position:relative;display:inline-flex}
.att-t{width:44px;height:44px;border-radius:6px;object-fit:cover;border:1px solid var(--line)}
.att-x{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--text-dim);font-size:9px;cursor:pointer;display:grid;place-items:center}
@media(max-width:768px){
  :root{--sidebar-w:0;--bnav-h:56px}
  .app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
  .app.closed{display:flex}
  .sidebar{position:fixed;top:0;left:0;bottom:0;width:min(85vw,300px);transform:translateX(-110%);z-index:70;transition:transform .25s var(--ease)}
  .sidebar.mob{transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.6)}
  .tb-menu{display:inline-flex}
  .main{flex:1;min-height:0;padding-bottom:calc(var(--bnav-h) + env(safe-area-inset-bottom,0px))}
  .topbar,.typing-row{margin-left:12px;margin-right:12px}
  .chat-z{margin:0 12px;padding:14px 0}
  .input-bar{padding:0 12px;margin-bottom:10px;max-width:100%}
  .inp-shell{padding:10px 12px}
  .warn-bar{margin:8px 12px 0}
  .cmp-z,.img-z{margin:0 12px 8px}
  .topbar{padding:10px 0;margin-top:8px;margin-bottom:8px}
  .tb-title{font-size:14px}
  .tb-badges{display:none}
  .w-title{font-size:20px}
  .w-sub{font-size:13px}
  .srow{grid-template-columns:1fr;gap:4px}
  .ig-grid{grid-template-columns:1fr}
  .ig-row{grid-template-columns:1fr}
  .cmp-z.on{grid-template-columns:1fr;flex:1;overflow-y:auto}
  .cmp-col{min-height:40vh}
  .cmp-msgs{max-height:50vh}
  .mlist{grid-template-columns:1fr;padding:12px}
  .pg{grid-template-columns:repeat(2,1fr)}
  .modal,.age-c,.ob-c{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}
  .mhd{padding:12px 14px}
  .mbody{padding:14px}
  .set-nav{padding:10px 14px}
  .mfils{padding:10px 14px}
  .ms-bar{padding:10px 14px}
  .custom-row{padding:6px 14px}
  .mfoot{padding:10px 14px}
  .bottom-nav{
    display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;height:var(--bnav-h);
    padding-bottom:env(safe-area-inset-bottom,0px);
    background:rgba(18,18,24,.72);
    -webkit-backdrop-filter:blur(20px) saturate(1.25);
    backdrop-filter:blur(20px) saturate(1.25);
    border-top:1px solid var(--glass-border);
    box-shadow:0 -8px 32px rgba(0,0,0,.35);
    z-index:60;justify-content:space-around;align-items:center}
  .bnav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;color:var(--text-dim);font-size:10px;font-weight:600;border:none;background:none}
  .bnav-item.active{color:var(--accent)}
  .bnav-item svg{width:20px;height:20px}
  .toasts{bottom:calc(var(--bnav-h) + 8px + env(safe-area-inset-bottom,0px))}
  .rm-dropdown{bottom:auto;top:calc(100% + 6px)}
}
#premium-page{display:none;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding:40px 20px;background:var(--bg);min-height:0}
.pp-wrap{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:32px}
.pp-hero{text-align:center}
.pp-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent);border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.08);border-radius:var(--r-pill);padding:4px 14px;margin-bottom:16px}
.pp-title{font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.2;margin-bottom:10px}
.pp-sub{font-size:15px;color:var(--text-sec);line-height:1.7;max-width:480px;margin:0 auto}
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}
.pp-card{
  border:1px solid var(--glass-border);border-radius:var(--r-xl);
  background:rgba(22,22,28,.55);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
  padding:24px 18px;text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease);
  box-shadow:var(--glass-highlight);
}
.pp-card:hover{border-color:rgba(139,92,246,.4);box-shadow:var(--glass-highlight),0 12px 40px rgba(139,92,246,.15);transform:translateY(-2px)}
.pp-card-num{font-size:36px;font-weight:800;color:var(--accent);letter-spacing:-.02em;line-height:1}
.pp-card-ico{color:var(--accent);margin-bottom:4px}
.pp-card-ico svg{margin:0 auto}
.pp-card-name{font-size:14px;font-weight:700;color:var(--text);margin:10px 0 6px}
.pp-card-desc{font-size:12px;color:var(--text-dim);line-height:1.6}
.pp-cta{text-align:center;padding:20px 24px;border:1px solid rgba(139,92,246,.25);border-radius:var(--r-lg);background:rgba(139,92,246,.05);width:100%}
.pp-cta-label{font-size:14px;font-weight:600;color:#c4b5fd;margin-bottom:6px}
.pp-cta-mail{display:inline-block;font-size:16px;font-weight:700;color:var(--accent);text-decoration:none;padding:8px 24px;border-radius:var(--r-pill);border:1px solid rgba(139,92,246,.4);background:rgba(139,92,246,.1);transition:all .2s;box-shadow:0 0 15px rgba(139,92,246,.15)}
.pp-cta-mail:hover{background:rgba(139,92,246,.2);box-shadow:0 0 25px rgba(139,92,246,.25);color:#a78bfa}
.pp-redeem{width:100%;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);padding:20px}
.pp-redeem-lbl{font-size:14px;font-weight:700;color:var(--text);margin-bottom:10px}
.pp-redeem-row{display:flex;gap:8px}
.pp-redeem-inp{flex:1;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--text);padding:10px 14px;font-size:14px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;outline:none;transition:border-color .2s,box-shadow .2s}
.pp-redeem-inp:focus{border-color:rgba(139,92,246,.4);box-shadow:var(--accent-glow)}
.pp-redeem-btn{padding:10px 20px;font-size:14px;font-weight:700;background:#fff;color:#000;border:1px solid #fff;border-radius:var(--r);cursor:pointer;transition:background .15s,transform .1s}
.pp-redeem-btn:hover{background:#e4e4e7;border-color:#e4e4e7}
.pp-redeem-btn:active{transform:scale(.97)}
.pp-back{font-size:13px;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:var(--r);padding:8px 20px;cursor:pointer;transition:color .15s,border-color .15s}
.pp-back:hover{color:var(--text);border-color:#3f3f46}
@media(max-width:768px){
  .pp-grid{grid-template-columns:1fr}
  .pp-title{font-size:24px}
  .pp-wrap{gap:24px}
  #premium-page{padding:24px 14px}
}
@media(min-width:769px){
  .bottom-nav{display:none}
  .tb-menu{display:none}
}