.tc{position:relative;overflow:hidden;isolation:isolate;border-radius:16px;color:#fff;--tc-chip:rgba(255,255,255,.22);--tc-chipc:#fff;--tc-btn:rgba(255,255,255,.20);--tc-btnh:rgba(255,255,255,.30);--tc-line:rgba(255,255,255,.20)}.tc:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1}.tc-plan{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:900;line-height:18px;white-space:nowrap;color:var(--tc-chipc);background:var(--tc-chip);box-shadow:inset 0 0 0 1px var(--tc-chipl,transparent)}.tc-plan svg{width:12px;height:12px}.tc-btn{display:inline-block;font-size:12px;font-weight:800;border-radius:999px;padding:4px 12px;background:var(--tc-btn);color:var(--tc-btnc,#fff);box-shadow:inset 0 0 0 1px var(--tc-btnl,transparent);transition:background .15s}.group:hover .tc-btn,.tc-btn:hover{background:var(--tc-btnh)}.tc-sep{border-color:var(--tc-line)}.tc-mute{color:rgba(255,255,255,.8)}.tc-av{background:var(--tc-avb,rgba(255,255,255,.25));color:var(--tc-avc,#fff)}.tc[data-tier=none]{background:linear-gradient(135deg,#cf4a00,#b23a0a);box-shadow:0 10px 30px -10px rgba(255,106,0,.7)}.tc[data-tier=lite]{background:linear-gradient(135deg,#6b7180,#4a4f5c 45%,#30343e);box-shadow:inset 0 0 0 1px rgba(214,219,230,.38),0 10px 30px -12px rgba(180,188,204,.45);--tc-chip:linear-gradient(135deg,#f4f6fa,#c9ced8);--tc-chipc:#2a2e37;--tc-line:rgba(226,230,238,.22)}.tc[data-tier=lite]:after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 46%,transparent 58%)}.tc[data-tier=basic]{background:radial-gradient(120% 90% at 100% 0,rgba(155,92,255,.55),transparent 60%),linear-gradient(135deg,#4338ca,#3b2a9e 50%,#24196b);box-shadow:inset 0 0 0 1px rgba(167,150,255,.5),0 10px 30px -10px rgba(109,107,255,.65);--tc-chip:rgba(196,181,255,.20);--tc-chipc:#ece7ff;--tc-chipl:rgba(196,181,255,.55);--tc-line:rgba(196,181,255,.25)}.tc[data-tier=basic]:after{background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.12) 47%,transparent 58%)}.tc[data-tier=pro]{background:radial-gradient(110% 80% at 100% 0,rgba(247,201,72,.3),transparent 58%),radial-gradient(80% 70% at 0 100%,rgba(184,134,11,.18),transparent 62%),linear-gradient(140deg,#2b2416,#17130b 55%,#0e0c08);box-shadow:inset 0 0 0 1px rgba(247,201,72,.55),0 12px 34px -12px rgba(247,201,72,.45);--tc-chip:linear-gradient(135deg,#fff1b0,#f5c542 55%,#c9940f);--tc-chipc:#3d2a00;--tc-line:rgba(247,201,72,.28);--tc-btn:rgba(247,201,72,.16);--tc-btnh:rgba(247,201,72,.28);--tc-btnc:#ffe08a;--tc-btnl:rgba(247,201,72,.50)}.tc[data-tier=pro]:after{background:linear-gradient(115deg,transparent 30%,rgba(255,236,170,.16) 45%,rgba(255,255,255,.05) 50%,transparent 60%)}.tc[data-tier=pro] .tc-mute{color:rgba(255,236,190,.82)}@media (prefers-reduced-motion:no-preference){.tc[data-tier=basic]:after,.tc[data-tier=lite]:after,.tc[data-tier=pro]:after{background-size:250% 100%;background-position:100% 0;transition:background-position 1.2s ease}.group:hover>.tc:after,.tc:hover:after{background-position:0 0}}.tc-hd{margin:0 0 8px;padding:10px 12px 12px;gap:4px;display:flex;flex-direction:column}.tc-hd .hp-name{color:inherit;opacity:.85}.tc-hd .hp-bal,.tc-hd .hp-bal b{color:inherit}[data-theme=light] .tc{color:#1d1d1f;--tc-line:rgba(0,0,0,.09);--tc-btn:rgba(0,0,0,.06);--tc-btnh:rgba(0,0,0,.10);--tc-btnc:#1d1d1f;--tc-btnl:rgba(0,0,0,.10);--tc-avb:rgba(0,0,0,.07);--tc-avc:#1d1d1f}[data-theme=light] .tc .tc-mute{color:#5f6475}[data-theme=light] .tc[data-tier=pro] .tc-mute{color:#6b4a00}[data-theme=light] .tc[data-tier=pro]{--tc-btn:rgba(201,150,20,.14);--tc-btnh:rgba(201,150,20,.24);--tc-btnc:#6b4a00;--tc-btnl:rgba(201,150,20,.50)}[data-theme=light] .tc[data-tier=none]{--tc-btn:rgba(255,106,0,.12);--tc-btnh:rgba(255,106,0,.2);--tc-btnc:#c2410c;--tc-btnl:rgba(255,106,0,.35)}[data-theme=light] .tc[data-tier=basic]{--tc-btn:rgba(80,72,229,.10);--tc-btnh:rgba(80,72,229,.18);--tc-btnc:#4c3fd6;--tc-btnl:rgba(80,72,229,.35)}[data-theme=light] .tc[data-tier=none]{background:linear-gradient(135deg,#fff4ea,#ffe3cc);box-shadow:inset 0 0 0 1px rgba(255,106,0,.28);--tc-chip:rgba(255,106,0,.12);--tc-chipc:#c2410c;--tc-chipl:rgba(255,106,0,.35)}[data-theme=light] .tc[data-tier=lite]{background:linear-gradient(135deg,#f7f8fa,#e4e7ed);box-shadow:inset 0 0 0 1px rgba(107,114,128,.3);--tc-chip:linear-gradient(135deg,#eef0f4,#cfd3db);--tc-chipc:#3a404d;--tc-chipl:rgba(107,114,128,.35)}[data-theme=light] .tc[data-tier=basic]{background:radial-gradient(120% 90% at 100% 0,rgba(124,92,255,.18),transparent 60%),linear-gradient(135deg,#f3f1ff,#e4e0ff);box-shadow:inset 0 0 0 1px rgba(80,72,229,.3);--tc-chip:rgba(80,72,229,.10);--tc-chipc:#4c3fd6;--tc-chipl:rgba(80,72,229,.40)}[data-theme=light] .tc[data-tier=pro]{background:radial-gradient(110% 80% at 100% 0,rgba(247,201,72,.35),transparent 60%),linear-gradient(140deg,#fffaf0,#f6e8c0);box-shadow:inset 0 0 0 1px rgba(201,150,20,.5),0 8px 22px -14px rgba(201,150,20,.6);--tc-chip:linear-gradient(135deg,#fff1b0,#f0c53c 55%,#c9940f);--tc-chipc:#3d2a00}[data-theme=light] .tc-hd[data-tier=pro] .hp-name{color:#6b4a00;opacity:1}