.history-board-wrapper.svelte-cfsk60{position:relative;height:100%;border-radius:8px;overflow:hidden;--history-board-header-height: 48px;--history-board-header-gap: 6px}.history-board-wrapper.svelte-cfsk60 h2:where(.svelte-cfsk60){position:absolute;top:0;width:100%;background-color:#0000000d;z-index:1;height:var(--history-board-header-height);display:flex;justify-content:center;font-size:18px;align-items:center;margin:0;box-shadow:0 4px #0000000d;border-radius:8px 8px 0 0;font-weight:400;color:gray}.history-board.svelte-cfsk60{height:calc(100% - var(--history-board-header-height) - var(--history-board-header-gap));overflow-y:auto;position:absolute;top:0;scrollbar-gutter:stable;margin-top:calc(var(--history-board-header-height) + var(--history-board-header-gap))}.no-history.svelte-cfsk60{font-size:1.2rem;color:gray;text-align:center;margin:20px auto 0;width:370px}.history-card.svelte-cfsk60{padding:5px;display:grid;grid-template-columns:150px 1fr;gap:10px}.history-card.svelte-cfsk60 img:where(.svelte-cfsk60){width:100%;object-fit:cover;aspect-ratio:16 / 9}.history-card.svelte-cfsk60>div:where(.svelte-cfsk60){min-width:0}.history-title.svelte-cfsk60{font-size:.9rem;margin:0 0 5px;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.history-channel.svelte-cfsk60{font-size:.8rem;margin:0;color:gray;overflow:hidden;white-space:nowrap;text-wrap:nowrap;text-overflow:ellipsis}.finished.svelte-cfsk60{background-color:#f0f0f0;opacity:.5;cursor:default}@container player-area (width < 980px){.history-board-wrapper.svelte-cfsk60{height:min-content}.history-board.svelte-cfsk60{position:relative;height:min-content;max-height:370px}.no-history.svelte-cfsk60{width:100%}}.player-container.svelte-l6y7q{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.player-container.svelte-l6y7q iframe,.player-container.svelte-l6y7q #player{width:100%;height:100%}.hero-container.svelte-1nv9s6z{container-name:player-area;container-type:inline-size;width:100%}.hero-content.svelte-1nv9s6z{display:grid;grid-template-columns:1fr 370px;gap:5px;height:min-content}.recommendation-note.svelte-1nv9s6z{color:#555;margin-top:-4px}.recommendation-section.svelte-1nv9s6z+.recommendation-section:where(.svelte-1nv9s6z){margin-top:2rem}.timeline-status.svelte-1nv9s6z{display:grid;gap:.6rem;margin:0 0 1.5rem}.timeline-status.svelte-1nv9s6z h2:where(.svelte-1nv9s6z),.timeline-status.svelte-1nv9s6z p:where(.svelte-1nv9s6z){margin:0}.timeline-status.svelte-1nv9s6z h2:where(.svelte-1nv9s6z){font-size:1.1rem;line-height:1.35}.timeline-status.svelte-1nv9s6z p:where(.svelte-1nv9s6z){color:var(--text-muted)}.timeline-status.svelte-1nv9s6z button:where(.svelte-1nv9s6z){justify-self:start;min-block-size:40px;padding:.5rem .8rem;border:1px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--accent);cursor:pointer}@container player-area (width < 980px){.hero-content.svelte-1nv9s6z{grid-template-columns:1fr;grid-template-rows:1fr auto;row-gap:20px}}@media(max-width:720px){.hero-container.svelte-1nv9s6z{inline-size:calc(100% + 2rem);margin-inline:-1rem}}