@property --bg{syntax:"<color>";inherits:true;initial-value:#0e0f13}@property --surface{syntax:"<color>";inherits:true;initial-value:#181a21}@property --ink{syntax:"<color>";inherits:true;initial-value:#f2f3ee}@property --accent{syntax:"<color>";inherits:true;initial-value:#c8ff3d}@property --on-accent{syntax:"<color>";inherits:true;initial-value:#10130a}:root{--theme-speed:.9s;--ease:cubic-bezier(.22, .61, .36, 1);transition:--bg var(--theme-speed) var(--ease), --surface var(--theme-speed) var(--ease), --ink var(--theme-speed) var(--ease), --accent var(--theme-speed) var(--ease), --on-accent var(--theme-speed) var(--ease);--muted:color-mix(in oklab, var(--ink) 66%, var(--bg));--line:color-mix(in oklab, var(--ink) 16%, transparent);--line-strong:color-mix(in oklab, var(--ink) 34%, transparent);--wash:color-mix(in oklab, var(--ink) 6%, transparent);--font-display:"Bricolage Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:6px}*,:before,:after{box-sizing:border-box}html{background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}h1,h2,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.section-title{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.backdrop{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.backdrop__layer,.backdrop__image,.backdrop__glow{position:absolute;inset:0}.backdrop__layer{opacity:0;transition:opacity 1.2s var(--ease)}.backdrop__layer.is-active{opacity:1}.backdrop__layer--signal{background-image:radial-gradient(circle, color-mix(in oklab, var(--ink) 14%, transparent) 1px, transparent 1.5px);background-size:28px 28px;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.backdrop__layer--speed{background-image:repeating-linear-gradient(112deg, transparent 0 54px, color-mix(in oklab, var(--ink) 5%, transparent) 54px 56px, transparent 56px 120px, color-mix(in oklab, var(--accent) 9%, transparent) 120px 124px);-webkit-mask-image:linear-gradient(100deg,#0000 15%,#000 85%);mask-image:linear-gradient(100deg,#0000 15%,#000 85%)}.backdrop__layer--fizz{background-image:radial-gradient(circle, color-mix(in oklab, var(--ink) 13%, transparent) 0 5px, transparent 6px), radial-gradient(circle, transparent 0 11px, color-mix(in oklab, var(--ink) 10%, transparent) 11px 12.5px, transparent 13.5px), radial-gradient(circle, color-mix(in oklab, var(--ink) 9%, transparent) 0 2.5px, transparent 3.5px);background-position:20px 40px,130px 90px,60px 10px;background-size:190px 230px,310px 270px,97px 113px;animation:60s linear infinite fizz;-webkit-mask-image:linear-gradient(#0000 10%,#000);mask-image:linear-gradient(#0000 10%,#000)}@keyframes fizz{to{background-position:20px -1800px,130px -1260px,60px -2250px}}.backdrop__layer--editorial{background-image:repeating-linear-gradient(90deg, color-mix(in oklab, var(--ink) 9%, transparent) 0 1px, transparent 1px 12.5vw)}.backdrop__layer--stripes{background-image:linear-gradient(118deg, transparent 0 62%, color-mix(in oklab, var(--accent) 16%, transparent) 62% 68%, transparent 68% 72%, color-mix(in oklab, var(--accent) 16%, transparent) 72% 78%, transparent 78% 82%, color-mix(in oklab, var(--accent) 16%, transparent) 82% 88%, transparent 88%)}.backdrop__layer--rings{background-image:repeating-radial-gradient(circle at 84% 34%, transparent 0 62px, color-mix(in oklab, var(--ink) 7%, transparent) 62px 63px);-webkit-mask-image:radial-gradient(circle at 84% 34%,#000 10%,#0000 72%);mask-image:radial-gradient(circle at 84% 34%,#000 10%,#0000 72%)}.backdrop__layer--flow{background-image:repeating-linear-gradient(128deg, transparent 0 150px, color-mix(in oklab, var(--ink) 4%, transparent) 150px 300px);-webkit-mask-image:radial-gradient(90% 90% at 80% 20%,#000,#0000 85%);mask-image:radial-gradient(90% 90% at 80% 20%,#000,#0000 85%)}.backdrop__layer--horizon{background-image:repeating-linear-gradient(0deg, color-mix(in oklab, var(--ink) 9%, transparent) 0 1px, transparent 1px 46px);-webkit-mask-image:linear-gradient(#0000 30%,#000 100%);mask-image:linear-gradient(#0000 30%,#000 100%)}.backdrop__layer--blueprint{background-image:linear-gradient(color-mix(in oklab, var(--ink) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--ink) 9%, transparent) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(115deg,#0000 10%,#000 90%);mask-image:linear-gradient(115deg,#0000 10%,#000 90%)}.backdrop__layer--lattice{background-image:repeating-linear-gradient(45deg, color-mix(in oklab, var(--ink) 7%, transparent) 0 1px, transparent 1px 38px), repeating-linear-gradient(-45deg, color-mix(in oklab, var(--ink) 7%, transparent) 0 1px, transparent 1px 38px);-webkit-mask-image:radial-gradient(85% 85% at 85% 15%,#000,#0000 80%);mask-image:radial-gradient(85% 85% at 85% 15%,#000,#0000 80%)}.backdrop__image{opacity:0;transition:opacity 1.4s var(--ease);background-position:50%;background-size:cover;-webkit-mask-image:linear-gradient(100deg,#00000040 0%,#0009 35%,#000 80%);mask-image:linear-gradient(100deg,#00000040 0%,#0009 35%,#000 80%)}.backdrop__image.is-active{opacity:var(--strength,.4)}.backdrop__glow{background:radial-gradient(55% 45% at 78% -5%, color-mix(in oklab, var(--accent) 24%, transparent), transparent 70%), radial-gradient(45% 40% at 0% 100%, color-mix(in oklab, var(--accent) 10%, transparent), transparent 70%)}.app{z-index:1;grid-template-columns:216px minmax(0,1fr) 328px;grid-template-areas:"top top top""rail stage side";column-gap:36px;max-width:1560px;margin:0 auto;padding:0 32px 64px;display:grid;position:relative}.topbar{border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:24px;margin-bottom:28px;padding:22px 0;display:flex}.logo{letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.logo__glyph{background:linear-gradient(90deg, var(--accent) 0 4px, transparent 4px 9px, var(--accent) 9px 13px, transparent 13px 18px, var(--accent) 18px 22px);clip-path:polygon(0 55%,4px 55%,4px 100%,9px 100%,9px 28%,13px 28%,13px 100%,18px 100%,18px 0,22px 0,22px 100%,0 100%);width:22px;height:18px;-webkit-mask-image:linear-gradient(0deg,#000 0 100%);mask-image:linear-gradient(0deg,#000 0 100%)}.topbar__channel{border-left:1px solid var(--line);align-items:baseline;gap:10px;margin-left:12px;padding-left:24px;font-weight:600;display:flex}.topbar__num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:12px}.topbar__demo{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:6px 10px;font-size:11px}.rail{grid-area:rail;align-self:start;position:sticky;top:24px}.rail__title{margin-bottom:12px}.rail__list{border-top:1px solid var(--line);flex-direction:column;display:flex}.channel{text-align:left;border-bottom:1px solid var(--line);width:100%;min-height:46px;transition:background-color .16s ease, padding .2s var(--ease);grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:0 10px 0 8px;display:grid}.channel:hover{background:var(--wash)}.channel__num,.channel__count{font-family:var(--font-mono);color:var(--muted);font-size:12px}.channel__name{font-size:15.5px;font-weight:600}.channel.is-empty .channel__name{color:var(--muted);font-weight:400}.channel.is-active{background:var(--accent);color:var(--on-accent);padding-left:14px}.channel.is-active .channel__num,.channel.is-active .channel__count,.channel.is-active .channel__name{color:var(--on-accent)}.stage{grid-area:stage;min-width:0}.player__frame{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:0 0 0 1px var(--line-strong), 0 30px 60px -30px color-mix(in oklab, var(--accent) 45%, transparent);background:#000;position:relative;overflow:hidden}.source{width:100%;height:100%;position:absolute;inset:0}.source--embed iframe{border:0;width:100%;height:100%;display:block}.source--video{object-fit:contain;background:#000}.player__surface{cursor:pointer;place-items:center;width:100%;display:grid;position:absolute;inset:0}.player__surface.is-blocked{background:#0000008c}.player__nudge{background:var(--accent);color:var(--on-accent);border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-weight:600;display:inline-flex}.player__surface.is-paused{background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.2);color:var(--ink)}.player__paused{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px;display:flex}.player__paused-icon{background:var(--accent);width:72px;height:72px;color:var(--on-accent);transition:transform .16s var(--ease);border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.player__paused-icon svg{width:28px;height:28px}.player__surface:hover .player__paused-icon{transform:scale(1.06)}.player__paused-brand{letter-spacing:-.045em;font-size:clamp(28px,5vw,56px);font-weight:800;line-height:1}.player__paused-brand .wordmark{width:min(4.5em, 1.5em * var(--ratio,3));margin:4px 0 6px}.player__paused-note{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);font-size:12px}.seek{--pct:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:6px 0 0;padding:0;display:block}.seek:disabled{cursor:default;opacity:.5}@media (hover:hover){.seek{opacity:0;transition:opacity .22s}.player:hover .seek,.seek:active{opacity:1}.player:has(:focus-visible) .seek{opacity:1}.player:hover .seek:disabled{opacity:.5}.player:has(:focus-visible) .seek:disabled{opacity:.5}}.seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct), var(--line-strong) var(--pct));border-radius:3px;height:6px}.seek::-moz-range-track{background:var(--line-strong);border-radius:3px;height:6px}.seek::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}.seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--line-strong);border-radius:50%;margin-top:-5px;transition:transform .12s}.seek::-moz-range-thumb{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--line-strong);border:0;border-radius:50%}.seek:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.25)}.seek:active::-webkit-slider-thumb{transform:scale(1.25)}.seek:disabled::-webkit-slider-thumb{visibility:hidden}.seek:disabled::-moz-range-thumb{visibility:hidden}.player__controls{align-items:center;gap:18px;padding:6px 2px 0;display:flex}.player__options{align-items:center;gap:8px;margin-left:auto;display:flex}.player__buttons{align-items:center;gap:6px;display:flex}.player__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.player__time span{color:var(--muted)}.iconbtn{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .16s,transform .12s;display:grid}.iconbtn:hover:not(:disabled){background:var(--wash)}.iconbtn:active:not(:disabled){transform:scale(.94)}.iconbtn:disabled{opacity:.35;cursor:not-allowed}.iconbtn--primary{background:var(--accent);width:52px;height:52px;color:var(--on-accent);border-color:#0000}.iconbtn--primary:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 86%, var(--ink))}.pillbtn{border:1px solid var(--line-strong);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .16s,color .16s;display:inline-flex}.pillbtn:hover{background:var(--wash)}.pillbtn--cc{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);padding:0 12px;font-size:13px}.pillbtn--cc.is-on{background:var(--ink);color:var(--bg);border-color:#0000}.player-shell:fullscreen{background:var(--bg)}.player-shell:fullscreen .player{flex-direction:column;height:100%;display:flex}.player-shell:fullscreen .player__frame{aspect-ratio:auto;min-height:0;box-shadow:none;border-radius:0;flex:1}.player-shell:fullscreen .seek{width:auto;margin:6px 20px 0}.player-shell:fullscreen .player__controls{padding:4px 20px 14px}.slate{text-align:center;background:radial-gradient(80% 90% at 50% 0%, color-mix(in oklab, var(--accent) 30%, transparent), transparent 70%), var(--surface);color:var(--ink);place-items:center;padding:24px;display:grid}.slate__inner{flex-direction:column;align-items:center;gap:6px;max-width:460px;display:flex}.slate__brand{letter-spacing:-.04em;margin-top:10px;font-size:clamp(32px,6vw,64px);font-weight:800;line-height:1}.slate__tagline{color:var(--muted);font-size:18px}.slate__note{color:var(--muted);margin-top:14px;font-size:14px}.slate__link{text-underline-offset:4px;margin-top:10px;font-weight:600}.now{border-bottom:1px solid var(--line);animation:rise .6s var(--ease) both;grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:end;gap:32px;padding:36px 0 40px;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.live-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.now__brand{letter-spacing:-.055em;text-wrap:balance;margin:10px 0 12px -.04em;font-size:clamp(56px,9.5vw,148px);font-weight:800;line-height:.86}.now__brand--logo{letter-spacing:0;margin-left:0;line-height:1}.wordmark{width:min(100%, 4.5em, 1.5em * var(--ratio,3));-webkit-mask:var(--wordmark) center / 100% auto no-repeat;mask:var(--wordmark) center / 100% auto no-repeat;-webkit-mask:var(--wordmark) center / 100% auto no-repeat;background:currentColor;display:block}.now__title{max-width:46ch;font-size:19px;font-weight:600}.now__tagline{color:var(--muted);white-space:nowrap;font-weight:400}.now__side{flex-direction:column;gap:16px;display:flex}.now__about{color:var(--muted);align-items:flex-start;gap:12px;font-size:14.5px;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags li{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:999px;padding:4px 9px;font-size:11px}.cta{background:var(--accent);min-height:56px;color:var(--on-accent);border-radius:var(--radius);letter-spacing:-.01em;transition:transform .16s var(--ease), box-shadow .16s ease;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 0 22px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.cta:hover{box-shadow:0 10px 24px -12px var(--accent);transform:translateY(-2px)}.cta:active{transform:translateY(0)}.cta svg{transition:transform .16s var(--ease)}.cta:hover svg{transform:translate(2px,-2px)}.cta--inline{display:inline-flex}.mark{background:var(--mark-bg);width:40px;height:40px;color:var(--mark-ink);letter-spacing:-.04em;box-shadow:0 0 0 1px color-mix(in oklab, var(--ink) 26%, transparent);border-radius:10px;flex:none;place-items:center;font-size:20px;font-weight:800;line-height:1;display:grid;overflow:hidden}.mark--sm{border-radius:8px;width:30px;height:30px;font-size:15px}.mark--lg{border-radius:14px;width:56px;height:56px;font-size:28px}.side{flex-direction:column;grid-area:side;align-self:start;gap:20px;display:flex;position:sticky;top:24px}.panel{flex-direction:column;gap:14px;display:flex}.panel__empty{color:var(--muted);font-size:14.5px}.nextcard{text-align:left;background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:0 0 0 1px var(--line);transition:box-shadow .16s ease, transform .16s var(--ease);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.nextcard:hover{box-shadow:0 0 0 1px var(--line-strong);transform:translateY(-2px)}.nextcard__text{flex-direction:column;min-width:0;display:flex}.nextcard__brand{letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1.1}.nextcard__title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.nextcard__meta,.queue__dur,.queue__pos{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.queue{border-top:1px solid var(--line)}.queue__item{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:20px auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 6px;transition:background-color .16s;display:grid}.queue__item:hover{background:var(--wash)}.queue__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.queue__brand{font-size:15px;font-weight:600}.queue__title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.side__legal{color:var(--muted);font-size:12px;line-height:1.5}.brands{padding-top:36px}.brands__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.brands__note{color:var(--muted);font-size:14px}.brands__grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;display:grid}.tile{background:var(--tile-bg);color:var(--tile-ink);border-radius:var(--radius);box-shadow:0 0 0 1px var(--line-strong);transition:transform .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}.tile:hover{transform:translateY(-3px)}.tile.is-active{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.tile :focus-visible{outline-color:var(--tile-ink);outline-offset:-4px}.tile__play{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:14px 14px 18px;display:flex}.tile__status{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-size:10.5px}.tile__name{letter-spacing:-.04em;margin-top:26px;font-size:clamp(22px,2.3vw,32px);font-weight:800;line-height:1}.tile__cat{opacity:.75;font-size:13px}.tile__link{border-top:1px solid color-mix(in oklab, var(--tile-ink) 20%, transparent);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.tile__link:hover{background:color-mix(in oklab, var(--tile-ink) 9%, transparent)}.tile__link svg{width:16px;height:16px}.offair__frame{aspect-ratio:16/9;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--wash);flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:clamp(24px,6vw,72px);display:flex}.offair__title{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(34px,5vw,68px);font-weight:800;line-height:.95}.offair__text{max-width:48ch;color:var(--muted);font-size:17px}.offair .cta{margin-top:8px}@media (width<=1180px){.app{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"top top""rail stage""rail side";column-gap:28px}.side{margin-top:36px;position:static}}@media (width<=780px){.app{padding:0 16px 48px;display:block}.topbar{gap:12px;margin-bottom:16px;padding:16px 0}.topbar__demo{display:none}.topbar__channel{border-left:0;margin-left:auto;padding-left:0;font-size:14px}.rail{margin:0 -16px 16px;position:static}.rail__title{display:none}.rail__list{scrollbar-width:none;border-top:0;flex-direction:row;gap:8px;padding:2px 16px 8px;overflow-x:auto}.rail__list::-webkit-scrollbar{display:none}.channel{white-space:nowrap;border:1px solid var(--line-strong);border-radius:999px;width:auto;min-height:44px;padding:0 14px;display:flex}.channel.is-active{border-color:#0000;padding-left:14px}.channel__count{display:none}.player__controls{gap:12px}.pillbtn__label{display:none}.pillbtn{padding:0 12px}.player__options{gap:6px}.iconbtn{width:40px;height:40px}.iconbtn--primary{width:48px;height:48px}.now{grid-template-columns:1fr;gap:24px;padding:28px 0 32px}.now__tagline{white-space:normal}.brands__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app{zoom:var(--scale,1)}:root[data-layout=wide] .app{--fixed:calc(216px + 420px + 328px + 3 * 36px + 64px);--player-w:min(calc((100vh / var(--scale) - 236px) * 16 / 9), calc(100vw / var(--scale) - var(--fixed)));grid-template-columns:216px auto 328px;justify-content:center;max-width:none}:root[data-layout=wide] .stage{grid-template-columns:var(--player-w) 420px;grid-template-areas:"player now""brands brands";align-items:start;column-gap:36px;display:grid}:root[data-layout=wide] .player-shell{grid-area:player}:root[data-layout=wide] .offair{grid-column:1/-1}:root[data-layout=wide] .brands{grid-area:brands}:root[data-layout=wide] .now{border-bottom:0;grid-area:now;grid-template-columns:minmax(0,1fr);gap:28px;padding:4px 0 0}:root[data-layout=wide] .now__brand{font-size:96px}:root[data-layout=wide] .now__tagline{white-space:normal}:root[data-layout=wide] .brands{border-top:1px solid var(--line);margin-top:36px}@media (prefers-reduced-motion:reduce){:root{--theme-speed:0s}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.offline{text-align:center;place-content:center;gap:12px;min-height:100vh;padding:24px;display:grid}.offline h1{margin:0;font-size:28px}.offline p{color:var(--muted,inherit);margin:0}.offline button{background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-self:center;margin-top:8px;padding:10px 18px;font-weight:600}