:root[data-theme=sadhu]{--bg:#f28c28;--card:#ffa94d;--ink:#140a02;--mute:#4d2a0c;--saf:#120a04;--saf2:#000;--line:#d9741a;--soft:#f79b3e;--h1:#e8791a;--h2:#f28c28;--head:#000;--shadow:0 2px 0 rgba(0,0,0,.18),0 6px 16px rgba(80,30,0,.25)}
:root[data-theme=sadhu].dark{--bg:#f28c28;--card:#ffa94d;--ink:#140a02;--mute:#4d2a0c;--saf:#120a04;--saf2:#000;--line:#d9741a;--soft:#f79b3e;--h1:#e8791a;--h2:#f28c28;--head:#000;--shadow:0 2px 0 rgba(0,0,0,.18),0 6px 16px rgba(80,30,0,.25)}
:root[data-theme=vrindavan]{--bg:#f8f4e6;--card:#fffdf4;--ink:#22311f;--mute:#6d7a5f;--saf:#2f6b3a;--saf2:#b9d3a6;--line:#e2e3cc;--soft:#eef1dc;--h1:#d7e4c0;--h2:#ecf1dd;--head:#1f5229;--shadow:0 1px 3px rgba(60,40,20,.12)}
:root[data-theme=vrindavan].dark{--bg:#121a13;--card:#1b261c;--ink:#ecf0df;--mute:#9fb093;--saf:#7fbf73;--saf2:#2e5232;--line:#2c3a2d;--soft:#223024;--h1:#1f3322;--h2:#162318;--head:#cfe6b4;--shadow:none}
:root[data-theme=yamuna]{--bg:#eef2f8;--card:#fbfcff;--ink:#14203a;--mute:#5f6b85;--saf:#27408b;--saf2:#aebde6;--line:#d8dfee;--soft:#e3e9f6;--h1:#c9d4ef;--h2:#e4eaf8;--head:#1b2c66;--shadow:0 1px 3px rgba(60,40,20,.12)}
:root[data-theme=yamuna].dark{--bg:#0b0f1a;--card:#131a2a;--ink:#e3e9f7;--mute:#93a0bf;--saf:#7f9cf0;--saf2:#28396b;--line:#222c45;--soft:#1a2238;--h1:#162038;--h2:#0e1525;--head:#b9c8f5;--shadow:none}
:root[data-theme=tulasi]{--bg:#fcfaff;--card:#ffffff;--ink:#2e2340;--mute:#7a6d8c;--saf:#8a5cb8;--saf2:#cdb8e6;--line:#ebe3f4;--soft:#f3edfa;--h1:#e9def6;--h2:#eef8e8;--head:#5f3a8a;--shadow:0 1px 3px rgba(60,30,90,.12)}
:root[data-theme=tulasi].dark{--bg:#1c1222;--card:#26192e;--ink:#f0e6f7;--mute:#b6a2c4;--saf:#c39be8;--saf2:#4e3266;--line:#3a2a46;--soft:#2f2039;--h1:#35203f;--h2:#22301f;--head:#dcc4f2;--shadow:none}
:root[data-theme=govardhan]{--bg:#e9dcc8;--card:#f5ecdf;--ink:#33251a;--mute:#7a634d;--saf:#9a5a2c;--saf2:#c9a27c;--line:#d6c3aa;--soft:#e0cfb7;--h1:#cdb497;--h2:#e3d4bf;--head:#5a341a;--shadow:0 1px 3px rgba(60,40,20,.15)}
:root[data-theme=govardhan].dark{--bg:#3a2b1f;--card:#4a3828;--ink:#f3e7d7;--mute:#cbb39a;--saf:#d98e52;--saf2:#7a5234;--line:#5c4632;--soft:#54402e;--h1:#4f3b2a;--h2:#3f2f22;--head:#f0c9a2;--shadow:0 1px 3px rgba(0,0,0,.25)}
:root[data-theme=mangala]{--bg:#000000;--card:#0d0d0d;--ink:#f4efe8;--mute:#a89f94;--saf:#ec8a2f;--saf2:#5a3412;--line:#222222;--soft:#141414;--h1:#1a1410;--h2:#050505;--head:#f39a45;--shadow:none}
:root[data-theme=mangala].dark{--bg:#000000;--card:#0d0d0d;--ink:#f4efe8;--mute:#a89f94;--saf:#ec8a2f;--saf2:#5a3412;--line:#222222;--soft:#141414;--h1:#1a1410;--h2:#050505;--head:#f39a45;--shadow:none}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif}
body{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
a{color:var(--saf)}
button{font:inherit;color:inherit}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,var(--h1),var(--h2));border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;cursor:pointer}
.logo{width:40px;height:40px;border-radius:9px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;margin:0;color:var(--head);letter-spacing:.2px}
.tag{font-size:.75rem;color:var(--mute)}
main{max-width:760px;margin:0 auto;padding:12px 14px}
h2{font-family:Georgia,serif;font-size:1.1rem;margin:18px 0 8px;color:var(--head)}
.muted{color:var(--mute);font-size:.85rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px}
.lotd{background:linear-gradient(135deg,var(--card),var(--soft));border-color:var(--saf2)}
.lotd .k{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--saf);font-weight:600}
.lotd .t{font-family:Georgia,serif;font-size:1.15rem;margin:4px 0}
.quote{font-family:Georgia,serif;font-style:italic;color:var(--mute);font-size:.9rem;margin:10px 2px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tile{display:block;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow)}
.tile b{display:block;font-family:Georgia,serif;font-weight:normal;font-size:1rem}
.tile span{color:var(--mute);font-size:.8rem}
.list{list-style:none;margin:0;padding:0}
.item{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}
.item.playing{background:var(--soft);border-radius:10px}
.item .play{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--saf2);background:var(--soft);color:var(--saf);font-size:.95rem;cursor:pointer}
.item .meta{flex:1;min-width:0;cursor:pointer}
.item .ti{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item .su{font-size:.78rem;color:var(--mute);margin-top:2px}
.item .prog{height:3px;background:var(--line);border-radius:2px;margin-top:4px;overflow:hidden}
.item .prog i{display:block;height:100%;background:var(--saf)}
.item .more{flex:none;background:none;border:0;font-size:1.3rem;color:var(--mute);cursor:pointer;padding:4px 8px}
.done{color:#4c8a3a;font-size:.8rem}
.search{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:1rem}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
select{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:.85rem;max-width:100%}
.chips{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
.chip{flex:none;display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:.85rem;text-decoration:none;cursor:pointer;white-space:nowrap}
.chip.on{background:var(--saf);border-color:var(--saf);color:#fff}
.seg{display:flex;gap:6px;margin:6px 0 4px}
.player{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:6;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -2px 10px rgba(120,80,30,.12)}
.pbar{position:relative;height:4px;background:var(--line)}
#pfill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--saf)}
#seek{position:absolute;inset:-8px 0;width:100%;opacity:0;cursor:pointer;margin:0}
.prow{display:flex;align-items:center;gap:8px;padding:8px 12px;max-width:760px;margin:0 auto}
.pinfo{flex:1;min-width:0;cursor:pointer}
.ptitle{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.psub{font-size:.75rem;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pctl{display:flex;align-items:center;gap:4px}
.iconbtn{background:none;border:0;font-size:1.25rem;cursor:pointer;padding:6px;color:var(--ink);position:relative}
.iconbtn small{font-size:.55rem;position:absolute;bottom:4px;right:2px}
.playbtn{width:44px;height:44px;border-radius:50%;border:0;background:var(--saf);color:#fff;font-size:1.1rem;cursor:pointer}
.pmore{max-width:760px;margin:0 auto;padding:0 12px 10px}
.ptime{display:flex;justify-content:space-between;font-size:.75rem;color:var(--mute)}
.pbtns{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:7;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;font-size:.7rem;color:var(--mute);text-decoration:none;padding:6px 0 8px}
.tabs a span{font-size:1.25rem;line-height:1.3}
.tabs a.on{color:var(--saf)}
.hidden{display:none!important}
.sheet{position:fixed;inset:0;z-index:20;background:rgba(40,25,10,.45);display:flex;align-items:flex-end;justify-content:center}
.sheetbox{background:var(--card);width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));max-height:80vh;overflow:auto}
.sheetbox h3{font-family:Georgia,serif;margin:0 0 4px;font-weight:normal}
.sheetbox .opt{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 4px;font-size:.95rem;cursor:pointer;color:var(--ink);text-decoration:none}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:170px;z-index:30;background:#3b2a1a;color:#fff;padding:9px 16px;border-radius:999px;font-size:.85rem}
.empty{color:var(--mute);text-align:center;padding:24px 8px}
.stats{display:flex;gap:8px}.stats .card{flex:1;text-align:center}.stats b{display:block;font-size:1.3rem;color:var(--saf)}
.btn{display:inline-block;padding:9px 14px;border-radius:10px;border:0;background:var(--saf);color:#fff;cursor:pointer;text-decoration:none}
.btn.ghost{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.row{display:flex;gap:8px;align-items:center;justify-content:space-between}
.about p{line-height:1.55}

@font-face{font-family:"DG Serif";src:url(fonts/NotoSerif.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"DG Serif";src:url(fonts/NotoSerif-Italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
:root.vedabase body,:root.vedabase button,:root.vedabase input,:root.vedabase select{font-family:"DG Serif",Georgia,serif}
:root.vedabase h1,:root.vedabase h2,:root.vedabase .qtext,:root.vedabase .tile b,:root.vedabase .lotd .t{font-family:"DG Serif",Georgia,serif}
:root.big body{font-size:18px}
.top .iconbtn{text-decoration:none}
.qcard{position:relative}
.qtext{font-family:Georgia,serif;font-size:1.12rem;line-height:1.6;margin:8px 0 10px;white-space:pre-line}
.qsrc{color:var(--mute);font-size:.85rem}
.qsrc:before{content:"— "}
.k{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--saf);font-weight:600}
.vthumb{flex:none;width:112px;height:63px;border-radius:8px;object-fit:cover;background:var(--soft)}
.vframe{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.setrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line)}
.setrow .lbl{flex:1}.setrow .lbl small{display:block;color:var(--mute);font-size:.78rem}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:6px 0}
.sw{border:2px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;background:var(--card);color:var(--ink);text-align:left;font-size:.85rem}
.sw.on{border-color:var(--saf)}
.sw i{display:flex;height:22px;border-radius:6px;overflow:hidden;margin-bottom:6px}.sw i b{flex:1}
.iconpick{display:flex;gap:12px}.iconpick button{border:2px solid var(--line);border-radius:16px;padding:6px;background:var(--card);cursor:pointer;color:var(--ink);font-size:.8rem}
.iconpick button.on{border-color:var(--saf)}.iconpick img{display:block;width:72px;height:72px;border-radius:14px;margin-bottom:4px}
.note{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.82rem;color:var(--mute);margin:10px 0}
.reord{display:flex;flex-direction:column}.reord button{background:none;border:0;color:var(--mute);cursor:pointer;font-size:.8rem;padding:0 6px;line-height:1.2}
.ic{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.17em;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.tabs a span .ic{width:1.15em;height:1.15em}
.ic-copy{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M5%2015H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h10a1%201%200%200%201%201%201v1%22/%3E%3C/svg%3E")}
.ic-flag{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2022V4M4%204h13l-2%204%202%204H4%22/%3E%3C/svg%3E")}
.ic-quote{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h4v4c0%203-2%205-4%206M15%207h4v4c0%203-2%205-4%206%22/%3E%3C/svg%3E")}
.ic-star{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l2.6%205.6%206%20.7-4.5%204.1%201.2%206L12%2016.5%206.7%2019.4l1.2-6L3.4%209.3l6-.7z%22/%3E%3C/svg%3E")}
.ic-history{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%203-6.7L3%208M3%203v5h5M12%207v5l3%202%22/%3E%3C/svg%3E")}
.ic-search{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22/%3E%3Cpath%20d%3D%22M20%2020l-4-4%22/%3E%3C/svg%3E")}
.ic-info{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M12%2011v5M12%208h.01%22/%3E%3C/svg%3E")}
.ic-up{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020V5M6%2011l6-6%206%206M4%203h16%22/%3E%3C/svg%3E")}
.ic-down{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v15M6%2013l6%206%206-6M4%2021h16%22/%3E%3C/svg%3E")}
.ic-gear{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M19.4%2015a1.7%201.7%200%200%200%20.3%201.8l.1.1a2%202%200%201%201-2.8%202.8l-.1-.1a1.7%201.7%200%200%200-1.8-.3%201.7%201.7%200%200%200-1%201.5V21a2%202%200%201%201-4%200v-.1a1.7%201.7%200%200%200-1.1-1.5%201.7%201.7%200%200%200-1.8.3l-.1.1a2%202%200%201%201-2.8-2.8l.1-.1a1.7%201.7%200%200%200%20.3-1.8%201.7%201.7%200%200%200-1.5-1H3a2%202%200%201%201%200-4h.1a1.7%201.7%200%200%200%201.5-1.1%201.7%201.7%200%200%200-.3-1.8l-.1-.1a2%202%200%201%201%202.8-2.8l.1.1a1.7%201.7%200%200%200%201.8.3H9a1.7%201.7%200%200%200%201-1.5V3a2%202%200%201%201%204%200v.1a1.7%201.7%200%200%200%201%201.5%201.7%201.7%200%200%200%201.8-.3l.1-.1a2%202%200%201%201%202.8%202.8l-.1.1a1.7%201.7%200%200%200-.3%201.8V9a1.7%201.7%200%200%200%201.5%201H21a2%202%200%201%201%200%204h-.1a1.7%201.7%200%200%200-1.5%201z%22/%3E%3C/svg%3E")}
.ic-sun{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M12%202v2M12%2020v2M4.9%204.9l1.4%201.4M17.7%2017.7l1.4%201.4M2%2012h2M20%2012h2M4.9%2019.1l1.4-1.4M17.7%206.3l1.4-1.4%22/%3E%3C/svg%3E")}
.ic-headphones{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2018v-6a9%209%200%200%201%2018%200v6%22/%3E%3Cpath%20d%3D%22M21%2019a2%202%200%200%201-2%202h-1v-6h3zM3%2019a2%202%200%200%200%202%202h1v-6H3z%22/%3E%3C/svg%3E")}
.ic-moon{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012.8A9%209%200%201%201%2011.2%203a7%207%200%200%200%209.8%209.8z%22/%3E%3C/svg%3E")}
.ic-prev{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2020L9%2012l10-8zM5%2019V5%22/%3E%3C/svg%3E")}
.ic-next{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204l10%208-10%208zM19%205v14%22/%3E%3C/svg%3E")}
.ic-back{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%203-6.7L3%208M3%203v5h5%22/%3E%3C/svg%3E")}
.ic-fwd{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-3-6.7L21%208M21%203v5h-5%22/%3E%3C/svg%3E")}
.ic-share{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012v8a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-8M16%206l-4-4-4%204M12%202v13%22/%3E%3C/svg%3E")}
.ic-plus{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22/%3E%3C/svg%3E")}
.chip.on input{accent-color:#fff}
:root[data-theme=tulasi] .chip.on,:root[data-theme=tulasi] .btn{background:var(--saf)}
:root[data-theme=tulasi] .done{color:#5aa84a}
:root[data-theme=tulasi] .item .prog i{background:linear-gradient(90deg,var(--saf),#7cc46a)}
.ic-menu{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M3%2012h18M3%2018h18%22/%3E%3C/svg%3E")}
.ic-list{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%206h13M8%2012h13M8%2018h13M3%206h.01M3%2012h.01M3%2018h.01%22/%3E%3C/svg%3E")}
.ic-heart{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021l8.8-8.6a5.5%205.5%200%200%200%200-7.8z%22/%3E%3C/svg%3E")}
.ic-trophy{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4M7%204h10v5a5%205%200%200%201-10%200zM17%205h3v2a3%203%200%200%201-3%203M7%205H4v2a3%203%200%200%200%203%203%22/%3E%3C/svg%3E")}
.ic-image{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%221.5%22/%3E%3Cpath%20d%3D%22M21%2015l-5-5L5%2021%22/%3E%3C/svg%3E")}
.ic-map{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s-7-6.2-7-11a7%207%200%200%201%2014%200c0%204.8-7%2011-7%2011z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22/%3E%3C/svg%3E")}
.ic-mail{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M3%207l9%206%209-6%22/%3E%3C/svg%3E")}
.ic-globe{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M3%2012h18M12%203a14%2014%200%200%201%200%2018M12%203a14%2014%200%200%200%200%2018%22/%3E%3C/svg%3E")}
.ic-trash{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M8%206V4h8v2M6%206l1%2014h10l1-14%22/%3E%3C/svg%3E")}

@font-face{font-family:"DG Script";src:url(fonts/GreatVibes.woff2) format("woff2");font-display:swap}
.sname{font-family:"DG Script",cursive;font-size:2.4rem;color:var(--saf);line-height:1.1}
.splash{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .35s}
.splash.out{opacity:0;pointer-events:none}
.splash img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid var(--saf2);box-shadow:0 6px 24px rgba(120,60,10,.25)}
.spin{width:28px;height:28px;border:3px solid var(--saf2);border-top-color:var(--saf);border-radius:50%;animation:sp 0.9s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.top{gap:6px}
.drawer{position:fixed;inset:0;z-index:40;background:rgba(30,20,10,0);transition:background .2s}
.drawer.open{background:rgba(30,20,10,.45)}
.dpanel{position:absolute;top:0;bottom:0;left:0;width:min(86vw,320px);background:var(--card);overflow:auto;transform:translateX(-100%);transition:transform .22s;padding-bottom:30px;box-shadow:2px 0 18px rgba(0,0,0,.2)}
.drawer.open .dpanel{transform:none}
.dhead{display:flex;gap:12px;align-items:center;padding:20px 16px;background:linear-gradient(180deg,var(--h1),var(--h2))}
.dhead img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--saf)}
.ditem{display:flex;gap:14px;align-items:center;padding:12px 18px;color:var(--ink);text-decoration:none;font-size:.95rem}
.ditem:active,.ditem:hover{background:var(--soft)}.ditem .ic{color:var(--saf);font-size:1.1rem}
.dpanel hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.banners{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;border-radius:16px;scrollbar-width:none;margin-bottom:6px}
.banners::-webkit-scrollbar{display:none}
.banner{position:relative;flex:0 0 100%;scroll-snap-align:start;height:150px;border-radius:16px;overflow:hidden;background:linear-gradient(120deg,var(--c1),var(--c2));color:#fff;text-decoration:none}
.bimg{position:absolute;right:0;top:0;height:100%;width:62%;object-fit:cover;-webkit-mask:linear-gradient(90deg,transparent,#000 45%);mask:linear-gradient(90deg,transparent,#000 45%)}
.bicon{position:absolute;right:-10px;bottom:-14px;height:150px;opacity:.35;mix-blend-mode:screen}
.btxt{position:absolute;left:16px;bottom:16px;right:40%}
.bt{font-family:Georgia,serif;font-size:1.55rem;line-height:1.1;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.bs{font-size:.82rem;opacity:.92;margin-top:4px}
.bdots,.obdots{display:flex;gap:6px;justify-content:center;margin:4px 0 12px}
.bdots i,.obdots i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:all .2s}
.bdots i.on,.obdots i.on{background:var(--saf);width:18px;border-radius:4px}
.ob{position:fixed;inset:0;z-index:60;background:#fff;color:#3b2a1a}
.obslides{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.obslides::-webkit-scrollbar{display:none}
.obslide{flex:0 0 100%;height:100%;scroll-snap-align:start;background-size:cover;background-position:center 20%;position:relative}
.obfade{position:absolute;left:0;right:0;bottom:0;padding:120px 24px 110px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.88) 38%,#fff 70%)}
.obtitle{font-family:Georgia,serif;font-size:2.3rem;font-weight:600;color:#e8862a;margin:0 0 6px;line-height:1.1}
.obname{font-family:"DG Script",cursive;font-size:3.1rem;color:#e8862a;line-height:1.1}
.obline{font-size:1.05rem;color:#5b4632;margin:8px 0 18px}
.lotus{width:150px;height:30px;color:#e8862a;display:block;margin:4px auto 6px}
.obbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px calc(18px + env(safe-area-inset-bottom))}
.obbar .obdots{margin:0}.obbar.last .obnext,.obbar.last .obskip{visibility:hidden}
.obskip,.obnext{background:none;border:0;color:#8a7560;font-size:1rem;cursor:pointer;padding:8px}.obnext{color:#e8862a;font-weight:600}
.btn.big{font-size:1.1rem;padding:14px 34px;border-radius:999px;background:#e8862a;box-shadow:0 6px 18px rgba(232,134,42,.35)}
.btn.wide{display:block;width:100%;text-align:center;padding:13px;border-radius:12px;font-size:1rem}
.obpage{height:100%;overflow:auto;background:var(--bg);color:var(--ink)}
.obl{display:flex;flex-direction:column;align-items:center;padding:40px 24px;text-align:center}
.obround{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid var(--saf2);margin-bottom:10px}
.langs{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px;margin-top:10px}
.langb{padding:14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-size:1rem;cursor:pointer}
.langb.on{border-color:var(--saf);background:var(--soft);font-weight:600}
.signin{max-width:480px;margin:0 auto}
.sbanner{position:relative;height:230px;background-size:cover;background-position:center 25%;border-radius:0 0 26px 26px;overflow:hidden}
main .sbanner{border-radius:18px}
.sbfade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(40,20,5,.7))}
.sbanner .sname{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fff;font-size:2.8rem;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.sform{padding:16px 22px 30px}.sform h2{text-align:center}
.sso{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.sso.apple{background:#111;color:#fff}
.cwo{margin-top:16px;background:var(--saf);font-weight:600;font-size:1.05rem;padding:15px}
.or{text-align:center;color:var(--mute);margin:12px 0 2px}
.help{margin:8px 2px;font-size:.88rem}.help summary{cursor:pointer;color:var(--saf)}.help p{color:var(--mute);margin:6px 0}
.spark{display:flex;align-items:flex-end;gap:4px;height:70px;padding:8px}.spark i{flex:1;background:var(--saf);border-radius:3px 3px 0 0;opacity:.85}
.bar{display:grid;grid-template-columns:130px 1fr 58px;gap:8px;align-items:center;font-size:.83rem;margin:7px 0}
.bar div{height:8px;background:var(--line);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--saf);border-radius:4px}
.bar em{font-style:normal;color:var(--mute);text-align:right}
h3.sub{font-size:.9rem;margin:14px 0 4px;color:var(--head)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.gallery figcaption{font-size:.78rem;color:var(--mute)}
.obtitle{font-size:clamp(1.7rem,7.4vw,2.4rem);text-wrap:balance;max-width:15ch;margin-left:auto;margin-right:auto}
.obhh{font-family:Georgia,serif;font-size:1.05rem;letter-spacing:.32em;text-transform:uppercase;color:#b06418;margin-bottom:2px}
.obname{font-size:clamp(2.6rem,12.5vw,3.6rem);white-space:nowrap}
.obfade{padding-top:150px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.85) 34%,#fff 64%)}
.ic-play{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204l13%208-13%208z%22%20fill%3D%22black%22/%3E%3C/svg%3E")}
.ic-pause{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204h3v16H7zM14%204h3v16h-3z%22%20fill%3D%22black%22/%3E%3C/svg%3E")}
.ic-flame{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022c4%200%207-3%207-7%200-4-3-6-4-10-2%202-3%204-3%206-1-1-2-2-2-4-3%203-5%205-5%208%200%204%203%207%207%207z%22/%3E%3C/svg%3E")}
.ic-chev{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22/%3E%3C/svg%3E")}
.ic-radio{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.5%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M7.8%207.8a6%206%200%200%200%200%208.4M16.2%207.8a6%206%200%200%201%200%208.4M4.9%204.9a10%2010%200%200%200%200%2014.2M19.1%204.9a10%2010%200%200%201%200%2014.2%22/%3E%3C/svg%3E")}

/* ===== round 5 visual redesign ===== */
html,body{font-size:17px}
body{padding-bottom:calc(170px + env(safe-area-inset-bottom))}
main{padding:14px 16px}
h2{font-size:1.28rem;margin:24px 0 10px;font-weight:600;letter-spacing:.1px}
.top{padding:10px 12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 82%,transparent)!important;border-bottom:1px solid var(--line)}
.top h1{font-size:1.2rem}.top .tag{font-size:.72rem}
.hbtns{display:flex;gap:8px}
.cbtn{width:40px;height:40px;border-radius:50%;border:1.6px solid color-mix(in srgb,var(--saf) 70%,transparent);display:inline-flex;align-items:center;justify-content:center;color:var(--saf);background:transparent;cursor:pointer;text-decoration:none;font-size:1.15rem;position:relative;flex:none;transition:transform .15s,background .15s}
.cbtn:active{transform:scale(.92)}.cbtn:hover{background:var(--soft)}
.cbtn.lg{width:52px;height:52px;font-size:1.35rem}
#hStreak[data-n]:not([data-n=""])::after{content:attr(data-n);position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:var(--saf);color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
#menuBtn{color:var(--ink)}
.card{border-radius:18px;padding:16px}
.lotd{background:linear-gradient(150deg,var(--card),var(--soft))}
/* banners */
.banner{height:200px;border-radius:20px;background:linear-gradient(120deg,var(--c1),var(--c2))}
.banner .bimg{width:100%;-webkit-mask:none;mask:none;object-position:center 30%}
.bshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.78))}
.btxt{right:60px;bottom:18px;left:18px}
.bk{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-weight:700}
.bt{font-size:1.75rem;font-weight:600}
.bshare{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);background:rgba(0,0,0,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px)}
.banners{gap:12px;border-radius:0}.banner{flex-basis:calc(100% - 4px)}
/* lecture cards */
.list{display:flex;flex-direction:column;gap:10px}
.item.lcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;gap:12px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.item.lcard:active{transform:scale(.985)}
.item.lcard.playing{border-color:var(--saf);background:var(--soft)}
.cwrap{position:relative;flex:none}
.cover{width:96px;height:96px;border-radius:12px;overflow:hidden;position:relative;background:var(--soft)}
.cover .cph{width:100%;height:100%;object-fit:cover}
.cover.gen{background:radial-gradient(120% 90% at 0% 0%,var(--c2),var(--c1) 70%);color:#fff;padding:9px}
.cover.gen b{display:block;font-family:Georgia,serif;font-size:1.25rem;line-height:1}
.cover.gen span{display:block;font-size:.78rem;opacity:.9;margin-top:3px;font-weight:600}
.cover.gen .cmh{position:absolute;right:-8px;bottom:-8px;width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.55);opacity:.95}
.cover.big{width:min(78vw,340px);height:min(78vw,340px);border-radius:24px;margin:0 auto;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.cover.big.gen{padding:24px}.cover.big.gen b{font-size:3rem}.cover.big.gen span{font-size:1.3rem}.cover.big.gen .cmh{width:62%;height:62%;right:-6%;bottom:-6%;border-width:4px}
.item .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:.95rem;backdrop-filter:blur(4px)}
.lcard.playing .play{background:var(--saf)}
.dlb{position:absolute;left:6px;top:6px;color:#fff;background:rgba(0,0,0,.5);border-radius:50%;padding:2px}
.item .ti{font-size:1rem;font-weight:600;line-height:1.3}
.item .su{font-size:.8rem;margin-top:4px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center}
.tg{font-size:.72rem;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--saf) 18%,transparent);color:var(--saf);font-weight:600}
.tg2{font-size:.75rem;color:var(--mute)}
.newb{font-size:.68rem;background:var(--saf);color:#fff;border-radius:6px;padding:1px 6px;vertical-align:2px}
.hf{color:var(--saf)}
.vthumb{width:128px;height:72px;border-radius:12px}
.item .more{align-self:flex-start}
/* bottom bar with raised centre button */
.tabs{height:66px;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);align-items:flex-end;overflow:visible}
.tabs a{padding:8px 0 9px;font-size:.66rem}.tabs a b{font-weight:500}
.tabs a span{font-size:1.3rem}
.npbtn{flex:none;width:66px;height:66px;margin:-24px 4px 4px;border-radius:50%;border:4px solid var(--bg);background:linear-gradient(145deg,var(--saf),color-mix(in srgb,var(--saf) 60%,#000));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.35);font-size:1.45rem}
.npbtn b{font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:1px}
.npbtn.live{animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--saf) 25%,transparent),0 8px 22px rgba(0,0,0,.35)}}
.player{bottom:calc(66px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;margin:0 6px;background:color-mix(in srgb,var(--card) 96%,transparent);backdrop-filter:blur(14px)}
.pmore{display:none!important}
.playbtn{width:46px;height:46px}
/* full-screen player */
.fp{position:fixed;inset:0;z-index:50;background:radial-gradient(120% 70% at 50% 0%,var(--soft),var(--bg) 70%);color:var(--ink);display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);overflow:auto}
.fp.open{transform:none}
.fphead{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.fpart{margin:26px 0 22px}
.fpti{font-family:Georgia,serif;font-size:1.4rem;line-height:1.25;text-align:center;font-weight:600}
.fpsu{color:var(--mute);text-align:center;margin-top:6px;font-size:.9rem}
.fpseek{width:100%;margin-top:22px;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--saf) var(--p,0%),var(--line) var(--p,0%));outline:none}
.fpseek::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--saf);border:3px solid var(--bg)}
.fp .ptime{margin-top:6px;font-size:.8rem}
.fpctl{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
.fpplay{width:78px;height:78px;border-radius:50%;border:0;background:var(--saf);color:#fff;font-size:1.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px color-mix(in srgb,var(--saf) 40%,transparent)}
.fprow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.pill{border:1.4px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:.9rem;min-width:44px}
.pill.on{border-color:var(--saf);color:var(--saf)}
/* transitions */
main.enter{animation:enter .28s ease-out}
@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sheetbox{animation:sheetup .24s cubic-bezier(.2,.8,.2,1)}@keyframes sheetup{from{transform:translateY(40px);opacity:.4}}
.chip{padding:8px 14px;font-size:.88rem}
.tile{border-radius:16px;padding:14px}
.brand{min-width:0}.brand>div{min-width:0}.top .tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.banner img.bimg[src*="ytimg.com"]{transform:scale(1.34)}.cover .cph[src*="ytimg.com"]{transform:scale(1.34)}
.obslide{background-repeat:no-repeat;background-color:#fff}.ob .obdots i.on{background:#e8862a}.ob .obdots i{background:#e6dccd}