:root{--ink:#1a1210;--gold:#c9a227;--paper:#f4eee4;--muted:#7a7168;--red:#9b1c1c}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
.wfs-wrap{max-width:640px;margin:0 auto;padding:0 0 120px}
.wfs-top{position:sticky;top:0;z-index:5;background:#16110d;color:#f3ead8;border-bottom:1px solid #c4a574;padding:12px 14px;display:flex;align-items:center;gap:10px}
.wfs-top h1{margin:0;font-size:16px;font-weight:800}
.wfs-top p{margin:2px 0 0;font-size:11px;color:#c9a227}
.wfs-back{border:0;background:none;color:#f3ead8;font-size:20px;cursor:pointer;text-decoration:none}
#wfs-inject,#wf-sound-root{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:#1a1210}
.wfs-tabs{display:flex;gap:6px;margin:0 0 12px;padding:6px;background:#fff;border:1px solid #eadfce;border-radius:16px}
.wfs-tab{flex:1;border:0;background:transparent;border-radius:12px;padding:10px 6px;font-weight:800;font-size:13px;cursor:pointer;color:#57534e}
.wfs-tab.on{background:#9b1c1c;color:#fff}
.wfs-chiprow{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;-webkit-overflow-scrolling:touch}
.wfs-chip{flex-shrink:0;border:1px solid #eadfce;background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer;color:#444}
.wfs-chip.on{background:#9b1c1c;color:#fff;border-color:#9b1c1c}
.wfs-sec{margin:4px 0 14px}
.wfs-sec h3{margin:0 0 8px;font-size:12px;letter-spacing:.04em;color:#9b1c1c}
.wfs-card{background:#fff;border:1px solid #eadfce;border-radius:16px;padding:12px 14px;margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.wfs-card b{display:block;font-size:14px;font-weight:800}
.wfs-card small{display:block;margin-top:3px;font-size:11px;color:#78716c}
.wfs-play{border:1px solid #fecaca;background:#fef2f2;color:#9b1c1c;border-radius:999px;padding:8px 14px;font-weight:800;font-size:12px;cursor:pointer;flex-shrink:0}
.wfs-play.on{background:#9b1c1c;color:#fff;border-color:#9b1c1c}
.wfs-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px;font-size:12px;line-height:1.55;margin:0 0 12px}
.wfs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:16px}
.wfs-sura{background:#fff;border:1px solid #eadfce;border-radius:12px;padding:10px;cursor:pointer;text-align:start}
.wfs-sura.on{border-color:#9b1c1c;background:#fef2f2}
.wfs-sura em{font-style:normal;color:#9b1c1c;font-weight:800;font-size:11px}
.wfs-dock{position:fixed;left:12px;right:12px;bottom:18px;max-width:560px;margin:auto;background:#1a1210;color:#fff;border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:10px;z-index:100010;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.wfs-dock button{width:36px;height:36px;border:0;border-radius:99px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;cursor:pointer}
.wfs-dock .t{flex:1;min-width:0}
.wfs-dock .t b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wfs-dock .t span{font-size:10px;opacity:.8}
#wfs-fm-orig.wfs-hide,#wfs-inject.wfs-hide{display:none!important}
