html,body{margin:0;padding:0;background:#100e15;width:100%;}body{overflow-x:hidden;}

#ht-soul-film{background:#100e15;color:#eee5f4;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-radius:18px;overflow:hidden;width:100%}
#ht-soul-film *{box-sizing:border-box}
#ht-soul-film header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #edbaff16}
#ht-soul-film .sf-brand{letter-spacing:5px;font-size:14px;font-weight:600}#ht-soul-film .sf-brand span{color:#edbaff}#ht-soul-film .sf-brand b{color:#71d7cd;font-weight:600}
#ht-soul-film .sf-title{color:#b4a4bf;font-size:10px;letter-spacing:2.4px}
#ht-soul-film .sf-stage{position:relative;aspect-ratio:16/9;background:#101425;overflow:hidden}
#ht-soul-film canvas{display:block;width:100%;height:100%}
#ht-soul-film button{font:inherit;cursor:pointer;color:#eadef0;border:1px solid #edbaff32;background:#201928;border-radius:10px;padding:9px 14px;font-size:12px}
#ht-soul-film button:hover{background:#302238;border-color:#edbaff70}#ht-soul-film button:disabled{opacity:.4;cursor:wait}
#ht-soul-film .sf-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #edbaff99;background:#100e15d9;backdrop-filter:blur(12px);padding:17px 30px;border-radius:30px;font-size:16px;box-shadow:0 0 60px #71d7cd20}
#ht-soul-film [hidden]{display:none!important}
#ht-soul-film .sf-alert{position:absolute;top:18%;left:0;right:0;text-align:center;font-size:clamp(12px,2.1vw,27px);font-weight:500;letter-spacing:.22em;color:#e9e0f6;text-shadow:0 2px 10px #0b102b,0 0 24px #71d7cd75;pointer-events:none;opacity:0}
#ht-soul-film .sf-ending{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;background:linear-gradient(#0b0c16b8,#0b0c16d8)}
#ht-soul-film .sf-ending p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,3.2vw,42px);font-weight:400;text-align:center;line-height:1.45;letter-spacing:.1px;margin:0 20px;text-shadow:0 2px 14px #000}
#ht-soul-film .sf-controls{display:flex;align-items:center;gap:10px;padding:15px 22px;min-height:68px}
#ht-soul-film input{min-width:50px;flex:1;accent-color:#71d7cd;cursor:pointer}#ht-soul-film output{color:#c1b1cc;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
#ht-soul-film .sf-loading{position:absolute;inset:0;display:grid;place-items:center;background:#100e15;color:#baa8c7;font-size:14px}
#ht-soul-film .sf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){#ht-soul-film header{height:48px;padding:0 15px}#ht-soul-film .sf-controls{padding:12px;gap:8px;flex-wrap:wrap}#ht-soul-film .sf-controls input{order:5;flex-basis:100%}#ht-soul-film output{margin-left:auto}#ht-soul-film button{min-height:40px;padding:8px 11px}#ht-soul-film .sf-brand{font-size:12px;letter-spacing:3px}#ht-soul-film .sf-title{font-size:9px}}