@layer components{.ln{--grad:linear-gradient(90deg, #ff5c93 0%, #ff8a5b 52%, #ffb23f 100%);--amber:#ffb23f;--green:#4ade80}.ln .gradtxt{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.ln .sheet.checkout{padding-bottom:calc(20px + var(--safe-b))}.ln .sheet.checkout .vis{background:radial-gradient(120% 120% at 50% 100%,#ff5c9359,#ff8a5b1a 45%,#17171a 75%);border-radius:20px;height:168px;position:relative;overflow:hidden}.ln .sheet.checkout .vis:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000,#0c0c0eeb);height:60%;position:absolute;bottom:0;left:0;right:0}.ln .vis .cstack{z-index:2;width:0;height:0;position:absolute;top:50%;left:50%}.ln .vis .cstack img{aspect-ratio:4/5;object-fit:cover;border-radius:10px;width:96px;max-width:none;position:absolute;box-shadow:0 12px 30px #00000080,0 0 0 2px #ffffffe6}.ln .vis .vtag{z-index:4;flex-wrap:wrap;align-items:baseline;gap:6px;display:flex;position:absolute;bottom:14px;left:16px}.ln .vis .vtag b{letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:32px}.ln .vis .vtag span{color:var(--text-2);font-size:13px}.ln .vis .vbadge{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0b99;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:14px;left:16px}.ln .coin-s{background:#ffc342;border-radius:50%;flex:none;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 2px #f2a20c}.ln .sheet.checkout .cbody{padding-top:20px}.ln .sheet.checkout .cbody h3{color:var(--text-2);margin:0;font-size:15px;font-weight:600;line-height:20px}.ln .sheet.checkout .cprice{align-items:baseline;gap:8px;margin-top:4px;display:flex}.ln .sheet.checkout .cprice b{letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:40px}.ln .sheet.checkout .cprice span{color:var(--text-3);font-size:15px}.ln .rows.box{background:var(--surface-2);border-radius:16px;margin:16px 0 0;padding:4px 16px}.ln .rows.box .row .k{color:var(--text-3)}.ln .sheet.plan-change .rows.box .row .k{white-space:nowrap}.ln .sheet.plan-change .rows.box .row .v small{word-break:keep-all}.ln .mlabel{color:var(--text-3);margin-top:18px;font-size:13px}.ln .mchips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ln .mchips span{background:var(--surface-2);height:32px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.ln .sheet.checkout .ag{margin-top:14px}.ln .sheet.checkout .btn{border-radius:16px;height:56px;margin-top:8px;font-size:17px;font-weight:800;box-shadow:0 10px 30px -10px #ff5c93b3}.ln .sheet.checkout .btn.off{box-shadow:none}.ln .cfine{color:var(--text-3);text-align:center;gap:4px;margin-top:10px;font-size:12px;line-height:18px;display:grid}.ln .cfine a{text-underline-offset:2px;text-decoration:underline}@media (min-width:900px){.ln .sheet.checkout{width:900px;max-width:900px;box-shadow:inset 0 0 0 1px var(--line), 0 40px 120px #000000b3;border-radius:28px;grid-template-rows:minmax(0,1fr);grid-template-columns:400px 1fr;height:min(680px,92svh);max-height:92svh;padding:0;display:grid;overflow:hidden}.ln .sheet.checkout .vis{border-radius:0;height:auto;min-height:0}.ln .sheet.checkout .cbody{min-height:0;padding:36px 36px 28px;overflow-y:auto}.ln .sheet.checkout .cprice b{font-size:36px}.ln .vis .cstack img{border-radius:14px;width:150px}.ln .vis .vtag{flex-direction:column;gap:0;bottom:28px;left:28px}.ln .vis .vtag b{font-size:40px;line-height:46px}.ln .vis .vtag span{font-size:15px}.ln .vis .vbadge{top:28px;left:28px}}.ln .pay{position:relative;overflow-x:clip}.ln .pay .stage{z-index:1;min-height:calc(100svh - var(--h-top));padding:8px 20px calc(24px + var(--safe-b));flex-direction:column;align-items:center;display:flex;position:relative}@media (min-width:900px){.ln .pay .stage{padding:0 40px 40px}}.ln .pay .pwall{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ln .pay .pwall .cols{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:absolute;inset:-40px -60px;transform:rotate(-4deg)}.ln .pay .pwall .col{align-content:start;gap:14px;display:grid}.ln .pay .pwall .col:nth-child(2n){margin-top:-120px}.ln .pay .pwall img{aspect-ratio:4/5;object-fit:cover;border-radius:14px;width:100%}.ln .pay .pwall:after{content:"";background:radial-gradient(60% 55% at 50% 45%,#0a0a0bb3,#0a0a0bed 70%),linear-gradient(#0a0a0b73,#0a0a0bf5);position:absolute;inset:0}@media (min-width:900px){.ln .pay .pwall .cols{grid-template-columns:repeat(6,1fr);gap:18px}.ln .pay .pwall:after{background:linear-gradient(90deg,#0a0a0b8c 0%,#0a0a0bcc 50%,#0a0a0bf5 62%),linear-gradient(#0a0a0b4d,#0a0a0be6)}}.ln .pay .hero{place-items:center;width:100%;height:250px;display:grid;position:relative}.ln .pay .glow{filter:blur(10px);background:radial-gradient(closest-side at 50% 55%,#ff5c9373,#ff8a5b24 55%,#0000 80%);position:absolute;inset:0}.ln .pay .fan{width:0;height:0;position:absolute;top:54%;left:50%}.ln .pay .fan img{aspect-ratio:4/5;object-fit:cover;transform-origin:50% 120%;opacity:0;border-radius:12px;width:108px;max-width:none;animation:.9s cubic-bezier(.2,.9,.25,1.2) forwards pay-fan;position:absolute;top:-72px;left:-54px;box-shadow:0 18px 40px #0000008c,0 0 0 3px #fff}@keyframes pay-fan{0%{opacity:0;transform:translateY(60px)rotate(0)scale(.6)}to{opacity:1;transform:var(--to)}}.ln .pay .coinbig{z-index:12;background:radial-gradient(circle at 35% 30%,#ffe08a,#ffc342 45%,#f2a20c);border-radius:50%;width:76px;height:76px;margin:-38px 0 0 -38px;animation:.7s cubic-bezier(.2,.9,.3,1.4) .5s both pay-pop;position:absolute;top:78%;left:50%;box-shadow:inset 0 0 0 5px #f2a20c,inset 0 0 0 9px #ffd35e,0 16px 40px #f2a20c73}@keyframes pay-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.ln .pay .info{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.ln .pay .eyebrow2{background:var(--accent-soft);height:30px;color:var(--primary);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.ln .pay .eyebrow2 svg.i{stroke-width:2.6px;width:15px;height:15px}.ln .pay .big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:12px;font-weight:800;line-height:1.05}.ln .pay .amount{white-space:nowrap;font-size:clamp(44px,17vw,64px)}.ln .pay .planname{font-size:56px}.ln .pay .monthly{align-items:center;gap:10px;margin-top:14px;font-size:20px;font-weight:700;display:inline-flex}.ln .pay .monthly .coin-s{width:20px;height:20px}.ln .pay .lead2{color:var(--text-2);margin-top:10px;font-size:17px;line-height:26px}.ln .pay .lead2 b{color:var(--text);font-weight:700}.ln .pay .balance{background:var(--surface);height:40px;color:var(--text-2);border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:0 16px;font-size:15px;display:inline-flex}.ln .pay .balance b{color:var(--text);font-weight:700}.ln .pay .receipt{width:100%;box-shadow:inset 0 0 0 1px var(--line);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181bdb;border-radius:20px;margin-top:24px;padding:6px 18px}.ln .pay .receipt .row{min-height:52px}.ln .pay .receipt .row .k{color:var(--text-3)}.ln .pay .actions{width:100%;margin-top:20px}.ln .pay .actions .btn{border-radius:16px;height:56px;font-size:17px;font-weight:800;box-shadow:0 10px 30px -10px #ff5c93b3}.ln .pay .actions .btn svg.i{stroke-width:2.2px;width:20px;height:20px}.ln .pay .tbtn{width:100%;min-height:48px;color:var(--text-2);justify-content:center;align-items:center;font-size:15px;font-weight:500;display:inline-flex}.ln .pay .in{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) forwards pay-up;transform:translateY(14px)}.ln .pay .d1{animation-delay:.35s}.ln .pay .d2{animation-delay:.55s}.ln .pay .d3{animation-delay:.75s}.ln .pay .d4{animation-delay:.95s}.ln .pay .d5{animation-delay:1.15s}@keyframes pay-up{to{opacity:1;transform:none}}.ln canvas.confetti{pointer-events:none;z-index:20;width:100vw;height:100vh;position:fixed;inset:0}@media (min-width:900px){.ln .pay .split{flex:1;grid-template-columns:1fr 420px;align-items:center;gap:56px;width:100%;max-width:1120px;display:grid}.ln .pay .split .hero{height:560px}.ln .pay .split .info{text-align:left;align-items:flex-start}.ln .pay .fan img{border-radius:16px;width:180px;top:-124px;left:-90px}.ln .pay .coinbig{width:104px;height:104px;margin:-52px 0 0 -52px}.ln .pay .amount{font-size:96px}.ln .pay .planname{font-size:112px}.ln .pay .monthly{font-size:24px}}.ln .pay .quiet{width:100%;max-width:440px;margin:0 auto;padding-bottom:24px}@media (min-width:900px){.ln .pay .quiet{margin-top:64px}}.ln .pay .quiet.center{text-align:center;flex-direction:column;align-items:center;display:flex}.ln .pay .item{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);text-align:left;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.ln .pay .item img{object-fit:cover;border-radius:10px;width:48px;height:48px}.ln .pay .item .t{font-size:15px;font-weight:600}.ln .pay .item .s{color:var(--text-3);font-size:13px}.ln .pay .item .p{white-space:nowrap;margin-left:auto;font-size:15px;font-weight:700}.ln .pay .qicon{border-radius:18px;place-items:center;width:56px;height:56px;margin-top:36px;display:grid}.ln .pay .qicon svg.i{stroke-width:2px;width:28px;height:28px}.ln .pay .qicon.red{color:var(--red);background:#f8717124}.ln .pay .qicon.gray{background:var(--surface);color:var(--text-2)}.ln .pay .qicon.green{color:var(--green);background:#4ade8024}.ln .pay .qicon.amber{color:var(--amber);background:#ffb23f24}.ln .pay .qtitle{letter-spacing:-.03em;margin-top:18px;font-size:26px;font-weight:800;line-height:34px}.ln .pay .fact{margin-top:10px;font-size:17px;font-weight:600;line-height:26px}.ln .pay .fact.green{color:var(--green)}.ln .pay .sub{color:var(--text-2);margin-top:6px;font-size:15px;line-height:23px}.ln .pay .facts{gap:8px;margin-top:20px;display:grid}.ln .pay .facts div{background:var(--surface-2);text-align:left;border-radius:16px;gap:12px;padding:14px 16px;font-size:15px;line-height:22px;display:flex}.ln .pay .facts b{width:96px;color:var(--text-3);flex:none;font-weight:600}.ln .pay .steps{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-top:28px;display:grid}.ln .pay .step2{color:var(--text-3);text-align:left;gap:8px;font-size:13px;display:grid}.ln .pay .step2 i{background:var(--surface);border-radius:2px;height:4px;position:relative;overflow:hidden}.ln .pay .step2.done i{background:var(--primary)}.ln .pay .step2.done{color:var(--text-2)}.ln .pay .step2.now{color:var(--text);font-weight:600}.ln .pay .step2.now i:after{content:"";background:var(--primary);border-radius:2px;width:40%;animation:1.4s ease-in-out infinite pay-run;position:absolute;inset:0}.ln .pay .step2.late i:after{background:var(--amber)}@keyframes pay-run{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ln .pay .pring{width:120px;height:120px;margin:40px auto 0;position:relative}.ln .pay .pring:before{content:"";border:3px solid var(--surface);border-top-color:var(--primary);border-radius:50%;animation:1s linear infinite ln-rot;position:absolute;inset:0}.ln .pay .pring img{object-fit:cover;background:#fff;border-radius:50%;width:92px;height:92px;position:absolute;inset:14px}.ln .pay .qactions{width:100%;margin-top:28px}@media (max-width:899px){.ln .pay .quiet .qactions{background:linear-gradient(transparent, var(--bg) 30%);padding-top:16px;position:sticky;bottom:0}}.ln .pay .bonus2{color:var(--green);margin-top:8px;font-size:16px;font-weight:700}.ln .rows .row .v .green{color:var(--green)}.ln .rows .row .v .sumv{font-size:18px;font-weight:800}@media (prefers-reduced-motion:reduce){.ln .pay .in,.ln .pay .fan img,.ln .pay .coinbig{opacity:1!important;animation:none!important}.ln .pay .in{transform:none!important}.ln .pay .fan img{transform:var(--to)!important}.ln .pay .step2.now i:after,.ln .pay .pring:before{animation:none}}}