/* सब्स्क्राइब (4.76) */
.wn-sub-btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-family:'Noto Sans Devanagari','Work Sans',sans-serif;font-weight:800;font-size:.95rem;line-height:1.2;border:0;border-radius:99px;padding:10px 20px;background:#120A08;color:#F7C600;cursor:pointer;box-shadow:0 3px 0 #7a5a10;white-space:nowrap}
.wn-sub-btn svg{width:17px;height:17px;flex:none}
.wn-sub-btn.is-on{background:var(--paper-deep,#F4EEE0);color:var(--ink,#120A08);box-shadow:none;outline:2px solid var(--line,#E7E0D2);outline-offset:-2px}
.wn-sub-btn.is-sm{font-size:.8rem;padding:6px 12px;box-shadow:0 2px 0 #7a5a10}
.wn-sub-btn.is-sm.is-on{box-shadow:none}
.wn-sub-btn.is-sm svg{width:13px;height:13px}
.wn-sub-btn[disabled]{opacity:.6;cursor:wait}
.wn-sub-btn:focus-visible,.wn-sub-later:focus-visible,.wn-sub-mini:focus-visible{outline:3px solid #F7C600;outline-offset:2px}
/* profile number */
.wn-sub-stat{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:4px 0 2px}
.wn-sub-big{display:inline-flex;align-items:baseline;gap:6px;color:var(--ink,#120A08);text-decoration:none}
.wn-sub-big b{font-family:'Work Sans','Noto Sans Devanagari',sans-serif;font-weight:800;font-size:1.9rem;line-height:1}
.wn-sub-big span{font-weight:700;font-size:.95rem}
.wn-sub-big:hover span{text-decoration:underline}
.wn-sub-rank{display:inline-block;font-size:.8rem;font-weight:700;color:var(--ink-soft,#5A5247);text-decoration:none;margin-bottom:4px}
.wn-sub-rank:hover{text-decoration:underline}
.wn-sub-hint{font-size:.82rem;color:var(--ink-soft,#5A5247);margin:2px 0 6px;max-width:460px}
/* levels */
.wn-sub-tier{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:800;line-height:1.3;border-radius:99px;padding:2px 10px;background:linear-gradient(135deg,#F2C79A,#B87333);color:#3a1d05;vertical-align:middle;white-space:nowrap;font-family:'Noto Sans Devanagari','Work Sans',sans-serif}
.wn-sub-tier.is-sm{font-size:.64rem;padding:1px 7px;margin-left:4px}
.wn-sub-tier-silver{background:linear-gradient(135deg,#EEF1F4,#AEB8C2);color:#1f2a33}
.wn-sub-tier-gold{background:linear-gradient(135deg,#FFE680,#E0A800);color:#3a2a00}
.wn-sub-ring{position:relative}
.wn-sub-ring>img:first-child{box-shadow:0 0 0 4px var(--white,#fff),0 0 0 8px #B87333}
.wn-sub-ring-silver>img:first-child{box-shadow:0 0 0 4px var(--white,#fff),0 0 0 8px #AEB8C2}
.wn-sub-ring-gold>img:first-child{box-shadow:0 0 0 4px var(--white,#fff),0 0 0 8px #E0A800}
/* subscriber panel */
.wn-sub-panel h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px}
.wn-sub-small{font-size:.86rem;color:var(--ink-soft,#5A5247);margin:4px 0 10px}
.wn-sub-new{font-style:normal;font-size:.68rem;font-weight:800;background:#F7C600;color:#120A08;border-radius:99px;padding:1px 7px;vertical-align:middle}
.wn-sub-ghost{display:inline-grid;place-items:center;background:var(--paper-deep,#F4EEE0);color:var(--ink-soft,#5A5247);font-weight:800;border-radius:50%}
.wn-sub-private small{color:var(--ink-soft,#5A5247);font-size:.78rem}
/* sheet */
.wn-sub-sheet{position:fixed;inset:0;background:rgba(18,10,8,.55);display:flex;align-items:flex-end;justify-content:center;z-index:100000}
.wn-sub-sheet[hidden]{display:none}
.wn-sub-sheet-in{background:var(--white,#fff);color:var(--ink,#120A08);width:min(460px,100%);border-radius:20px 20px 0 0;padding:20px 18px 22px;font-family:'Noto Sans Devanagari','Work Sans',sans-serif;max-height:90vh;overflow:auto}
@media (min-width:600px){.wn-sub-sheet{align-items:center}.wn-sub-sheet-in{border-radius:20px}}
.wn-sub-sheet-in h3{margin:0 0 4px;font-size:1.15rem}
.wn-sub-slots{display:flex;gap:5px;margin:8px 0 6px}
.wn-sub-slots i{flex:1;height:10px;border-radius:99px;background:var(--paper-deep,#F4EEE0)}
.wn-sub-slots i.f{background:#F7C600}
.wn-sub-slots i.n{background:#120A08}
.wn-sub-ul{margin:10px 0 0;padding-left:18px;font-size:.9rem}
.wn-sub-ul li{margin:3px 0}
.wn-sub-priv{display:flex;gap:8px;align-items:center;font-size:.88rem;margin:12px 0 0;cursor:pointer}
.wn-sub-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}
.wn-sub-later,.wn-sub-mini{font:inherit;font-weight:700;border:2px solid var(--ink,#120A08);border-radius:99px;padding:7px 16px;background:var(--white,#fff);color:var(--ink,#120A08);cursor:pointer}
.wn-sub-mini{font-size:.76rem;padding:4px 10px;border-width:1.5px}
.wn-sub-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#120A08;color:#FBF8F2;border-radius:14px;padding:9px 16px;font-size:.9rem;opacity:0;transition:opacity .2s;pointer-events:none;max-width:min(92vw,520px);text-align:center;z-index:100001;font-family:'Noto Sans Devanagari','Work Sans',sans-serif}
.wn-sub-toast.show{opacity:1}
/* leaderboard */
.wn-sub-page .wrap{max-width:860px;padding-top:22px;padding-bottom:40px}
.wn-sub-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.06em;color:#A07F03;margin:0 0 4px}
.wn-sub-lead{color:var(--ink-soft,#5A5247)}
.wn-sub-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.wn-sub-tabs a{font-weight:700;font-size:.88rem;border:2px solid var(--ink,#120A08);border-radius:99px;padding:5px 14px;color:var(--ink,#120A08);text-decoration:none;background:var(--white,#fff)}
.wn-sub-tabs a[aria-current]{background:#F7C600;color:#120A08;border-color:#120A08}
.wn-sub-card{background:var(--white,#fff);border:1.5px solid var(--line,#E7E0D2);border-radius:16px;padding:8px 16px 14px}
.wn-sub-card h2{font-size:1.05rem;margin:18px 0 2px}
.wn-sub-lr{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line,#E7E0D2)}
.wn-sub-lr:first-child,.wn-sub-card>.wn-sub-small+.wn-sub-lr,.wn-sub-slots+.wn-sub-small+.wn-sub-lr{border-top:0}
.wn-sub-lr .pos{width:26px;text-align:center;font-family:'Work Sans','Noto Sans Devanagari',sans-serif;font-weight:800;font-size:1.05rem;flex:none}
.wn-sub-lr .av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--paper-deep,#F4EEE0)}
.wn-sub-lr .n{flex:1;min-width:0;font-weight:700;font-size:.92rem;line-height:1.3;color:inherit;text-decoration:none}
.wn-sub-lr .n small{display:block;font-weight:400;color:var(--ink-soft,#5A5247);font-size:.78rem}
.wn-sub-lr .c{text-align:right;font-family:'Work Sans','Noto Sans Devanagari',sans-serif;font-weight:800;white-space:nowrap}
.wn-sub-lr .c small{display:block;font-family:'Noto Sans Devanagari',sans-serif;font-weight:600;font-size:.72rem;color:#2E7D32}
@media (max-width:520px){.wn-sub-lr{flex-wrap:wrap}.wn-sub-lr .n{flex-basis:calc(100% - 140px)}.wn-sub-lr .wn-sub-btn,.wn-sub-lr .wn-sub-mini{margin-left:auto}}
.wn-sub-note{background:var(--paper-deep,#F4EEE0);border-radius:12px;padding:10px 12px;font-size:.86rem;margin:10px 0 0}
.wn-sub-how{margin-top:16px;background:var(--white,#fff);border:1.5px solid var(--line,#E7E0D2);border-radius:14px;padding:10px 14px}
.wn-sub-how summary{font-weight:700;cursor:pointer}
.wn-sub-how ul{margin:8px 0 0;padding-left:18px;font-size:.9rem}
.wn-sub-how li{margin:5px 0}
/* feed card */
.wn-sub-feed{background:#120A08;color:#FBF8F2;border-radius:16px;padding:14px 16px;margin:16px 0}
.wn-sub-feed .eb{font-size:.76rem;font-weight:700;letter-spacing:.06em;color:#F7C600;margin:0 0 4px}
.wn-sub-feed h4{margin:0 0 6px;font-size:1rem;color:#FBF8F2}
.wn-sub-feed .wn-sub-lr{border-color:#3A322A}
.wn-sub-feed .wn-sub-lr .n small{color:#C9C2B0}
.wn-sub-feed .wn-sub-lr .c small{color:#7ed39a}
.wn-sub-feed .wn-sub-btn{background:#F7C600;color:#120A08;box-shadow:none}
.wn-sub-feed .wn-sub-btn.is-on{background:#2a221c;color:#FBF8F2;outline-color:#3A322A}
.wn-sub-more{display:inline-block;margin-top:8px;color:#F7C600;font-weight:700;font-size:.88rem;text-decoration:none}
/* milestone pop-up */
.wn-sub-cele{position:fixed;inset:0;background:rgba(18,10,8,.6);display:flex;align-items:center;justify-content:center;z-index:100000;padding:16px}
.wn-sub-cele[hidden]{display:none}
.wn-sub-cele-in{position:relative;overflow:hidden;background:#120A08;color:#FBF8F2;border-radius:20px;padding:24px 18px;text-align:center;width:min(420px,100%);font-family:'Noto Sans Devanagari','Work Sans',sans-serif;max-height:92vh;overflow-y:auto}
.wn-sub-cele-in .eb{font-size:.8rem;font-weight:700;letter-spacing:.08em;color:#F7C600;margin:0}
.wn-sub-cele-in .big{font-family:'Work Sans','Noto Sans Devanagari',sans-serif;font-weight:800;font-size:3.4rem;line-height:1;color:#F7C600;margin:6px 0 0}
.wn-sub-cele-in .lbl{font-weight:800;font-size:1.1rem;margin:4px 0 0}
.wn-sub-cele-in .tr{color:#D9D1C1;margin:6px 0 0}
.wn-sub-cele-in .tr b{color:#fff}
.wn-sub-cv{display:block;width:62%;margin:14px auto 0;border-radius:10px;aspect-ratio:4/5;box-shadow:0 0 0 1px #4a3f35}
.wn-sub-cele-in .wn-sub-row{justify-content:center}
.wn-sub-cele-in .wn-sub-btn{background:#F7C600;color:#120A08;box-shadow:none}
.wn-sub-cele-in .wn-sub-later{background:transparent;color:#FBF8F2;border-color:#FBF8F2}
.wn-sub-cele-in .conf{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 20%,#F7C600 0 4px,transparent 5px),radial-gradient(circle at 85% 15%,#fff 0 3px,transparent 4px),radial-gradient(circle at 70% 70%,#F7C600 0 3px,transparent 4px),radial-gradient(circle at 25% 65%,#C62828 0 3px,transparent 4px),radial-gradient(circle at 50% 8%,#2E8B4F 0 3px,transparent 4px),radial-gradient(circle at 92% 50%,#F7C600 0 4px,transparent 5px)}
/* single Catch "Enjoyed this?" box */
.wn-sub-after{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:4px}
.wn-sub-after small{color:var(--ink-soft,#5A5247);font-size:.8rem}
