:root{--bg:#0f141d;--panel:#151b27;--raised:#1b2231;--line:#273041;--text:#e9edf5;--muted:#8d97aa;--now:#ff5d73;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background-color:var(--bg);color:var(--text);font:15px/1.45 system-ui,Hiragino Sans,Noto Sans JP,sans-serif;overflow:hidden}button{font:inherit;color:inherit;text-align:left;cursor:pointer}h1,h2,p{margin:0}.app{grid-template-rows:auto 1fr;height:100%;display:grid}.top{grid-template-columns:1fr auto auto;align-items:center;column-gap:20px;padding:14px 20px 12px;display:grid}.top h1{white-space:nowrap;text-overflow:ellipsis;grid-column:1;font-size:20px;overflow:hidden}.top h1:before{content:"";background-color:var(--now);opacity:.3;border-radius:50%;width:12px;height:12px;margin-right:10px;display:inline-block}.top h1[data-on]:before{opacity:1;box-shadow:0 0 10px var(--now)}.top p{color:var(--muted);grid-area:2/1;padding-left:22px;font-size:13px}.clock{letter-spacing:.02em;grid-area:1/2/3;font-size:34px;font-weight:700}.speed{background-color:var(--raised);color:var(--muted);white-space:nowrap;border:1px solid #273041;border-radius:999px;grid-area:1/3/3;padding:6px 14px;font-size:13px}.speed:hover{color:var(--text);border-color:#3c475c}.speed[data-on]{background-color:var(--text);color:#111722;border-color:#e9edf5;font-weight:600}.body{border-top:1px solid #273041;grid-template-columns:1fr 300px;min-height:0;display:grid;position:relative}.scroller{min-width:0;overflow:auto hidden}.track{background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:var(--hour) 100%;background-position-x:var(--hour-offset);grid-template-rows:30px;grid-auto-rows:1fr;height:100%;display:grid;position:relative}.ruler{color:var(--muted);font-size:12px;position:relative}.ruler span{padding-left:5px;position:absolute;top:7px}.corner,.stage-label{z-index:3;background-color:var(--panel);width:116px;height:100%;position:sticky;left:0}.row{border-top:1px solid #273041;position:relative}.stage-label{box-shadow:inset 4px 0 var(--c);align-items:center;padding:0 10px 0 14px;font-size:13px;font-weight:600;display:flex}.session{outline-offset:-1px;outline:1px solid;outline-color:color-mix(in srgb, var(--c) 45%, transparent);background-color:color-mix(in srgb, var(--c) 16%, var(--panel));--fill:color-mix(in srgb, var(--c) 32%, transparent);background-image:linear-gradient(var(--fill), var(--fill));background-size:var(--p,0%) 100%;background-repeat:no-repeat;border:0;border-radius:10px;flex-direction:column;justify-content:flex-start;padding:8px 10px;font-size:14px;font-weight:600;line-height:1.35;display:flex;position:absolute;top:8px;bottom:8px;overflow:hidden}.session:before{content:attr(data-time);color:var(--muted);margin-bottom:2px;font-size:12px;font-weight:400;display:block}.session:hover{outline-color:var(--c)}.session[data-state=live]{outline-color:var(--c);box-shadow:0 0 18px color-mix(in srgb, var(--c) 45%, transparent)}.session[data-state=live]:before{content:"● LIVE  " attr(data-time);color:var(--now);font-weight:700}.session[data-state=ended]{background-color:var(--raised);color:#7d8799;outline-color:#273041}.session[data-selected]{outline-offset:1px;outline:2px solid #e9edf5}.now-line{z-index:2;background-color:var(--now);width:2px;box-shadow:0 0 8px var(--now);pointer-events:none;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.now-line:before{content:attr(data-time);background-color:var(--now);color:#fff;border-radius:6px;padding:0 6px;font-size:12px;font-weight:700;position:absolute;top:5px;left:1px;transform:translate(-50%)}.side{background-color:var(--panel);border-left:1px solid #273041;min-height:0;padding:12px 16px 16px;overflow-y:auto}.side h2{color:var(--muted);margin:4px 0 8px;font-size:13px;font-weight:600}.cards{gap:8px;margin-bottom:16px;display:grid}.card{outline-offset:-1px;outline:1px solid;outline-color:color-mix(in srgb, var(--c) 35%, transparent);background-color:color-mix(in srgb, var(--c) 12%, var(--raised));background-image:linear-gradient(var(--c), var(--c));background-size:var(--p,0%) 3px;background-position-y:bottom;background-repeat:no-repeat;border:0;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.35;display:block}.card:before,.card:after{content:attr(data-meta);color:var(--muted);font-size:12px;font-weight:400;display:block}.card:before{color:color-mix(in srgb, var(--c) 70%, var(--text));margin-bottom:2px;font-weight:600}.card:after{content:attr(data-when);margin-top:4px}.card:hover{outline-color:var(--c)}.empty{color:var(--muted);padding:10px 2px;font-size:13px}@media (width<=760px){.body{grid-template-columns:1fr}.side,.top p{display:none}.top{column-gap:12px;padding:10px 14px}.clock{font-size:24px}}