@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=DM+Sans:wght@300;400;500&display=swap');.sangriha-audiobook-wrap{--sab-gold:#c9a96e;--sab-gold-lt:#d9b97e;--sab-gold-dim:rgba(201,169,110,.14);--sab-gold-glow:rgba(201,169,110,.28);--sab-gold-stroke:rgba(201,169,110,.3);--sab-card-bg:rgba(18,18,30,.9);--sab-blur:blur(38px) saturate(2.2);--sab-border-t:rgba(255,255,255,.1);--sab-border-b:rgba(0,0,0,.4);--sab-border-x:rgba(255,255,255,.055);--sab-shadow:inset 0 1.5px 0 rgba(255,255,255,.07),0 0 0 .5px rgba(255,255,255,.06),0 2px 6px rgba(0,0,0,.2),0 6px 24px rgba(0,0,0,.28);--sab-shadow-hover:inset 0 1.5px 0 rgba(255,255,255,.07),0 0 0 .5px rgba(201,169,110,.16),0 2px 8px rgba(0,0,0,.22),0 8px 32px rgba(0,0,0,.32);--sab-gloss:rgba(255,255,255,.05);--sab-text:#e8e4db;--sab-sub:rgba(232,228,219,.44);--sab-track:rgba(255,255,255,.09);--sab-speed-bg:rgba(18,18,28,.97);--sab-speed-border:rgba(255,255,255,.1);--sab-ambient-op:.3;--sab-cover-shadow:0 10px 36px rgba(0,0,0,.5),0 0 0 .5px rgba(255,255,255,.07);--sab-play-icon:#0d0d14;--sab-chapter-bg:rgba(201,169,110,.12);--sab-article-bg:rgba(255,255,255,.05);--sab-article-border:rgba(255,255,255,.08);--sab-article-hover-bg:rgba(201,169,110,.1);--sab-radius:26px;--sab-font-serif:'Playfair Display',Georgia,serif;--sab-font-sans:'DM Sans',system-ui,sans-serif;--sab-t:all .4s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:light){.sangriha-audiobook-wrap:not([data-theme=dark]){--sab-card-bg:rgba(255,255,255,.78);--sab-blur:blur(40px) saturate(1.6) brightness(1.06);--sab-border-t:rgba(255,255,255,1);--sab-border-b:rgba(210,205,225,.22);--sab-border-x:rgba(220,215,235,.3);--sab-shadow:inset 0 1.5px 0 rgba(255,255,255,1),0 0 0 .5px rgba(200,195,220,.25),0 1px 3px rgba(160,150,190,.08),0 3px 14px rgba(160,150,190,.1);--sab-shadow-hover:inset 0 1.5px 0 rgba(255,255,255,1),0 0 0 .5px rgba(201,169,110,.22),0 1px 4px rgba(160,150,190,.1),0 5px 22px rgba(160,150,190,.14);--sab-gloss:rgba(255,255,255,.8);--sab-text:#1a1730;--sab-sub:rgba(26,23,48,.46);--sab-track:rgba(0,0,0,.07);--sab-speed-bg:rgba(255,255,255,.95);--sab-speed-border:rgba(210,205,225,.35);--sab-ambient-op:.16;--sab-cover-shadow:0 8px 26px rgba(100,90,140,.18),0 0 0 .5px rgba(200,195,220,.22);--sab-play-icon:#fff;--sab-chapter-bg:rgba(201,169,110,.1);--sab-article-bg:rgba(255,255,255,.55);--sab-article-border:rgba(210,205,225,.4);--sab-article-hover-bg:rgba(255,255,255,.85)}}.sangriha-audiobook-wrap[data-theme=light]{--sab-card-bg:rgba(255,255,255,.78);--sab-blur:blur(40px) saturate(1.6) brightness(1.06);--sab-border-t:rgba(255,255,255,1);--sab-border-b:rgba(210,205,225,.22);--sab-border-x:rgba(220,215,235,.3);--sab-shadow:inset 0 1.5px 0 rgba(255,255,255,1),0 0 0 .5px rgba(200,195,220,.25),0 1px 3px rgba(160,150,190,.08),0 3px 14px rgba(160,150,190,.1);--sab-shadow-hover:inset 0 1.5px 0 rgba(255,255,255,1),0 0 0 .5px rgba(201,169,110,.22),0 1px 4px rgba(160,150,190,.1),0 5px 22px rgba(160,150,190,.14);--sab-gloss:rgba(255,255,255,.8);--sab-text:#1a1730;--sab-sub:rgba(26,23,48,.46);--sab-track:rgba(0,0,0,.07);--sab-speed-bg:rgba(255,255,255,.95);--sab-speed-border:rgba(210,205,225,.35);--sab-ambient-op:.16;--sab-cover-shadow:0 8px 26px rgba(100,90,140,.18),0 0 0 .5px rgba(200,195,220,.22);--sab-play-icon:#fff;--sab-chapter-bg:rgba(201,169,110,.1);--sab-article-bg:rgba(255,255,255,.55);--sab-article-border:rgba(210,205,225,.4);--sab-article-hover-bg:rgba(255,255,255,.85)}.sangriha-audiobook-wrap{position:relative;max-width:520px;margin:2.5rem auto;font-family:var(--sab-font-sans);outline:none;-webkit-font-smoothing:antialiased}.sab-ambient{position:absolute;inset:-36px;z-index:0;overflow:hidden;border-radius:calc(var(--sab-radius) + 36px);filter:blur(60px) saturate(1.4);opacity:var(--sab-ambient-op);pointer-events:none;transition:opacity .6s ease}.sangriha-audiobook-wrap.sab-playing .sab-ambient{opacity:calc(var(--sab-ambient-op) * 1.8)}.sab-ambient-img{position:absolute;inset:-20px;background-size:cover;background-position:center;transform:scale(1.15)}.sab-card{position:relative;z-index:1;background:var(--sab-card-bg);border-top:.5px solid var(--sab-border-t);border-bottom:.5px solid var(--sab-border-b);border-left:.5px solid var(--sab-border-x);border-right:.5px solid var(--sab-border-x);border-radius:var(--sab-radius);backdrop-filter:var(--sab-blur);-webkit-backdrop-filter:var(--sab-blur);box-shadow:var(--sab-shadow);padding:2rem 2rem 1.65rem;overflow:hidden;transition:var(--sab-t)}.sab-card:hover{transform:translateY(-2px);box-shadow:var(--sab-shadow-hover)}.sab-gloss{position:absolute;top:0;left:0;right:0;height:48%;background:linear-gradient(to bottom,var(--sab-gloss) 0%,transparent 100%);border-radius:var(--sab-radius) var(--sab-radius) 0 0;pointer-events:none;transition:background .4s ease}.sab-cover-wrap{position:relative;width:130px;height:130px;margin:0 auto 1.4rem}.sab-cover{width:130px;height:130px;border-radius:18px;object-fit:cover;display:block;box-shadow:var(--sab-cover-shadow);transition:border-radius .5s ease,box-shadow .4s ease}.sab-cover-placeholder{width:130px;height:130px;background:var(--sab-track);border:1px dashed var(--sab-border-x);border-radius:18px;display:flex;align-items:center;justify-content:center}.sab-cover-ring{position:absolute;inset:-7px;border-radius:50%;border:2px solid transparent;border-top-color:var(--sab-gold);opacity:0;transition:opacity .4s ease;pointer-events:none}.sangriha-audiobook-wrap.sab-playing .sab-cover{border-radius:50%}.sangriha-audiobook-wrap.sab-playing .sab-cover-ring{opacity:1;animation:sab-spin 3s linear infinite}.sab-spinning{animation:sab-slow-spin 8s linear infinite}@keyframes sab-spin{to{transform:rotate(360deg)}}@keyframes sab-slow-spin{to{transform:rotate(360deg)}}.sab-info{text-align:center;margin-bottom:1.2rem}.sab-chapter{display:inline-block;font-size:.67rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--sab-gold);background:var(--sab-chapter-bg);border:1px solid var(--sab-gold-stroke);border-radius:99px;padding:.22em .88em;margin-bottom:.55rem;transition:var(--sab-t)}.sab-title{font-family:var(--sab-font-serif);font-size:1.18rem;font-weight:600;color:var(--sab-text);margin:0 0 .28rem;line-height:1.3;transition:color .35s}.sab-author{font-size:.76rem;color:var(--sab-sub);margin:0;letter-spacing:.03em;transition:color .35s}.sab-waveform{display:flex;align-items:flex-end;justify-content:center;gap:2.5px;height:36px;margin-bottom:1.2rem}.sab-bar{width:3px;height:4px;background:var(--sab-gold);border-radius:99px;opacity:.32;transition:height .08s ease,opacity .3s ease}.sangriha-audiobook-wrap.sab-playing .sab-bar{opacity:.78}.sab-progress-wrap{margin-bottom:1.4rem}.sab-progress-track{position:relative;height:4px;background:var(--sab-track);border-radius:99px;margin-bottom:.5rem;cursor:pointer;transition:background .35s}.sab-progress-fill{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,var(--sab-gold) 0%,var(--sab-gold-lt) 100%);border-radius:99px;transition:width .15s linear;box-shadow:0 0 6px var(--sab-gold-glow)}.sab-progress-thumb{position:absolute;top:50%;left:0;width:14px;height:14px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease,left .15s linear;box-shadow:0 2px 7px rgba(0,0,0,.22);pointer-events:none}.sab-progress-track:hover .sab-progress-thumb{transform:translate(-50%,-50%) scale(1)}.sab-progress-input{position:absolute;inset:-8px 0;width:100%;opacity:0;cursor:pointer;height:20px;top:50%;transform:translateY(-50%)}.sab-time-row{display:flex;justify-content:space-between;font-size:.71rem;color:var(--sab-sub);font-variant-numeric:tabular-nums;transition:color .35s}.sab-controls{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin-bottom:1.4rem}.sab-btn{background:0 0;border:none;cursor:pointer;color:var(--sab-text);padding:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,color .2s ease;position:relative}.sab-btn:hover{color:var(--sab-gold)}.sab-btn:active{transform:scale(.92)}.sab-btn-skip{flex-direction:column;width:40px;height:40px;opacity:.58;transition:opacity .2s}.sab-btn-skip:hover{opacity:1}.sab-btn-skip svg{width:20px;height:20px}.sab-btn-skip span{font-size:.54rem;font-weight:600;letter-spacing:.05em;color:var(--sab-sub);line-height:1}.sab-btn-play{position:relative;width:60px;height:60px;background:linear-gradient(145deg,var(--sab-gold-lt) 0%,var(--sab-gold) 100%);border-radius:50%;box-shadow:0 3px 14px var(--sab-gold-glow);color:var(--sab-play-icon);transition:transform .2s ease,box-shadow .2s ease,color .35s}.sab-btn-play:hover{transform:scale(1.08);box-shadow:0 5px 22px var(--sab-gold-glow),0 0 0 7px rgba(201,169,110,.09)}.sab-btn-play svg{width:22px;height:22px}.sab-btn-play .sab-icon-play{margin-left:2px}.sab-play-ring{position:absolute;inset:-1px;border-radius:50%;border:2px solid var(--sab-gold);opacity:0;pointer-events:none}.sab-ring-pulse{animation:sab-pulse-ring 2s ease-out infinite}@keyframes sab-pulse-ring{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}@keyframes sab-ripple-anim{from{box-shadow:0 0 0 0 rgba(201,169,110,.42)}to{box-shadow:0 0 0 16px rgba(201,169,110,0)}}.sab-ripple{animation:sab-ripple-anim .4s ease-out}.sab-bottom-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}.sab-speed-wrap{position:relative}.sab-speed-btn{background:var(--sab-track);border:.5px solid var(--sab-border-x);color:var(--sab-sub);font-family:var(--sab-font-sans);font-size:.72rem;font-weight:500;padding:.28em .78em;border-radius:99px;cursor:pointer;transition:var(--sab-t)}.sab-speed-btn:hover{background:var(--sab-gold-dim);color:var(--sab-gold);border-color:var(--sab-gold-stroke)}.sab-speed-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--sab-speed-bg);border:.5px solid var(--sab-speed-border);border-radius:14px;padding:.4rem;display:flex;flex-direction:column;gap:2px;min-width:90px;opacity:0;transform:translateY(6px) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:10;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 6px 28px rgba(0,0,0,.14),0 0 0 .5px rgba(0,0,0,.05)}.sab-speed-dropdown.sab-speed-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.sab-speed-dropdown button{background:0 0;border:none;color:var(--sab-sub);font-family:var(--sab-font-sans);font-size:.74rem;padding:.34em .7em;text-align:left;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.sab-speed-dropdown button:hover,.sab-speed-dropdown button.active{background:var(--sab-gold-dim);color:var(--sab-gold)}.sab-volume-wrap{display:flex;align-items:center;gap:.5rem}.sab-volume-icon{background:0 0;border:none;cursor:pointer;color:var(--sab-sub);display:flex;padding:0;transition:color .2s}.sab-volume-icon:hover{color:var(--sab-gold)}.sab-volume-icon svg{width:18px;height:18px}.sab-volume-track{position:relative;width:80px;height:4px;background:var(--sab-track);border-radius:99px;cursor:pointer;transition:background .35s}.sab-volume-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,var(--sab-gold) 0%,var(--sab-gold-lt) 100%);border-radius:99px;pointer-events:none;transition:width .1s}.sab-volume-input{position:absolute;inset:-8px 0;opacity:0;cursor:pointer;width:100%;height:20px;top:50%;transform:translateY(-50%)}.sab-article-wrap{margin-top:0;padding-top:1.1rem;border-top:.5px solid var(--sab-border-x)}.sab-article-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.72rem 1rem;background:var(--sab-article-bg);border:.5px solid var(--sab-article-border);border-radius:14px;text-decoration:none;color:var(--sab-text);font-family:var(--sab-font-sans);font-size:.82rem;font-weight:500;letter-spacing:.01em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:var(--sab-t);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 .5px transparent}.sab-article-btn:hover{background:var(--sab-article-hover-bg);color:var(--sab-gold);border-color:var(--sab-gold-stroke);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 .5px var(--sab-gold-stroke),0 3px 12px var(--sab-gold-glow);transform:translateY(-1px)}.sab-article-btn:active{transform:translateY(0)}.sab-article-left{display:flex;align-items:center;gap:.55rem}.sab-article-left svg{flex-shrink:0;opacity:.75}.sab-article-arrow{opacity:.55;transition:transform .22s ease,opacity .22s ease;flex-shrink:0}.sab-article-btn:hover .sab-article-arrow{transform:translateX(3px);opacity:1}@media (max-width:480px){.sab-card{padding:1.5rem 1.25rem 1.3rem}.sab-cover-wrap{width:110px;height:110px}.sab-cover{width:110px;height:110px}.sab-btn-play{width:52px;height:52px}.sab-volume-track{width:60px}.sab-article-btn{font-size:.78rem}}