:is(html:has(.share-page),body:has(.share-page)){background:var(--color-paper)!important;color:var(--color-ink)!important;font:var(--type-body)!important;margin:0!important;padding:0!important}.share-page{--cover:calc(var(--coverflow-cover) * var(--coverflow-scale-expanded));--cover-radius:calc(var(--radius-cover) * var(--coverflow-scale-expanded));--reflection:calc(var(--coverflow-reflection) * var(--coverflow-scale-expanded));max-width:430px;min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(120px + env(safe-area-inset-bottom));background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0 auto;position:relative}.share-page *{box-sizing:border-box}:where(.share-page) button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}:where(.share-page) button:disabled{cursor:default}:where(.share-page) a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.share-page :focus-visible{outline:2px solid var(--color-ink);outline-offset:3px;border-radius:4px}.share-page svg.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.share-page svg.icon.fill{fill:currentColor;stroke:none}.share-top{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--size-header);padding:var(--space-12) var(--space-20) 0;display:flex}.wordmark{width:120px;height:auto;display:block}.capsule{justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--size-hit);border-radius:var(--radius-pill);font:var(--type-control);letter-spacing:var(--type-control-tracking);color:var(--color-ink);transition:transform var(--spring-tap-duration) var(--spring-tap);padding-inline:18px;display:inline-flex}.capsule:active{transform:scale(.97)}.share-hero{padding-top:var(--space-20);justify-items:center;display:grid}.cover{width:var(--cover);max-width:calc(100vw - 2 * var(--space-32));-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--reflection) * .55), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--reflection) * .55), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--reflection) * .55), transparent);display:block}.cover-press{transform-origin:50% calc(var(--cover) / 2);transition:transform var(--spring-press-out-duration) var(--spring-press-out), filter var(--spring-press-out-duration) var(--spring-press-out);display:block}.cover:active:not(:disabled) .cover-press{transform:perspective(700px) rotateX(var(--coverflow-press-tilt)) scale(var(--coverflow-press-scale));filter:brightness(calc(1 - var(--coverflow-press-dim)));transition-duration:var(--spring-press-in-duration);transition-timing-function:var(--spring-press-in)}.art{aspect-ratio:1;border-radius:var(--cover-radius);background:var(--color-surface);width:100%;display:block;position:relative;overflow:hidden}.art:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--color-ink-a30);position:absolute;inset:0}.art-img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:arrive var(--ease-arrive-duration) var(--ease-arrive) both;display:block}@keyframes arrive{0%{opacity:0}}.monogram{color:var(--color-ink);font:600 72px/1 var(--font-rounded);letter-spacing:-1px;place-items:center;display:grid}.reflect{height:var(--reflection);border-radius:var(--cover-radius) var(--cover-radius) 0 0;-webkit-mask-image:linear-gradient(to bottom, rgb(0 0 0/var(--coverflow-reflection-opacity)), transparent);-webkit-mask-image:linear-gradient(to bottom, rgb(0 0 0/var(--coverflow-reflection-opacity)), transparent);mask-image:linear-gradient(to bottom, rgb(0 0 0/var(--coverflow-reflection-opacity)), transparent);margin-top:2px;display:block;overflow:hidden}.reflect .art-img,.reflect .monogram{aspect-ratio:1;height:auto;transform:scaleY(-1)}.badge-play{color:#fff;filter:drop-shadow(0 0 4px #00000080);place-items:center;width:35px;height:35px;font-size:23px;display:grid;position:absolute;bottom:12px;right:12px}.badge-play .spinner{color:#fff;width:24px;height:24px}.share-title{gap:var(--space-2);text-align:center;padding-inline:var(--space-24);margin-top:calc(var(--reflection) * -.5);max-width:100%;display:grid;position:relative}.share-title h1{font:var(--type-headline);letter-spacing:var(--type-headline-tracking);text-wrap:balance;margin:0}.share-title p{font:var(--type-caption);color:var(--color-muted);margin:0}.share-title strong{font-weight:500}.share-episodes{gap:var(--space-10);padding:var(--space-28) var(--space-16) 0;display:grid}.eyebrow{margin:0 0 var(--space-2) var(--space-6);font:var(--type-eyebrow);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;color:var(--color-muted)}.card{text-align:left;border-radius:var(--radius-card);background:var(--color-paper);width:100%;box-shadow:inset 0 0 0 1px var(--color-ink-a12);transition:background-color var(--spring-expand-duration) var(--spring-expand);display:block;position:relative}.card.glass{background:var(--glass-fill)}.card-main{align-items:center;gap:var(--space-12);width:100%;min-height:var(--size-row-min);padding:var(--space-16);text-align:left;display:flex}.card.loaded .card-main{min-height:62px;padding-bottom:var(--space-2)}.card-icon{width:var(--size-row-icon-w);flex:none;place-items:center;height:44px;font-size:16px;display:grid}.card-text{gap:var(--space-6);flex:1;min-width:0;display:grid}.card-title{font:var(--type-title);letter-spacing:var(--type-title-tracking);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card.dimmed .card-title{color:var(--color-muted)}.card-meta{align-items:center;gap:var(--space-5);font:var(--type-meta);color:var(--color-muted);display:flex}.dot{width:var(--size-dot);height:var(--size-dot);background:var(--color-ink-a40);border-radius:50%;flex:none}.dot.on{background:var(--color-ink)}.progress-line{height:var(--size-progress);pointer-events:none;position:absolute;bottom:1px;left:22px;right:22px}.progress-line i{border-radius:var(--radius-pill);background:var(--color-ink-a70);height:100%;display:block}.scrubber{height:16px;margin:0 var(--space-16) var(--space-8) 60px;cursor:pointer;touch-action:none;animation:grow var(--spring-expand-duration) var(--spring-expand) both;position:relative}@keyframes grow{0%{opacity:0;height:0}}.scrubber .track,.scrubber .fill{height:var(--size-scrubber);border-radius:var(--radius-pill);transition:height var(--spring-tap-duration) var(--spring-tap);position:absolute;top:50%;left:0;transform:translateY(-50%)}.scrubber .track{background:var(--color-ink-a16);right:0}.scrubber .fill{background:var(--color-ink);min-width:4px}.scrubber.dragging .track,.scrubber.dragging .fill{height:8px}.card.suggested{box-shadow:none;color:var(--color-muted)}.card.suggested:after{content:"";border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect x='0.5' y='0.5' width='calc(100%25 - 1px)' height='calc(100%25 - 1px)' rx='21.5' fill='none' stroke='%23F2F2F5' stroke-opacity='0.24' stroke-width='1' stroke-dasharray='1 5' stroke-linecap='round'/%3E%3C/svg%3E");position:absolute;inset:0}.card.suggested .card-title{color:var(--color-muted)}a.card.suggested:active{background:var(--color-surface)}.share-note a{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-ink-a40);text-decoration-color:var(--color-ink-a40);text-underline-offset:2px}.share-note{margin:var(--space-14) var(--space-6) 0;font:var(--type-footnote);color:var(--color-muted);text-wrap:pretty}.spinner{width:20px;height:20px;color:var(--color-muted);animation:.8s steps(8,end) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bar-scrim{height:calc(120px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to bottom, transparent, var(--color-paper) 70%);position:fixed;bottom:0;left:0;right:0}.share-bar{left:50%;bottom:calc(var(--space-16) + env(safe-area-inset-bottom));width:min(430px,100%);padding-inline:var(--space-20);gap:var(--space-8);display:grid;position:fixed;transform:translate(-50%)}.player{align-items:center;gap:var(--space-8);min-width:0;height:var(--size-bar);border-radius:var(--radius-pill);padding:0 var(--space-8) 0 var(--space-14);animation:rise var(--spring-message-duration) var(--spring-message) both;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.player-open{align-items:center;gap:var(--space-10);flex:1;min-width:0;display:flex}.thumb{width:var(--size-player-art);height:var(--size-player-art);border-radius:var(--radius-thumb);object-fit:cover;flex:none;display:block}.player-text{white-space:nowrap;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.player-text b{font:var(--type-player);letter-spacing:var(--type-player-tracking);display:block}.player-text span{font:var(--type-caption);color:var(--color-ink-a75);display:block}.player-toggle{flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.player-toggle .spinner{color:var(--color-ink)}.toast{align-items:center;gap:var(--space-12);min-height:var(--size-hit);background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-bubble);font:var(--type-body);animation:rise var(--spring-message-duration) var(--spring-message) both;padding-inline:18px;display:flex}.toast a{min-height:var(--size-hit);align-items:center;margin-left:auto;font-weight:600;display:inline-flex}.share-missing{place-content:center;justify-items:center;gap:var(--space-10);text-align:center;min-height:70dvh;padding:var(--space-24);display:grid}.share-missing h1{font:var(--type-composer);letter-spacing:var(--type-composer-tracking);margin:0}.share-missing p{color:var(--color-muted);max-width:30ch;margin:0}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}.player,.toast,.scrubber,.art-img{animation:none}}
