:root{color-scheme:light dark;--color-song: #34c759;--color-link: #007aff;--color-news: #ff3b30;--color-jingle: #ffcc00;--color-promo: #af52de;--color-other: #8e8e93;--bg-primary: #f4f4f7;--bg-secondary: #ffffff;--bg-tertiary: #e8e8ed;--text-primary: #1c1c1e;--text-secondary: rgba(60, 60, 67, .64);--text-tertiary: rgba(60, 60, 67, .42);--separator: rgba(60, 60, 67, .12);--accent: #007aff;--danger: #ff3b30;--shadow: 0 .5px 1px rgba(0, 0, 0, .04);--row-hover: rgba(0, 0, 0, .035);--backdrop: rgba(0, 0, 0, .36);--radius-card: 16px;--radius-art: var(--radius-card);--card-border: transparent;--art-ring: rgba(0, 0, 0, .12);--sheet-duration: .32s;--sheet-ease: cubic-bezier(.32, .72, 0, 1)}@media(prefers-color-scheme:dark){:root{--color-song: #30d158;--color-link: #0a84ff;--color-news: #ff453a;--color-jingle: #ffd60a;--color-promo: #bf5af2;--color-other: #98989d;--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--text-primary: #f5f5f7;--text-secondary: rgba(235, 235, 245, .62);--text-tertiary: rgba(235, 235, 245, .38);--separator: rgba(84, 84, 88, .55);--accent: #0a84ff;--danger: #ff453a;--shadow: none;--row-hover: rgba(255, 255, 255, .06);--backdrop: rgba(0, 0, 0, .52);--card-border: rgba(255, 255, 255, .1);--art-ring: rgba(255, 255, 255, .2)}}*,*:before,*:after{box-sizing:border-box}html{height:100dvh;overflow:hidden;overscroll-behavior:none}body,#root{height:100%;margin:0;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4;letter-spacing:-.011em;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a.btn{color:#fff;text-decoration:none}a.btn:hover{text-decoration:none}.app-shell{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.inset-grouped{display:flex;flex-direction:column;gap:8px;padding:8px 16px 28px}.inset-section{background:var(--bg-secondary);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--card-border)}.inset-section-header{padding:4px 16px 0;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--text-tertiary)}.inset-section-footer{display:flex;justify-content:space-between;gap:12px;padding:10px 16px 12px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--text-tertiary);box-shadow:inset 0 1px 0 var(--separator)}.inset-section-body{display:flex;flex-direction:column}.show-item-row{position:relative;padding:10px 14px 10px 16px;cursor:default}.show-item-row[role=button]{cursor:pointer}.show-item-row[role=button]:before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;transition:background-color .15s ease}.show-item-row[role=button]:hover:before{background:var(--row-hover)}.show-item-row:not(:last-child):after{content:"";position:absolute;left:76px;right:0;bottom:0;height:1px;background:var(--separator);pointer-events:none}.show-item-row.selected{background-color:color-mix(in srgb,var(--show-item-type-color, var(--accent)) 32%,transparent)}.show-item-row.is-past{opacity:.7}.show-item-row__edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--show-item-type-color, var(--accent));pointer-events:none;z-index:2}.show-item-row__progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform:scaleX(var(--item-progress, 0));transform-origin:left center;background:var(--show-item-type-color, var(--accent));pointer-events:none;z-index:1;transition:transform 1s linear}.show-item-row[role=button]:focus-visible{outline:2px solid var(--show-item-type-color, var(--accent));outline-offset:-2px;z-index:1}.inset-section-body .show-item-row:first-child{border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card)}.show-item-row--large{padding:14px 16px}.show-item-row--large:not(:last-child):after{display:none}.show-item-row__top,.show-item-row__timing{position:relative;z-index:1}.show-item-row__top{display:flex;gap:12px;align-items:flex-start}.show-item-row__artwork{width:48px;height:48px;border-radius:var(--radius-art);object-fit:cover;flex-shrink:0;background:var(--bg-tertiary);outline:1px solid var(--art-ring);outline-offset:-1px}.show-item-row__artwork--large{width:96px;height:96px}.show-item-row__artwork--placeholder{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--show-item-type-color, var(--bg-tertiary)) 35%,transparent);color:var(--show-item-type-color, var(--text-tertiary));font-size:20px}.show-item-row__artwork--large.show-item-row__artwork--placeholder{font-size:40px}.show-item-row__artwork--placeholder svg{width:1em;height:1em;display:block}.show-item-row__content{flex:1;min-width:0;padding-top:1px}.show-item-row__title-row{display:flex;align-items:center;gap:8px}.show-item-row__title{font-size:15px;font-weight:650;letter-spacing:-.022em;line-height:1.28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-item-row--large .show-item-row__title{font-size:17px;font-weight:700;letter-spacing:-.024em;white-space:normal}.show-item-row__subtitle{font-size:13px;letter-spacing:-.01em;line-height:1.3;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.show-item-row--large .show-item-row__subtitle{font-size:15px;white-space:normal;margin-top:3px}.show-item-row__timing{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-secondary)}.show-item-row--large .show-item-row__timing{font-size:14px;margin-top:10px}.show-item-row__timing-start{text-align:left}.show-item-row__timing-center{display:flex;align-items:center;justify-content:center;text-align:center}.show-item-row__timing-end{text-align:right}.timing-urgent{color:var(--danger);font-weight:600}.timing-active-ellipsis{color:var(--danger);font-weight:700;letter-spacing:2px}.service-icons{display:inline-flex;gap:6px;align-items:center;color:var(--text-tertiary);flex-shrink:0}.service-icons svg{width:16px;height:16px;display:block}.detail-panel{display:flex;flex-direction:column;gap:20px;padding:16px 16px 36px}.detail-section{display:flex;flex-direction:column;gap:7px;margin:0;background:none;box-shadow:none;overflow:visible}.detail-section__header{padding:0 16px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--text-tertiary);background:none}.detail-section__body{background:var(--bg-secondary);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--card-border);padding:4px 0}.detail-section__body--flush{padding:0}.detail-section__footer{padding:1px 16px 0;font-size:12px;color:var(--text-tertiary);border:none;background:none}.detail-row,.credit-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px;font-size:15px;letter-spacing:-.014em}.detail-row+.detail-row,.credit-row+.credit-row{box-shadow:inset 0 1px 0 var(--separator)}.detail-row__label,.credit-row__role{color:var(--text-tertiary);flex-shrink:0}.detail-row__value,.credit-row__names{text-align:right}.detail-meta{text-align:center;padding:14px 16px;font-size:15px;letter-spacing:-.014em;color:var(--text-secondary)}.detail-meta__composer{font-size:14px;color:var(--text-secondary);margin-top:6px}.detail-prose{margin:0;padding:12px 16px;font-size:15px;line-height:1.55;letter-spacing:-.011em;color:var(--text-secondary);white-space:pre-wrap}.detail-prose--notes{color:var(--text-primary)}.connection-track{padding:12px 16px}.connection-track+.connection-track{box-shadow:inset 0 1px 0 var(--separator)}.connection-track__name{font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.3}.connection-track__artist{font-size:13px;color:var(--text-secondary);margin-top:2px}.connection-track__meta{display:flex;gap:8px;align-items:center;margin-top:6px}.connection-track__badge{font-size:11px;font-weight:500;letter-spacing:.01em;padding:2px 7px;border-radius:5px;background:#7878802e;color:var(--text-secondary)}.connection-track__year{font-size:12px;color:var(--text-tertiary)}.show-viewer{display:flex;flex:1;min-height:0;height:100%;overflow:hidden}.show-viewer__list,.show-viewer__detail{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--separator) transparent}.show-viewer__list{flex:1}.show-header{display:flex;flex-direction:column;gap:8px;padding:16px 16px 12px;padding-top:max(16px,env(safe-area-inset-top))}.show-header__title{margin:0;font-size:17px;font-weight:700;letter-spacing:-.03em;line-height:1.25}.show-header__meta{display:flex;align-items:center;gap:10px;min-height:28px}.show-status{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:650;letter-spacing:-.01em}.show-status--live{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.show-status--live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.show-status--upcoming{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.show-status--ended{background:var(--bg-tertiary);color:var(--text-secondary)}.show-header__countdown{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-secondary)}.show-header__now{margin-left:auto;border:none;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:12px;font-weight:650;letter-spacing:-.01em;padding:4px 10px;border-radius:999px;visibility:hidden;pointer-events:none}.show-header__now.is-visible{visibility:visible;pointer-events:auto}.show-header__now:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.show-viewer__detail{display:none;width:100%;max-width:560px}@media(min-width:768px){.show-viewer__list{flex:0 0 400px;max-width:450px;border-right:1px solid var(--separator)}.show-viewer__detail{display:block;flex:1;max-width:none}}.detail-placeholder{display:flex;align-items:center;justify-content:center;min-height:100%;color:var(--text-tertiary);padding:24px;text-align:center;font-size:14px;letter-spacing:-.01em}.detail-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;padding:0;padding-bottom:env(safe-area-inset-bottom);border:none;background:var(--bg-primary);border-radius:16px 16px 0 0;z-index:101;overflow:hidden;display:flex;flex-direction:column;transform:translate3d(0,100%,0);transition:transform var(--sheet-duration) var(--sheet-ease)}.detail-sheet:not([open]){display:none}.detail-sheet.is-open{transform:translateZ(0)}.detail-sheet::backdrop{background:var(--backdrop);opacity:0;transition:opacity var(--sheet-duration) ease}.detail-sheet.is-open::backdrop{opacity:1}.detail-sheet__chrome{position:relative;flex-shrink:0}.detail-sheet__handle{width:36px;height:5px;background:var(--separator);border-radius:3px;margin:10px auto 4px}.detail-sheet__close{position:absolute;top:8px;right:12px;width:28px;height:28px;border:none;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:0}.detail-sheet__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-sheet__content{overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(min-width:768px){.detail-sheet{display:none}}@media(prefers-reduced-motion:reduce){.detail-sheet,.detail-sheet::backdrop,.show-item-row[role=button]:before,.show-item-row__progress{transition-duration:.01ms}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;padding:24px;text-align:center;gap:14px}.splash-mark{width:56px;height:56px;border-radius:12px;overflow:hidden}.loading-state__message{margin:0;font-size:15px;color:var(--text-secondary)}.loading-spinner{width:28px;height:28px;border:2.5px solid var(--separator);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state__title{font-size:22px;font-weight:700;letter-spacing:-.03em;margin:0}.error-state__message{color:var(--text-secondary);max-width:320px;font-size:15px;line-height:1.45;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:600;font-size:15px;letter-spacing:-.016em}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;overflow:auto;padding:24px;text-align:center;gap:12px}.landing__title{font-size:28px;font-weight:700;letter-spacing:-.04em;margin:0}.landing__subtitle{color:var(--text-secondary);max-width:360px;font-size:15px;line-height:1.45;margin:0 0 6px}.landing .btn{margin-top:4px}.landing__form{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;max-width:360px;margin-top:4px}.landing__code{flex:1 1 160px;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid var(--separator);background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:18px;letter-spacing:.14em;text-align:center;text-transform:uppercase}.landing__code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing__error{color:var(--danger);font-size:13px;margin:0}.detail-footer{display:flex;justify-content:space-between;align-items:center;padding:2px 16px 0;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-secondary);border:none}.detail-footer__end-label{color:var(--text-tertiary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em}.show-item-type--Song{--show-item-type-color: var(--color-song);background-color:color-mix(in srgb,var(--color-song) 20%,transparent)}.show-item-type--Link{--show-item-type-color: var(--color-link);background-color:color-mix(in srgb,var(--color-link) 20%,transparent)}.show-item-type--News{--show-item-type-color: var(--color-news);background-color:color-mix(in srgb,var(--color-news) 20%,transparent)}.show-item-type--Jingle{--show-item-type-color: var(--color-jingle);background-color:color-mix(in srgb,var(--color-jingle) 20%,transparent)}.show-item-type--Promo{--show-item-type-color: var(--color-promo);background-color:color-mix(in srgb,var(--color-promo) 20%,transparent)}.show-item-type--Other{--show-item-type-color: var(--color-other);background-color:color-mix(in srgb,var(--color-other) 20%,transparent)}