:root{--bg:#f7f6f3;--fg:#1f1f1d;--muted:#6b6a66;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161615;--fg:#ecebe8;--muted:#9a9893}}body{background:var(--bg);color:var(--fg);margin:0}main{max-width:720px;margin:0 auto;padding:24px 16px}.muted{color:var(--muted)}.button{border:1px solid var(--fg);color:var(--fg);padding:10px 16px;text-decoration:none;display:inline-block}.link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}:root{--player-h:64px;--line:color-mix(in srgb, var(--fg) 18%, transparent);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}.shell-body{padding-bottom:calc(var(--player-h) + env(safe-area-inset-bottom))}.shell-body main{padding-top:max(16px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}button,.button,input,select,textarea{border-radius:0}button,.button,select,input:not([type=checkbox],[type=radio],[type=range],[type=file]){box-sizing:border-box;min-height:44px}.button{align-items:center;display:inline-flex}.link{align-items:center;min-height:44px;display:inline-flex}.player-bar{z-index:40;background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);position:fixed;bottom:0;left:0;right:0}.player-bar-inner{height:var(--player-h);box-sizing:border-box;align-items:center;gap:12px;padding:0 16px;display:flex}.player-toggle{border:1px solid var(--fg);background:var(--fg);width:48px;height:48px;color:var(--bg);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.player-toggle:disabled{color:var(--muted);border-color:var(--line);cursor:default;background:0 0}.glyph-play{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:15px solid;width:0;height:0;margin-left:3px}.glyph-pause{box-sizing:border-box;border-left:5px solid;border-right:5px solid;width:14px;height:18px}.player-text{flex:1;min-width:0}.player-title,.player-detail{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-title{font-weight:600}.player-detail{color:var(--muted);font-size:13px}@media (width>=768px){.player-bar-inner{max-width:752px;margin:0 auto}}
