:root{--back-color: rgb(13, 13, 14);--back-color-trans: rgba(13, 13, 14, .9);--text-color: white;--selected-color: blue;--body-color: rgb(13, 13, 14)}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{-webkit-text-size-adjust:none}body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#111;color:var(--text-color);-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:default;margin:0;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);min-height:100vh}.container{width:100%;max-width:720px;margin:0 auto;padding:0 10px 160px}.row{display:flex;position:relative}.col{flex:1 1 0;position:relative;padding:0;margin:0}.hider{display:block;transition:opacity .3s}audio{display:none}.hour-row{touch-action:pan-y;cursor:pointer}.mini-play svg,.mini-backward svg,.mini-forward svg{vertical-align:middle}.mini-play,.mini-backward,.mini-forward{transition:transform .09s ease-out,opacity .09s ease-out}.btn-icon{pointer-events:none}.haptic-hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mini-play.pressed,.mini-backward.pressed,.mini-forward.pressed{transform:scale(.82);opacity:.55}.spin{animation:rotate 1.2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main{padding-top:calc(40px + env(safe-area-inset-top,0px));margin:auto;background-color:var(--back-color)}.day-box{margin-bottom:20px}.day-row{background-color:var(--back-color-trans);color:var(--text-color);font-variant:small-caps;text-transform:lowercase;padding-bottom:2px;text-align:right;padding-right:13px;padding-left:5px;font-size:18px;transform:rotate(-5deg);display:flex;justify-content:space-between;align-items:center}.hour-row{height:auto;overflow:hidden;padding-left:27px;padding-right:10px;transform:rotate(-5deg) translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.hour-span{font-size:small;margin-left:0;position:absolute;pointer-events:none;left:2px;width:24px;text-align:right}.hmarker{font-variant:all-small-caps;font-size:10px}.minutes-container{height:45px;border-top:10px;border-bottom:10px;border-style:solid;border-color:var(--back-color);transition:border-width .2s ease-out;display:flex;width:100%;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.selected-hour .minutes-container{border-top:3px;border-bottom:3px}.minute_available{opacity:1}.minute_not_available{background-color:var(--back-color);opacity:.8}.minute_played:after{content:"";position:absolute;bottom:0;left:2%;width:100%;height:45px;background-color:#000;opacity:.2}.minute_future{background-color:var(--back-color)}.footer{position:fixed;bottom:0;width:100%;background-color:transparent;z-index:70;left:50%;transform:translate(-50%);max-width:450px}.timer{position:absolute;left:20px;text-align:left;width:auto;top:0;overflow:hidden;font-size:35px}.day_alias{position:absolute;left:20px;text-align:left;width:auto;top:40px;overflow:hidden;font-size:21px}.stream_alias{position:absolute;left:0;text-align:center;width:100%;font-size:20px;bottom:4px;overflow:hidden}.stream_background{position:absolute;left:0;bottom:0;width:100%;height:35px;overflow:hidden;background:var(--back-color);opacity:.5;border-radius:0 0 20px 20px}#stream_select{position:absolute;left:0;height:35px;z-index:10;opacity:0;width:100%;bottom:0;cursor:pointer}.selecting .controls-background{opacity:1;transition:width .3s linear,opacity .3s linear}.mini-play{right:55px;position:absolute;width:70px;height:62px;line-height:62px;top:13px;font-size:50px;cursor:pointer}.mini-forward{right:20px;position:absolute;width:40px;height:60px;line-height:60px;top:13px;font-size:25px;z-index:1000;cursor:pointer}.mini-backward{right:120px;position:absolute;width:40px;height:60px;line-height:60px;top:13px;font-size:25px;z-index:1000;cursor:pointer}.cursor{background-color:var(--back-color);opacity:.85;position:absolute;height:inherit;width:8px;animation:1s blink linear infinite;border-radius:3px;top:0;bottom:0}@keyframes blink{0%,to{opacity:.85}50%{opacity:.2}}.rounded-minutes{display:flex;width:100%;height:100%;border-radius:25px;overflow:hidden;position:relative;outline:2px solid transparent;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.controls-background{width:100%;height:100%;border-radius:20px;float:left;background-color:var(--back-color);opacity:.75;overflow:hidden;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .2s linear}.info-control{max-width:450px;height:120px;border-radius:20px;width:90%;margin:0 auto;left:0;right:0;color:var(--text-color);position:absolute;bottom:15px;font-size:20px;text-align:center;overflow:hidden;transition:width .3s linear,background-color .1s linear;text-transform:lowercase;font-variant:small-caps}.trans50{opacity:.2}.point{width:2px;height:5px;border-radius:0;background-color:var(--back-color);position:absolute;bottom:0%;opacity:.15}.live-link{height:30px;cursor:pointer}.version-badge{position:fixed;left:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);z-index:30;border:0;background:transparent;color:#ffffff38;font-family:ui-monospace,SF Mono,monospace;font-size:9px;letter-spacing:.3px;padding:6px 8px;cursor:pointer}.version-badge:active{color:#fff9}.update-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);z-index:200;border:0;background:#5e4fa2;color:#fff;font-size:13px;font-family:inherit;padding:9px 16px;border-radius:20px;box-shadow:0 4px 18px #0000008c;cursor:pointer;opacity:1;animation:banner-in .28s ease-out}@keyframes banner-in{0%{transform:translate(-50%,-14px)}to{transform:translate(-50%)}}.kebab{position:absolute;right:4px;bottom:0;width:44px;height:35px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;letter-spacing:.04em;color:var(--text-color);opacity:.85;z-index:20;cursor:pointer;user-select:none;-webkit-user-select:none}.kebab:active{opacity:.5}.pill-menu{position:absolute;right:20px;bottom:48px;min-width:250px;max-width:320px;padding:6px;background:#18181b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 12px 34px #000000b3;z-index:2000;display:flex;flex-direction:column;gap:2px}.pill-menu[hidden]{display:none}.pill-menu-item{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;color:var(--text-color);text-align:left;font:inherit;font-size:16px;padding:13px 14px;border-radius:10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-menu-item:active{background:#ffffff24}.pill-menu-item.on{font-weight:700}.pill-menu-item.disabled{opacity:.4;cursor:default}.sub-chip{position:absolute;bottom:143px;left:5%;right:5%;max-width:450px;margin:0 auto;padding:10px 14px;border-radius:16px;background:#0d0d0ebf;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:var(--text-color);font-size:17px;font-weight:600;line-height:1.4;text-align:left;cursor:pointer;z-index:999}.sub-chip .sc-body{pointer-events:none;display:block;max-height:40vh;overflow:hidden}.sub-chip.sub-chip-close{left:50%;right:auto;transform:translate(-50%);width:48px;height:48px;max-width:none;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.sub-chip.sub-chip-close .sc-body{max-height:none;display:flex;color:#ffffffd9}.sub-chip.sub-chip-close .sc-body svg{width:20px;height:20px;display:block}.sc-word.sc-past{color:#fff}.sc-word.sc-now{color:#fff;border-radius:6px;padding:0 4px;margin:0 -2px}.sc-word.sc-future{color:#ffffff59}.sub-chip.sc-chapter .sc-body{font-weight:700}.tm-stamp:has(.tm-brk-tag){color:#fff}.tm-brk-tag{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}.tm-block.tm-brk{background:#0000008c;border-radius:12px;padding:10px 16px;margin:2px 0}.tm-block.tm-brk .tm-line,.tm-block.tm-brk .tm-word{color:#fff}.tm-chapter.tm-ch-brk .tm-ch-title{display:inline-block;padding:4px 14px;border-radius:999px;background:#0000004d;color:#fff;font-size:16px;letter-spacing:.03em;text-transform:uppercase}.brk-mark{position:absolute;bottom:2px;height:5px;border-radius:3px;background:#00000073;pointer-events:none}.transcript-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;color:#111}.tm-toggle{position:absolute;top:calc(env(safe-area-inset-top,0px) + 19px);right:19px;z-index:1;border:0;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--text-color);background-color:var(--back-color);opacity:.75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.tm-chapter{display:flex;align-items:baseline;gap:14px;padding:16px 0;cursor:pointer;color:#111;transition:color .25s,opacity .25s}.tm-chapter.tm-past{color:#fff;opacity:.75}.tm-chapter.tm-active{color:#fff;opacity:1}.tm-ch-time{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;flex:0 0 auto;opacity:.8}.tm-ch-title{font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.tm-body{flex:1 1 auto;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 44px) 22px 190px;-webkit-overflow-scrolling:touch;--tm-top-fade: calc(env(safe-area-inset-top, 0px) + 22px) ;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--tm-top-fade));mask-image:linear-gradient(to bottom,transparent 0,#000 var(--tm-top-fade))}.tm-stamp{font-size:16px;font-weight:700;opacity:.75;margin:72px 0 22px;font-variant-numeric:tabular-nums}.tm-stamp:first-child{margin-top:18px}.tm-block{font-size:29px;font-weight:700;line-height:1.45;letter-spacing:-.015em}.tm-line{display:block;margin-bottom:10px;color:#111;cursor:pointer;transition:color .25s,opacity .25s}.tm-line.tm-past{color:#fff;opacity:.75}.tm-line.tm-active{opacity:1}.tm-line.tm-active.tm-nowords{color:#fff}.tm-word{transition:color .15s}.tm-line.tm-active .tm-word.tm-wpast{color:#fff}.tm-empty{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:0 8%;color:#fff}.tm-empty-head{font-size:26px;font-weight:800;letter-spacing:-.01em}.tm-empty-sub{font-size:16px;font-weight:600;line-height:1.4;opacity:.7;max-width:22em}
