@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-cream:#f4ecdd;--c-ivory:#fbf6ec;--c-rust:#b5471b;--c-orange:#d2601a;--c-charcoal:#1e1b18;--c-brown:#3a2a20;--c-brown-soft:#6b5646;--c-coral:#e8705f;--c-heart:#c8452f;--c-body-1:#efe3cf;--c-body-2:#d8c6a6;--c-body-3:#b9a27e;--c-wheel:#f2e9da;--c-wheel-center:#e6d8c1;--c-bg-1:#2a1e17;--c-bg-2:#120e0b;--c-error:#8e2a17;--c-shadow:#000;--c-highlight:#fff;--f-sans:"Archivo", ui-sans-serif, system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--track-nav:.28em;--track-wordmark:.06em;--track-meta:.04em;--t-wordmark:5.2cqi;--t-nav:4.2cqi;--t-title:5cqi;--t-body:3.9cqi;--t-meta:3.1cqi;--t-micro:2.6cqi;--ease-out:cubic-bezier(.2, .8, .2, 1);--m-snap:80ms;--m-press-in:60ms;--m-press-out:.12s;--m-hover:.1s;--m-screen:.15s;--m-track:.16s;--m-heart:.15s;--m-boot:.8s;--device-ratio:.6;--device-max-h:860px;--device-max-vh:88svh;--device-vw:90vw}@media (prefers-reduced-motion:reduce){:root{--m-snap:0s;--m-hover:0s;--m-screen:0s;--m-track:0s;--m-heart:0s;--m-boot:.3s}}html:has(.dami-page){overscroll-behavior:none;background:var(--c-bg-2);height:100%;margin:0;overflow:hidden}html:has(.dami-page) body{overscroll-behavior:none;background:var(--c-bg-2);height:100%;margin:0;overflow:hidden}.dami-page{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(ellipse at 50% 40%, var(--c-bg-1), var(--c-bg-2) 70%);color:var(--c-charcoal);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;place-items:center;display:grid;position:fixed;inset:0}.device{--device-w:min(var(--device-vw), calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px), calc((100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px) * var(--device-ratio)), calc(var(--device-max-vh) * var(--device-ratio)), calc(var(--device-max-h) * var(--device-ratio)));width:var(--device-w);height:calc(var(--device-w) / var(--device-ratio));border-radius:calc(var(--device-w) * .09);background:radial-gradient(120% 70% at 25% 8%, color-mix(in srgb, var(--c-highlight) 38%, transparent), transparent 55%), linear-gradient(160deg, var(--c-body-1) 0%, var(--c-body-2) 55%, var(--c-body-3) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--c-highlight) 70%, transparent), inset 0 -2px 3px color-mix(in srgb, var(--c-brown) 25%, transparent), inset 2px 0 2px color-mix(in srgb, var(--c-highlight) 25%, transparent), 0 30px 60px color-mix(in srgb, var(--c-shadow) 45%, transparent), 0 8px 18px color-mix(in srgb, var(--c-shadow) 35%, transparent);-webkit-user-select:none;user-select:none;position:relative}.device__screen{border-radius:calc(var(--device-w) * .035);background:var(--c-cream);height:52.5%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-charcoal) 55%, transparent), inset 0 3px 6px color-mix(in srgb, var(--c-charcoal) 22%, transparent), 0 1px 0 color-mix(in srgb, var(--c-highlight) 55%, transparent);flex-direction:column;display:flex;position:absolute;top:4.5%;left:6.5%;right:6.5%;overflow:hidden;container-type:inline-size}.status-bar{border-bottom:1px solid color-mix(in srgb, var(--c-brown) 18%, transparent);height:7%;min-height:1.6em;font-size:var(--t-micro);flex:none;justify-content:space-between;align-items:center;padding:0 4cqi;display:flex}.status-home{color:inherit;text-decoration:none;position:relative}.status-home:before{content:"";height:44px;position:absolute;bottom:-6px;left:-4px;right:-4px}.status-bar__start{align-items:center;gap:0;height:100%;display:flex}.status-back{width:24px;height:24px;color:var(--c-charcoal);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:0 0 0 -9px;padding:0;display:grid;position:relative}.status-back:before{content:"";width:44px;height:44px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.status-back svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.52em;height:.82em}.screen-body{font-size:var(--t-body);touch-action:pan-y;flex:auto;min-height:0;display:flex;position:relative}.screen-body img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}html:has(.screen-body){overscroll-behavior-x:none}.wordmark{font-family:var(--f-sans);letter-spacing:var(--track-wordmark);white-space:nowrap;font-weight:800;font-stretch:125%}.wordmark__flip{display:inline-block;transform:rotate(180deg)}.boot{z-index:10;background:radial-gradient(circle at 50% 50%, var(--c-brown), var(--c-charcoal) 75%);color:var(--c-ivory);pointer-events:none;animation:boot-fade var(--m-boot) var(--ease-out) forwards;place-items:center;display:grid;position:absolute;inset:0}.boot .wordmark{animation:boot-glow var(--m-boot) ease-out forwards;font-size:11cqi}.boot__mark{width:22cqi;height:22cqi;animation:boot-glow-mark var(--m-boot) ease-out forwards;overflow:visible}.play-mark__d{fill:var(--c-ivory)}.play-mark__play{fill:var(--c-orange)}@keyframes boot-glow-mark{0%{opacity:0;filter:drop-shadow(0 0 #0000)}40%{opacity:1;filter:drop-shadow(0 0 2.5cqi var(--c-orange)) drop-shadow(0 0 6cqi color-mix(in srgb, var(--c-orange) 60%, transparent))}to{opacity:1;filter:drop-shadow(0 0 1.5cqi color-mix(in srgb, var(--c-orange) 40%, transparent))}}@keyframes boot-glow{0%{opacity:0;text-shadow:0 0 #0000}40%{opacity:1;text-shadow:0 0 .35em var(--c-orange), 0 0 1.1em color-mix(in srgb, var(--c-orange) 60%, transparent)}to{opacity:1;text-shadow:0 0 .2em color-mix(in srgb, var(--c-orange) 40%, transparent)}}@keyframes boot-fade{0%,68%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.boot .wordmark,.boot__mark{animation:none}@keyframes boot-fade{0%,50%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}}.wheel{--wheel-d:calc(var(--device-w) * .6);width:var(--wheel-d);height:var(--wheel-d);background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--c-highlight) 55%, transparent), transparent 55%), var(--c-wheel);box-shadow:inset 0 1px 1px color-mix(in srgb, var(--c-highlight) 80%, transparent), inset 0 -2px 4px color-mix(in srgb, var(--c-brown) 18%, transparent), 0 1px 2px color-mix(in srgb, var(--c-shadow) 25%, transparent);touch-action:none;border-radius:50%;position:absolute;top:77.8%;left:50%;transform:translate(-50%,-50%);container-type:size}.wheel__button{--b:max(30%, 44px);width:var(--b);height:var(--b);color:var(--c-brown);font:600 7cqi / 1 var(--f-sans);letter-spacing:.12em;cursor:pointer;transition:transform var(--m-press-out) var(--ease-out), background-color var(--m-press-out) var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-stretch:112%;display:grid;position:absolute}.wheel__button svg{fill:currentColor;width:36%;height:36%}.wheel__button--menu{top:2%;left:calc(50% - var(--b) / 2);padding-left:.12em}.wheel__button--prev{left:2%;top:calc(50% - var(--b) / 2)}.wheel__button--next{right:2%;top:calc(50% - var(--b) / 2)}.wheel__button--play{bottom:2%;left:calc(50% - var(--b) / 2)}.wheel__button--play svg{width:48%}.wheel__center{background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--c-highlight) 45%, transparent), transparent 60%), var(--c-wheel-center);width:38%;height:38%;box-shadow:inset 0 2px 4px color-mix(in srgb, var(--c-brown) 22%, transparent), 0 1px 0 color-mix(in srgb, var(--c-highlight) 80%, transparent);cursor:pointer;transition:transform var(--m-press-out) var(--ease-out), filter var(--m-press-out) var(--ease-out);border:0;border-radius:50%;padding:0;position:absolute;top:31%;left:31%}@media (hover:hover){.wheel__button:hover{background:color-mix(in srgb, var(--c-highlight) 22%, transparent);transition-duration:var(--m-hover)}.wheel__center:hover{filter:brightness(1.03);transition-duration:var(--m-hover)}}.wheel__button:active{background:color-mix(in srgb, var(--c-brown) 10%, transparent);transition-duration:var(--m-press-in);transform:scale(.94)}.wheel__center:active{filter:brightness(.94);transition-duration:var(--m-press-in);transform:scale(.97)}.dami-page :focus-visible{outline:2px solid var(--c-charcoal);outline-offset:2px;box-shadow:0 0 0 4px var(--c-ivory)}.split{box-sizing:border-box;gap:3cqi;width:100%;padding:3cqi 3.5cqi;display:flex}.split__list{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:0 0 54%;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.split__list>li{flex:1 1 0;max-height:16.5cqi;display:flex}.split__list>li>.row{flex:auto}.message-screen__actions>li{flex:none}.split__visual{flex-direction:column;flex:auto;gap:2cqi;min-width:0;display:flex}@container (width<=240px){.split{flex-direction:column-reverse}.split__list{flex-basis:auto}.split__visual{flex:none;align-self:center;width:42%}}.row{min-height:max(9.5cqi,1.9em);color:var(--c-charcoal);transition:background-color var(--m-snap) var(--ease-out), color var(--m-snap) var(--ease-out);border-radius:2px;align-items:center;gap:2cqi;padding:0 2.5cqi;text-decoration:none;display:flex}.row__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:550;overflow:hidden}.row--nav .row__title{font-weight:600;font-stretch:112%;font-size:var(--t-nav);letter-spacing:var(--track-nav)}.row__meta{font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:var(--track-meta);font-variant-numeric:tabular-nums;color:var(--c-brown-soft);flex:none}.row__arrow{visibility:hidden;fill:currentColor;flex:none;width:1.6cqi;height:2.4cqi}.row--selected{background:var(--c-rust);color:var(--c-ivory)}.row--selected .row__meta{color:var(--c-ivory)}.row--selected .row__arrow{visibility:visible}.visual-frame{aspect-ratio:1;background:var(--c-brown);width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--c-charcoal) 35%, transparent);border-radius:2px;position:relative;overflow:hidden}a.visual-frame--link{cursor:pointer;display:block}a.visual-frame--link:hover img{filter:brightness(1.04)}.visual-frame img{object-fit:cover;width:100%;height:100%;display:block}.now-line{font-size:var(--t-meta);align-items:center;gap:1.5cqi;display:flex}.equalizer{align-items:flex-end;gap:.6cqi;height:2.6cqi;display:inline-flex}.equalizer span{background:var(--c-orange);transform-origin:bottom;width:.7cqi;min-width:2px;height:100%}.equalizer span:first-child{transform:scaleY(.35)}.equalizer span:nth-child(2){transform:scaleY(.6)}.equalizer span:nth-child(3){transform:scaleY(.9)}.equalizer--playing span{animation:.82s ease-in-out infinite alternate eq}.equalizer--playing span:nth-child(2){animation-duration:.56s;animation-delay:-.3s}.equalizer--playing span:nth-child(3){animation-duration:.71s;animation-delay:-.5s}@keyframes eq{0%{transform:scaleY(.2)}40%{transform:scaleY(.85)}70%{transform:scaleY(.45)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.equalizer--playing span{animation:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen-view{--from-x:0px;width:100%;min-height:0;animation:screen-in var(--m-screen) var(--ease-out) both;flex-direction:column;display:flex}.screen-view[data-dir=none]{animation:none}.screen-view[data-dir=forward],.screen-view[data-dir=sibling-next]{--from-x:8px}.screen-view[data-dir=back],.screen-view[data-dir=sibling-prev]{--from-x:-8px}.screen-view>.split{flex:auto;min-height:0}@keyframes screen-in{0%{opacity:0;transform:translateX(var(--from-x))}}.screen-title{font-size:var(--t-micro);letter-spacing:var(--track-nav);color:var(--c-brown-soft);margin:2.5cqi 3.5cqi 0;font-weight:600;font-stretch:112%}.split__list[data-nudged][data-nudge=a]{animation:nudge-a .12s var(--ease-out)}.split__list[data-nudged][data-nudge=b]{animation:nudge-b .12s var(--ease-out)}@keyframes nudge-a{50%{transform:translateY(2px)}}@keyframes nudge-b{50%{transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.split__list[data-nudged]{animation:none}}.message-screen{padding-bottom:3cqi}.message-screen__text{font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:var(--track-meta);margin:4cqi 3.5cqi}.message-screen__actions{padding:0 3.5cqi}.visual-caption{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:var(--track-meta);color:var(--c-brown-soft);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0}.join{flex-direction:column;flex:0 0 54%;gap:3.4cqi;min-width:0;display:flex}.join__heading{font-weight:700;font-stretch:112%;font-size:calc(var(--t-nav) * 1.45);letter-spacing:.12em;margin:0;line-height:1.3}.join__input{box-sizing:border-box;border:1px solid var(--c-brown-soft);background:var(--c-ivory);width:100%;min-height:max(13cqi,44px);color:var(--c-charcoal);font:16px/1 var(--f-mono);border-radius:2px;padding:0 2.5cqi}.join__button{background:var(--c-rust);min-height:max(13cqi,44px);color:var(--c-ivory);font:600 var(--t-nav) var(--f-sans);letter-spacing:var(--track-nav);cursor:pointer;transition:transform var(--m-press-out) var(--ease-out), filter var(--m-press-out) var(--ease-out);border:0;border-radius:2px;place-items:center;font-stretch:112%;display:inline-grid}.join__button:active{filter:brightness(.92);transition-duration:var(--m-press-in);transform:scale(.97)}.join__button .equalizer span{background:var(--c-ivory)}.join__status{min-height:1.2em;font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:var(--track-meta);margin:0}.join__privacy{font-size:var(--t-micro);color:var(--c-brown-soft);margin:auto 0 0}.join__privacy a{color:inherit}.dami-page .row:focus-visible{outline:2px solid var(--c-charcoal);outline-offset:-2px;box-shadow:none}.dami-page .row--selected:focus-visible{outline-color:var(--c-ivory);outline-offset:-4px}.row--content{flex-wrap:wrap;align-content:center;gap:.2cqi 2cqi;padding-block:1.2cqi}.row--content .row__title{flex:0 auto;max-width:100%}.row--content .row__meta{margin-left:auto}.row{padding-right:5cqi;position:relative}.row__arrow{position:absolute;top:50%;right:2cqi;transform:translateY(-50%)}.row--nav .row__title{white-space:normal;text-overflow:clip;padding-block:.6cqi;line-height:1.25;overflow:visible}.screen-view{box-sizing:border-box;height:100%}.playback{justify-content:center;align-items:center;gap:2.6cqi;padding:2.5cqi 5cqi 3cqi}.playback__title{max-width:100%;font-size:var(--t-title);text-align:center;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.2}.playback__art{aspect-ratio:1;background:var(--c-brown);height:64cqi;min-height:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--c-charcoal) 35%, transparent), 0 2px 8px color-mix(in srgb, var(--c-shadow) 18%, transparent);border-radius:2px;flex:0 auto;overflow:hidden}.playback__art img,.release__art img{object-fit:cover;width:100%;height:100%;display:block}.playback__controls{align-items:center;gap:1.5cqi;width:100%;max-width:82cqi;display:flex}.playback__controls .progress{flex:auto}.playback__meta{font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:var(--track-meta);font-variant-numeric:tabular-nums;color:var(--c-brown-soft);margin:0}.progress{align-items:center;gap:2cqi;min-width:0;display:flex}.progress__play{width:max(7cqi,32px);height:max(7cqi,32px);color:var(--c-charcoal);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.progress__play svg{fill:currentColor;width:45%;height:45%}.progress__play:active{transform:scale(.94)}.progress__time{font-family:var(--f-mono);font-size:var(--t-micro);font-variant-numeric:tabular-nums;color:var(--c-brown-soft);flex:none}.progress__track{background:linear-gradient(color-mix(in srgb, var(--c-brown) 25%, transparent), color-mix(in srgb, var(--c-brown) 25%, transparent)) center / 100% 3px no-repeat;cursor:pointer;background-clip:content-box;flex:auto;height:3px;padding-block:10px;position:relative}.progress__fill{background:var(--c-rust);transform-origin:0;height:3px;transition:transform .26s linear, height var(--m-hover) var(--ease-out), margin var(--m-hover) var(--ease-out);margin-top:-1.5px;position:absolute;top:50%;left:0;right:0}.progress__head{background:var(--c-rust);width:7px;height:7px;transition:left .26s linear, transform var(--m-track) var(--ease-out);pointer-events:none;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;transform:scale(0)}.progress[data-status=playing] .progress__head,.progress[data-status=paused] .progress__head,.progress[data-status=loading] .progress__head{transform:scale(1)}.progress[data-status=playing] .progress__head{animation:1.8s ease-in-out infinite playhead-breathe}@keyframes playhead-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c-rust) 45%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--c-rust) 0%, transparent)}}.progress[data-scrubbing] .progress__fill,.progress[data-scrubbing] .progress__head{transition:none}@media (hover:hover) and (pointer:fine){.progress__track{transition:background-size var(--m-hover) var(--ease-out)}.progress__track:hover{background-size:100% 5px}.progress__track:hover .progress__fill{height:5px;margin-top:-2.5px}}@media (prefers-reduced-motion:reduce){.progress__fill,.progress__head{transition:none}.progress[data-status=playing] .progress__head{animation:none}}.heart{min-width:44px;min-height:44px;color:var(--c-brown);font:400 max(5cqi, 18px) / 1 var(--f-sans);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.heart--on{color:var(--c-heart)}.heart--on .heart__glyph{animation:heart-pulse var(--m-heart) var(--ease-out)}@keyframes heart-pulse{50%{transform:scale(1.18)}}.heart{position:relative}.heart__ping{background:color-mix(in srgb, var(--c-heart) 35%, transparent);pointer-events:none;width:22px;height:22px;animation:heart-ping .6s var(--ease-out) forwards;border-radius:50%;margin:-11px 0 0 -11px;position:absolute;inset:50% auto auto 50%}@keyframes heart-ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.heart--on .heart__glyph{animation:none}.heart__ping{opacity:0;animation:none}}.release{gap:2.5cqi;padding:3cqi 3.5cqi}.release__top{align-items:flex-start;gap:3.5cqi;display:flex}.release__art{aspect-ratio:1;background:var(--c-brown);box-shadow:0 0 0 1px color-mix(in srgb, var(--c-charcoal) 35%, transparent);border-radius:2px;flex:0 0 42%;overflow:hidden}.release__info{flex-direction:column;flex:auto;gap:1.8cqi;min-width:0;display:flex}.release__info .playback__title{text-align:left}.release__dsps{flex-direction:column;flex:auto;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.release__dsps>li{flex:1 1 0;max-height:16.5cqi;display:flex}.release__dsps>li>.row{flex:auto}.journal{grid-template-columns:34% 1fr;gap:3.2cqi;min-height:0;padding:3cqi 3.5cqi;display:grid}.journal__text{flex-direction:column;grid-area:1/1;gap:2cqi;min-height:0;display:flex}.journal__photo{aspect-ratio:1;grid-area:1/2;align-self:center;width:100%;min-height:0;max-height:100%;position:relative;overflow:hidden}.journal__photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.journal__caption{overscroll-behavior:contain;white-space:pre-line;scrollbar-width:none;flex:auto;min-height:0;margin:0;line-height:1.45;overflow-y:auto}.journal__name-row{justify-content:space-between;align-items:center;gap:1cqi;display:flex}.journal__name{font-size:var(--t-meta);letter-spacing:.02em;overflow-wrap:anywhere;margin:0;font-weight:600}.journal__dots{align-items:center;gap:0;margin:0 0 0 -9px;padding:0;list-style:none;display:flex}.journal__dot-hit{border-radius:50%;place-items:center;width:24px;height:24px;display:grid}a.journal__dot-hit:hover .journal__dot{background:color-mix(in srgb, var(--c-rust) 60%, transparent)}.journal__dot{background:color-mix(in srgb, var(--c-brown) 35%, transparent);border-radius:50%;width:6px;height:6px}.journal__dot--small{width:4px;height:4px}.journal__dot--current{background:var(--c-rust)}@container (width<=360px){.journal{flex-direction:column;gap:2cqi;display:flex}.journal__text{display:contents}.journal__photo{flex:0 0 52%;order:1}.journal__name-row{order:2}.journal__caption{order:3}.journal__dots{order:4;justify-content:center}}.now-line{font-size:var(--t-meta);align-items:center;gap:1.5cqi;min-width:0;margin:0;font-weight:550;display:flex}.now-line__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-progress{background:linear-gradient(color-mix(in srgb, var(--c-brown) 25%, transparent), color-mix(in srgb, var(--c-brown) 25%, transparent)) center / 100% 2px no-repeat;cursor:pointer;touch-action:none;background-clip:content-box;height:2px;margin:calc(-.8cqi - 11px) 0 -11px;padding-block:11px;position:relative}.now-progress__fill{background:var(--c-rust);transform-origin:0;height:2px;transition:transform .26s linear, height var(--m-hover) var(--ease-out), margin var(--m-hover) var(--ease-out);margin-top:-1px;position:absolute;top:50%;left:0;right:0}.now-progress[data-scrubbing] .now-progress__fill{transition:none}@media (hover:hover) and (pointer:fine){.now-progress:hover{background-size:100% 4px}.now-progress:hover .now-progress__fill{height:4px;margin-top:-2px}}@media (prefers-reduced-motion:reduce){.now-progress__fill{transition:none}}.status-glyph{min-width:24px;height:24px;font-size:var(--t-micro);color:var(--c-brown);cursor:pointer;background:0 0;border:0;place-items:center;margin:0 -6px 0 0;padding:0 4px;display:grid}.audio-error{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:var(--track-meta);color:var(--c-error);margin:0}.audio-error__retry{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:.4em .2em;text-decoration:underline}.heart-wrap{display:inline-flex;position:relative}.heart__error{white-space:nowrap;font-family:var(--f-mono);font-size:var(--t-micro);color:var(--c-error);position:absolute;bottom:100%;right:0}.playback__no-audio{font-family:var(--f-mono);font-size:var(--t-micro);color:var(--c-brown-soft);flex:auto}.progress__play .equalizer{height:45%}.join__status--error{color:var(--c-error)}.join__more{color:var(--c-brown-soft);margin-top:.4em;display:block}.confirm__button{align-self:flex-start;margin:0 3.5cqi;padding:0 6cqi}.confirm__big{font-size:calc(var(--t-title) * 1.4);letter-spacing:.12em;margin:6cqi 3.5cqi;font-weight:800;font-stretch:112%}.text-screen__body{scrollbar-width:none;-webkit-user-select:text;user-select:text;flex:auto;min-height:0;padding:2cqi 3.5cqi 4cqi;line-height:1.5;overflow-y:auto}.text-screen__body p{margin:0 0 1em}.text-screen__body a{color:inherit}.preview-banner{z-index:5;background:var(--c-charcoal);color:var(--c-ivory);font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:var(--track-meta);text-align:center;margin:0;padding:.5cqi 2cqi;position:absolute;top:0;left:0;right:0}@media (pointer:coarse) and (orientation:portrait){.row{min-height:44px}}