.audio-player{--player-control-button-size: 2.5rem;--player-surface: var(--colors-mono-02);--player-elevated: var(--colors-mono-03);--player-highlight: var(--colors-info);--player-track: var(--colors-mono-04);--player-thumb-glow: color-mix( in srgb, var(--colors-cool-blue) 35%, transparent );background-color:var(--player-surface);border:.0625rem solid color-mix(in srgb,var(--colors-mono-04) 55%,transparent);border-radius:var(--radius-lg);box-shadow:0 0 0 .0625rem rgba(var(--colors-mono-01-rgb),.4),0 .625rem 1.5rem rgba(var(--colors-mono-00-rgb),.32),0 0 1.25rem color-mix(in srgb,var(--player-highlight) 12%,transparent);display:flex;flex-direction:column;gap:.75rem;max-width:min(28rem,100%);min-width:0;overflow-x:clip;width:100%;padding:.875rem 1rem 1rem;margin:0;img{margin:0}>audio{block-size:0;inline-size:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute}&:not(.is-volume-open){.icon-button.volume-toggle{background:rgba(var(--colors-mono-01-rgb),.75)!important;border-color:var(--colors-mono-01)!important;.icon{color:var(--colors-mono-07)}}}&.is-volume-open{.icon-button.volume-toggle{background:color-mix(in srgb,var(--player-highlight) 78%,var(--player-elevated))!important;border-color:color-mix(in srgb,var(--player-highlight) 45%,var(--colors-mono-04))!important;.icon{color:var(--colors-text-primary)}}}&:not(.is-cover-open){.icon-button.cover-toggle{background:rgba(var(--colors-mono-01-rgb),.75)!important;border-color:var(--colors-mono-01)!important;.icon{color:var(--colors-mono-07)}}}&.is-cover-open{.icon-button.cover-toggle{background:color-mix(in srgb,var(--player-highlight) 78%,var(--player-elevated))!important;border-color:color-mix(in srgb,var(--player-highlight) 45%,var(--colors-mono-04))!important;.icon{color:var(--colors-text-primary)}}}.cover-shell{display:grid;grid-template-rows:minmax(0,0fr);margin-bottom:-.75rem;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-.5rem);transition:grid-template-rows .28s ease-in-out,margin-bottom .28s ease-in-out,opacity .28s ease-in-out,transform .28s ease-in-out;width:100%;will-change:grid-template-rows,opacity,transform;&.cover-shell-open{grid-template-rows:minmax(0,1fr);margin-bottom:0;opacity:1;pointer-events:auto;transform:translateY(0)}.cover-shell-inner{min-height:0;overflow:hidden}.cover-art{border-radius:var(--radius-md);display:block;height:auto;margin:0;width:100%}}.player-metadata{display:flex;flex-direction:column;text-align:center;.album-series{color:var(--colors-mono-09);font-size:.75rem;line-height:1.2;margin:0;padding:0}.title{color:var(--colors-text-primary);font-size:1rem;margin:0;padding:0}}.player-controls{align-items:center;display:flex;gap:.5rem;justify-content:space-between;min-width:0;width:100%;.rail-side,.seek-action{flex-shrink:0;height:var(--player-control-button-size);max-height:var(--player-control-button-size);max-width:var(--player-control-button-size);min-height:var(--player-control-button-size);min-width:var(--player-control-button-size);width:var(--player-control-button-size)}.transport{align-items:center;display:flex;flex:1 1 auto;gap:clamp(.5rem,3vw,1.5rem);justify-content:center;min-width:0;.seek-action{.icon{color:var(--colors-info);display:inline-block;transform-origin:center;transition:color .25s ease-in-out,opacity .25s ease-in-out;&.spin-back,&.spin-forward{animation-duration:.42s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.22,1,.36,1);transition-property:color,opacity;will-change:transform}&.spin-back{animation-name:audio-player-seek-spin-back}&.spin-forward{animation-name:audio-player-seek-spin-forward}}&:hover:not(:disabled) .icon,&:focus-visible:not(:disabled) .icon{color:var(--colors-cool-blue)}}.transport-play{align-items:center;background:var(--player-elevated);border:.0625rem solid var(--colors-mono-04);border-radius:var(--radius-round);box-shadow:none;display:flex;flex-shrink:0;height:3.25rem;justify-content:center;transition:var(--transitions-primary);width:3.25rem;&:hover{background:color-mix(in srgb,var(--player-elevated) 88%,var(--colors-mono-05))}.icon{color:var(--colors-text-primary);font-size:2rem}&.transport-play-playing{background:color-mix(in srgb,var(--player-highlight) 88%,var(--player-elevated));border-color:color-mix(in srgb,var(--player-highlight) 55%,var(--colors-mono-04));box-shadow:0 0 1rem var(--player-thumb-glow);.icon{color:var(--colors-text-primary)}}}}}.player-progress{display:flex;flex-direction:column;gap:.25rem;width:100%;>.player-range{margin-bottom:-.625rem}.player-time{color:var(--colors-mono-09);display:flex;font-size:.75rem;font-variant-numeric:tabular-nums;justify-content:space-between;line-height:1;user-select:none;width:100%;.elapsed{text-align:left}.remaining{text-align:right}}}.player-range{appearance:none;background:transparent;border-radius:var(--radius-pill);box-sizing:border-box;cursor:pointer;display:block;height:1.25rem;margin:0;max-width:100%;min-width:0;width:100%;&:focus-visible{outline:.125rem solid var(--colors-mono-06);outline-offset:.125rem}&::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--player-highlight) 0%,var(--player-highlight) var(--slider-fill, 0%),var(--player-track) var(--slider-fill, 0%),var(--player-track) 100%);border-radius:var(--radius-pill);height:.25rem}&::-webkit-slider-thumb{appearance:none;background:var(--colors-text-primary);border-radius:var(--radius-round);box-shadow:0 0 .5rem var(--player-thumb-glow);height:.75rem;margin-top:-.25rem;width:.75rem}&::-moz-range-track{background:var(--player-track);border-radius:var(--radius-pill);height:.25rem}&::-moz-range-progress{background:var(--player-highlight);border-radius:var(--radius-pill);height:.25rem}&::-moz-range-thumb{background:var(--colors-text-primary);border:none;border-radius:var(--radius-round);box-shadow:0 0 .5rem var(--player-thumb-glow);height:.75rem;width:.75rem}}.volume-panel{display:grid;grid-template-rows:minmax(0,1fr);width:100%;>*{min-height:0}.volume-panel-inner{display:flex;flex-direction:column;gap:.125rem;padding-bottom:.125rem;padding-top:.125rem;.volume-panel-label{color:var(--colors-mono-09);font-size:.625rem;letter-spacing:.06em;line-height:1.2;margin:0;text-align:center;text-transform:lowercase;user-select:none}}}.player-volume-enter-active,.player-volume-exit-active{overflow:clip;transition:opacity .26s ease-in-out,transform .26s ease-in-out;will-change:opacity,transform}.player-volume-enter,.player-volume-exit-to{opacity:0;pointer-events:none;transform:translateY(.35rem)}.player-volume-enter-to,.player-volume-exit{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.transport .seek-action .icon.spin-back,.transport .seek-action .icon.spin-forward{animation:none}}}@keyframes audio-player-seek-spin-back{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes audio-player-seek-spin-forward{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:is(.milkdown .ProseMirror,.rendered-markdown){max-width:100%;min-width:0;overflow-wrap:break-word;overflow-x:clip;>:first-child{margin-top:0}>:last-child{margin-bottom:0}p{margin:0 0 1rem;line-height:1.25}h1,h2,h3,h4,h5,h6{color:var(--colors-text-primary);font-weight:600;line-height:1.25;margin:1.25rem 0 .75rem}h1{border-bottom:.0625rem solid var(--colors-mono-04);font-size:1.625rem;padding-bottom:.3rem}h2{border-bottom:.0625rem solid var(--colors-mono-04);font-size:1.375rem;padding-bottom:.3rem}h3{font-size:1.1875rem}h4{font-size:1.1rem}h5,h6{font-size:1rem}h6{color:var(--colors-mono-10)}ul,ol{margin:0 0 1rem;padding-inline-start:1.5rem;p{margin:0}}ul{list-style:disc;ul{list-style:circle}}ol{list-style:decimal;ol{list-style:lower-alpha}}li{color:var(--colors-text-primary);margin:.15rem 0;>p{margin-bottom:0}&::marker{color:var(--colors-mono-08)}}blockquote{margin:0 0 1rem;p{margin-bottom:.5rem}}hr{border:none;border-top:.125rem solid var(--colors-mono-04);margin:1rem 0}a{color:var(--colors-links);text-decoration:underline;text-underline-offset:.125rem;transition:var(--transitions-primary)}strong{color:var(--colors-text-primary);font-weight:700}em{color:var(--colors-mono-10);font-style:italic}mark.highlight{--markdown-highlight-color: var(--colors-cool-blue);--markdown-highlight-fill: color-mix( in srgb, var(--markdown-highlight-color) 40%, transparent );background:var(--markdown-highlight-fill);border:.0625rem solid var(--markdown-highlight-color);border-radius:var(--radius-xs);color:var(--colors-mono-11);display:inline-flex;font-size:inherit;font-weight:400;line-height:.95;padding:.0625rem .25rem;-webkit-box-decoration-break:clone;box-decoration-break:clone}blockquote mark.highlight,p em mark.highlight{padding:.0625rem .4rem .0625rem .25rem}pre,code{font-family:ui-monospace,sfmono-regular,sf mono,menlo,consolas,liberation mono,monospace}code{background:var(--colors-mono-03);border-radius:var(--radius-xs);color:var(--colors-chartreuse);font-size:.875rem;overflow-wrap:anywhere;padding:.1rem .25rem;word-break:break-word}pre{background-image:linear-gradient(var(--colors-mono-02),var(--colors-mono-02)),linear-gradient(135deg,var(--colors-cool-blue),var(--colors-resonant-blue),var(--colors-rebecca-purple));background-origin:border-box;background-clip:padding-box,border-box;border:.0625rem solid transparent;border-radius:var(--radius-sm);margin:0 0 1rem;max-width:100%;overflow-x:auto;padding:.75rem;position:relative;code{background:transparent;border-radius:0;color:var(--colors-chartreuse);overflow-wrap:normal;padding:0;white-space:inherit;word-break:normal}}table{border-collapse:collapse;margin:1rem 0;width:100%;th,td{border:.0625rem solid var(--colors-mono-04);padding:.5rem;text-align:left}th{background-color:var(--colors-mono-03);font-weight:600}tr:nth-child(2n){background-color:var(--colors-mono-02)}}img{border-radius:var(--radius-sm);height:auto;margin:.5rem 0 1rem;max-width:100%}.task-list-item{list-style-type:none;input[type=checkbox]{margin-right:.5rem}}.blip-audio-player{display:flex;justify-content:center;margin:1rem 0;max-width:100%;min-width:0;width:100%}pre.audio-embed-block{background-color:var(--colors-mono-02);border:.0625rem solid var(--colors-mono-04);border-radius:var(--radius-sm);font-family:var(--font-family-mono, ui-monospace, monospace);font-size:.875rem;line-height:1.4;margin:1rem 0;overflow-x:auto;padding:.75rem 1rem;white-space:pre-wrap;word-break:break-word;code{background:none;border:0;font:inherit;padding:0}}}.blip-actions{.toolbar-separator{background-color:var(--colors-mono-04);height:1.5rem;width:1px}.delete{.icon{color:var(--colors-danger);font-size:1.25rem}}.publish,.publish-now{.icon{color:var(--colors-warning)}}.unpublish{.icon{color:var(--colors-success)}}.edit{.icon{color:var(--colors-resonant-blue)}}}.blip-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:0;padding:0;._reaction{align-items:center;background:color-mix(in srgb,var(--colors-mono-02) 88%,transparent);border:1px solid var(--colors-mono-05);border-radius:999px;color:var(--colors-mono-09);display:inline-flex;gap:.25rem;line-height:1;min-height:1.45rem;padding:.1rem .38rem;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;&.reacted{background:rgba(var(--colors-info-rgb),.25);border-color:color-mix(in srgb,var(--colors-info) 60%,var(--colors-mono-05) 40%);box-shadow:0 0 0 .0625rem rgba(var(--colors-info-rgb),.18);color:var(--colors-mono-10)}._emoji{font-size:.85rem}._count{font-size:.6875rem;font-weight:500}}button._reaction{cursor:pointer;transition:var(--transitions-primary);&:hover:not(:disabled){border-color:color-mix(in srgb,var(--colors-info) 75%,var(--colors-mono-05) 25%);transform:translateY(-.03125rem)}&:disabled{cursor:wait;opacity:.8}}}.tooltip-content.blip-reactions-tooltip{max-width:18rem;padding:.75rem;._body{text-align:center}._emoji{font-size:1rem;line-height:1;margin-bottom:.3rem;text-align:center}._names{text-align:center}}.blip-reactions-popover{background:rgba(var(--colors-mono-01-rgb),.95);border:1px solid var(--colors-mono-04);border-radius:var(--radius-md);box-shadow:0 .25rem .5rem #0000003d,0 .125rem .25rem #0000001f;max-width:min(18rem,calc(100vw - 2rem));min-width:7.5rem;padding:.75rem;&:focus,&:focus-visible{box-shadow:0 .25rem .5rem #0000003d,0 .125rem .25rem #0000001f;outline:none}._emoji{font-size:1.125rem;line-height:1;margin:.5rem;text-align:center}._names{color:var(--colors-mono-11);font-size:.75rem;line-height:1.15rem;text-align:center;text-wrap:pretty}}.reaction-trigger{align-items:center;background:color-mix(in srgb,var(--colors-mono-02) 88%,transparent);border:1px solid var(--colors-mono-05);border-radius:999px;color:var(--colors-mono-08);cursor:pointer;display:inline-flex;line-height:1;min-height:1.5rem;justify-content:center;padding:.14rem .38rem;transition:var(--transitions-primary);&:hover{border-color:var(--colors-links);color:var(--colors-links);transform:translateY(-.03125rem);.icon{transform:scale(1.1) rotate(10deg)}}&[aria-disabled=true]{cursor:not-allowed}.icon{color:currentcolor;font-size:1rem;transition:transform .16s ease}}.reaction-picker-content{--picker-surface: rgba(var(--colors-mono-01-rgb), .95);--picker-gap: .24rem;--picker-cell-size: 1.92rem;--picker-inline-padding: .32rem;backdrop-filter:blur(.2rem);background:var(--picker-surface);border:1px solid var(--colors-mono-04);border-radius:.75rem;box-shadow:0 .25rem .5rem #0000003d,0 .125rem .25rem #0000001f;overflow:visible;padding:.45rem var(--picker-inline-padding) .42rem;width:min(16.75rem,calc(100vw - 1rem))}.reaction-picker-shell{display:flex;flex-direction:column;gap:.45rem}.reaction-picker-body{max-height:min(12rem,calc(100vh - 8rem));overflow-y:auto;padding:.08rem 0 .12rem .08rem;scrollbar-gutter:stable}.reaction-picker-note{align-self:center;color:var(--colors-mono-08);font-size:.625rem;line-height:1;padding:.1rem 0}.reaction-picker-grid{display:flex;flex-wrap:wrap;gap:var(--picker-gap);justify-content:center}.reaction-picker-emoji{align-items:center;background:transparent;border:1px solid transparent;border-radius:.6rem;cursor:pointer;display:inline-flex;height:var(--picker-cell-size);justify-content:center;transition:var(--transitions-primary);width:var(--picker-cell-size);span{font-size:1.28rem;line-height:1}&:hover{border-color:var(--colors-mono-05);transform:scale(1.05)}&.active{background:rgba(var(--colors-info-rgb),.25);border-color:color-mix(in srgb,var(--colors-info) 60%,var(--colors-mono-05) 40%);box-shadow:inset 0 0 0 .0625rem rgba(var(--colors-info-rgb),.18)}}@media(max-width:48rem){.reaction-picker-content{--picker-gap: .3rem;--picker-cell-size: 2.9rem;--picker-inline-padding: .35rem;width:min(18.5rem,calc(100vw - .75rem))}.reaction-picker-body{max-height:min(14rem,calc(100vh - 5rem))}.reaction-picker-emoji{span{font-size:2.15rem}}}