:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{max-width:560px;margin:0 auto;padding:16px}h1{margin:0 0 4px;font-size:1.4rem}h2{margin:0;font-size:1rem}.guide{opacity:.75;margin:0 0 16px;font-size:.9rem}section{margin-bottom:20px}.player{border:1px solid color-mix(in srgb, currentColor 20%, transparent);text-align:center;border-radius:8px;padding:16px}.now{font-size:1.2rem;font-weight:600}.time{font-variant-numeric:tabular-nums;opacity:.75}.controls{justify-content:center;gap:8px;margin:12px 0;display:flex}button{font:inherit;border:1px solid color-mix(in srgb, currentColor 30%, transparent);color:inherit;background:0 0;border-radius:8px;padding:10px 16px}button.primary{color:#fff;background:#1f6f78;border-color:#1f6f78;min-width:96px}.option{text-align:left;font-size:.85rem;display:block}.result ul{margin:8px 0 0;padding-left:20px}.bad{color:#c62828}.log-header{justify-content:space-between;align-items:center;display:flex}.log{margin:8px 0 0;padding:0;font-size:.85rem;list-style:none}.log li{border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);padding:4px 0}.log li.error{color:#c62828}.log li.warn{color:#b26a00}.log li.advance{font-weight:600}.log time{font-variant-numeric:tabular-nums;opacity:.6;margin-right:8px}.hidden-mark{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:8px;margin-right:6px;padding:0 6px;font-size:.75rem}