:root {color-scheme:dark;--yellow:#ffff00;--muted:#b4b4b4;--line:#333} * {box-sizing:border-box} [hidden] {display:none !important} body {margin:0;background:#080808;color:#f5f5f5;font:1rem/1.4 Arial,sans-serif} button,input {font:inherit} button,summary,input[type="range"] {cursor:pointer} a {color:var(--yellow)}:focus-visible {outline:2px solid var(--yellow);outline-offset:2px} #gft-player {display:flex;flex-direction:column;max-width:40rem;height:100vh;height:100dvh;margin:0 auto;background:#111} @media (min-width:768px) and (hover:hover) {#gft-player {max-width:420px;max-height:600px;margin-top:max(0px,calc(50vh - 300px))}} .gft-deck {flex:none;padding:1rem 1rem .8rem;border-top:3px solid var(--yellow);background:#050505} .gft-record {display:flex;align-items:center;gap:1rem} .gft-brand {flex:0 0 5.75rem;margin:0;line-height:0} .gft-brand img {display:block;width:100%;height:auto} .gft-record-info {min-width:0} #gft-now-title {margin:0;font-size:1.16rem;line-height:1.2;overflow-wrap:anywhere} #gft-now-meta {margin:.3rem 0 0;color:var(--muted);font-size:.8rem} #gft-now-meta:empty,#gft-status:empty {display:none} .gft-transport {display:flex;align-items:center;gap:.85rem;margin-top:.8rem} #gft-toggle {display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.5rem;min-width:6rem;min-height:44px;padding:.55rem .85rem;border:0;border-radius:1.5rem;background:var(--yellow);color:#101010;font-weight:700} .gft-play-icon {display:inline-block;width:0;height:0;border-block:.35em solid transparent;border-left:.58em solid currentColor} #gft-toggle[data-state="playing"] .gft-play-icon,#gft-episodes li[data-playing] .gft-play-icon {width:.62em;height:.75em;border:0;border-inline:.22em solid currentColor} .gft-timeline {flex:1;min-width:0} #gft-seek {display:block;width:100%;height:1.45rem;margin:0;accent-color:var(--yellow)} #gft-seek:disabled {cursor:default} .gft-times {display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums} #gft-status {margin:.65rem 0 0;font-size:.875rem} #gft-current-link {font-size:.875rem} .gft-subscribe {display:grid;grid-template-columns:auto repeat(6,minmax(0,1fr));align-items:center;gap:.2rem;margin-top:.5rem;padding-top:.25rem;border-top:1px solid var(--line)} .gft-subscribe span {margin-right:.3rem;color:var(--muted);font-size:.8125rem;font-weight:700} .gft-subscribe a {display:grid;place-items:center;min-height:2.25rem;border-radius:.35rem;color:#ededed} .gft-subscribe svg {display:block;width:1.4rem;max-width:100%;height:1.4rem;fill:currentColor} .gft-subscribe a:focus-visible {background:#252525;color:var(--yellow)} .gft-library {display:flex;flex:1;flex-direction:column;min-height:0} .gft-library-heading {display:flex;flex:none;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;border-block:1px solid var(--line);background:#1d1d1d} .gft-library-heading h2 {margin:0;font-size:1rem} .gft-library-heading h2 span {color:var(--muted);font-size:.82em;font-weight:400} .gft-library-heading a {display:inline-flex;align-items:center;gap:.2rem;min-height:42px;font-size:.8rem;text-decoration:none} .gft-library-heading a:hover {text-decoration:underline} #gft-pin,#gft-expand {padding:.25rem .5rem;border:1px solid #555;border-radius:.35rem;background:transparent;color:var(--yellow);font-size:.8rem;white-space:nowrap} #gft-pin {margin-left:auto} #gft-expand {display:none} .gft-empty,noscript p {margin:.75rem 1rem} #gft-episodes {margin:0;padding:0 0 env(safe-area-inset-bottom);list-style:none;overflow-y:auto} #gft-episodes li {position:relative;border-bottom:1px solid var(--line)} #gft-episodes li[aria-current="true"] {background:#242318;box-shadow:inset 3px 0 var(--yellow)} #gft-episodes summary {display:flex;align-items:center;gap:.75rem;min-height:3.7rem;margin-right:3.6rem;padding:.65rem 0 .65rem 1rem;list-style:none} #gft-episodes summary::-webkit-details-marker {display:none} #gft-episodes summary::before {content:"";flex:none;width:.4rem;height:.4rem;border:solid var(--muted);border-width:1.5px 1.5px 0 0;transform:rotate(45deg)} #gft-episodes details[open] summary::before {transform:rotate(135deg)} #gft-episodes summary:focus-visible {outline-offset:-3px} .gft-row-info {min-width:0} .gft-row-info strong {display:block;font-size:.94rem;line-height:1.25;overflow-wrap:anywhere} .gft-row-meta {display:block;margin-top:.15rem;color:var(--muted);font-size:.76rem} .gft-row-action {position:absolute;top:.45rem;right:.55rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #4d4d4d;border-radius:50%;background:transparent;color:#f4f4f4;font-size:.95rem;text-decoration:none} #gft-episodes li[aria-current="true"] .gft-row-action {color:var(--yellow);border-color:var(--yellow)} .gft-notes {padding:0 1rem 1rem 2.15rem;color:#d6d6d6;font-size:.9rem;overflow-wrap:anywhere} .gft-notes p {margin:0 0 .65em} #gft-player.gft-compact {justify-content:center;max-width:none;max-height:none;height:auto;min-height:100vh;margin:0;border-top:3px solid var(--yellow);background:#050505} .gft-compact .gft-deck {padding:.45rem .75rem;border:0} .gft-compact .gft-library,.gft-compact #gft-now-meta,.gft-compact #gft-toggle-label {display:none} .gft-compact .gft-record,.gft-compact .gft-transport {gap:.65rem} .gft-compact .gft-brand {flex-basis:3.1rem} .gft-compact .gft-record-info {flex:1} .gft-compact #gft-now-title {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1rem;line-height:1.15} .gft-compact #gft-expand {display:inline-block} .gft-compact .gft-transport {margin-top:.4rem} .gft-compact .gft-subscribe {margin-top:.3rem;padding-top:.125rem} .gft-compact #gft-toggle {width:2.75rem;min-width:0;padding:0} .gft-compact #gft-status {margin-top:.25rem;font-size:.8rem;color:var(--yellow)} @media (hover:hover) {.gft-subscribe a:hover {background:#252525;color:var(--yellow)} #gft-toggle:hover {background:#ffff74} #gft-pin:hover,#gft-expand:hover {border-color:var(--yellow)} .gft-row-action:hover,#gft-episodes summary:hover {color:var(--yellow)}} @media (max-height:23rem) {#gft-player {height:auto;min-height:100vh} #gft-episodes {overflow-y:visible}}