:root { --ht-gold:#ffd29a; --ht-red:#ef6658; }
body { padding-bottom:80px; }
html.ht-host,body.ht-host { margin:0!important;padding:0!important;width:100%;height:100%;overflow:hidden; }
#ht-page { position:fixed;inset:0;width:100%;height:100%;border:0;background:#100b10;z-index:1000; }
#ht-audio { position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:10010;font:13px/1.5 'HaoTu Sans',system-ui,sans-serif;color:#f6e9dd;max-width:calc(100vw - 24px);border:1px solid #805349;border-radius:18px;background:#21171df5;box-shadow:0 8px 35px #0007;backdrop-filter:blur(16px); }
#ht-audio summary { cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:11px 17px;color:var(--ht-gold);font-weight:600; }
#ht-audio summary::-webkit-details-marker { display:none; }
#ht-audio summary [data-audio-light] { font-size:19px;opacity:.5; }
#ht-audio .playing { opacity:1!important;color:#ffb172; }
#ht-audio .ht-audio-body { width:300px;max-width:calc(100vw - 24px);padding:0 17px 16px; }
#ht-audio [data-audio-track] { margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#ht-audio .ht-audio-status { color:#bfaab3;font-size:11px;margin:5px 0 12px;min-height:33px; }
#ht-audio button { font:inherit;color:#f6e9dd;background:#39242d;border:1px solid #745049;border-radius:9px;cursor:pointer;padding:7px 11px;min-height:36px; }
#ht-audio button:hover { background:#64333b; }
#ht-audio .ht-audio-buttons { display:flex;gap:7px;margin-bottom:12px; }
#ht-audio [data-audio-toggle] { flex:1;background:#823d40; }
#ht-audio label { display:flex;align-items:center;gap:7px;margin:9px 0;font-size:11px; }
#ht-audio input[type=range] { width:120px;min-width:0;margin-left:auto;accent-color:#ed8772; }
#ht-audio input[type=checkbox] { accent-color:#ed8772; }
#ht-audio .ht-audio-options { display:flex;align-items:center;justify-content:space-between;gap:7px; }
#ht-audio :focus-visible { outline:2px solid #ffcb84;outline-offset:3px; }
.ht-curtain { pointer-events:none;position:fixed;inset:0;z-index:10000;background:linear-gradient(110deg,#30101d,#711e35 60%,#a44c4a);transform:translateX(-105%);transition:transform .23s cubic-bezier(.65,0,.35,1);display:grid;place-items:center;box-shadow:20px 0 80px #0008; }
.ht-curtain span { font-size:100px;color:#ffcfad;text-shadow:0 0 55px #f4b07a70; }
.ht-curtain.ht-cover { transform:translateX(0);pointer-events:auto; }
@media(max-width:600px) { #ht-audio { right:12px;bottom:max(12px,env(safe-area-inset-bottom)); }#ht-audio summary { padding:9px 13px;font-size:11px; }#ht-audio:not([open]) summary { min-width:104px;height:46px;justify-content:center;padding:7px; }#ht-audio:not([open]) [data-audio-title] { display:inline; } }
@media(prefers-reduced-motion:reduce) { .ht-curtain { transition:none; } }

#ht-audio.ht-arcade-audio:not([open]){display:none}