:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0}body{color:#fff;background:#111}.home{flex-direction:column;justify-content:center;gap:1rem;max-width:32rem;min-height:100%;margin:0 auto;padding:1.5rem;display:flex}.group-btn{color:#fff;cursor:pointer;background:#1e88e5;border:none;border-radius:1rem;width:100%;padding:1.4rem 1.6rem;font-size:1.35rem;font-weight:600;transition:background .15s,transform 50ms}.group-btn:hover{background:#1976d2}.group-btn:active{transform:scale(.98)}.player{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;position:fixed;inset:0;overflow:hidden}.stage{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.progress{z-index:2;gap:4px;padding:10px;display:flex;position:absolute;top:0;left:0;right:0}.seg{background:#ffffff59;border-radius:3px;flex:1;height:3px;overflow:hidden}.seg-fill{background:#fff;width:0;height:100%}.subtitle{z-index:2;text-align:center;white-space:pre-line;color:#fff;text-shadow:0 0 4px #000000e6,0 1px 6px #000000e6;pointer-events:none;padding:0 1.2rem;font-size:1.5rem;font-weight:600;line-height:1.3;position:absolute;bottom:8%;left:0;right:0}.subtitle:empty{display:none}