.crec{--crec-ink:var(--ink);--crec-ink-2:var(--ink-2,var(--ink));--crec-muted:var(--muted);--crec-faint:var(--faint);--crec-hair:var(--hair,var(--hairline));--crec-hair-strong:var(--hair-strong,var(--hairline));--crec-tint:var(--tint,var(--surface-sunk));--crec-tint-strong:var(--tint-strong,var(--skeleton));--crec-raised:var(--raised,var(--surface));--crec-canvas:var(--canvas,var(--page));--crec-track:var(--seg-3,var(--hairline));--crec-focus:var(--focus,var(--ink));--crec-top:0px;min-width:0;container:crec/inline-size}@media (max-width:860px){.portal .crec{--crec-top:60px}}.crec :focus-visible{outline:2px solid var(--crec-focus);outline-offset:3px}.crec-cols{gap:var(--s-6);flex-direction:column;min-width:0;display:flex}.crec-side{display:contents}.crec-rec{order:1}.crec-main{order:2;min-width:0}.crec-mood{order:3}.crec-about{order:4}.crec-wide-only{display:none}.crec-narrow-only{display:block}button.crec-narrow-only{display:inline-flex}@container crec (min-width:900px){.crec-cols{align-items:start;gap:var(--s-7);grid-template-columns:320px minmax(0,1fr);display:grid}.crec-side{gap:var(--s-6);top:var(--s-5);max-height:calc(100vh - var(--s-7));overscroll-behavior:contain;padding:var(--s-1);margin:calc(-1 * var(--s-1));flex-direction:column;display:flex;position:sticky;overflow-y:auto}.crec-rec,.crec-main,.crec-mood,.crec-about{order:0}.crec-wide-only{display:block}button.crec-wide-only{display:inline-flex}.crec-narrow-only,button.crec-narrow-only{display:none}.crec-single .crec-cols{max-width:560px;display:flex}.crec-single .crec-side{max-height:none;position:static;overflow:visible}}.crec-block{gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.crec-h{font-size:var(--t-section);font-weight:var(--w-strong);line-height:var(--lh-section,1.35);color:var(--crec-ink);margin:0}.crec-line{font-size:var(--t-body);line-height:var(--lh-body,1.5);color:var(--crec-ink-2);margin:0}.crec-quiet{font-size:var(--t-support);line-height:var(--lh-body,1.5);color:var(--crec-muted);margin:0}.crec-error{align-items:baseline;gap:var(--s-2);flex-wrap:wrap;display:flex}.crec-textbtn{color:var(--crec-ink);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--crec-hair-strong);text-decoration-color:var(--crec-hair-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.crec-part{gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.crec-part+.crec-part{padding-top:var(--s-4);border-top:1px solid var(--crec-hair)}.crec-part-t{font-size:var(--t-label);font-weight:var(--w-medium);letter-spacing:var(--ls-label);line-height:var(--lh-label,1.3);text-transform:uppercase;color:var(--crec-muted);margin:0}.crec-part-more{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.crec-dl{justify-content:center}@container crec (max-width:899px){.crec-part-more .crec-dl{width:100%}.crec-h-player{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.crec-bar{align-items:center;column-gap:var(--s-3);grid-template-columns:40px minmax(0,1fr);grid-template-areas:"play scrub""play time";row-gap:2px;min-width:0;display:grid}.crec-bar-compact{background:var(--crec-canvas);grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"play scrub time"}.crec-play{background:var(--crec-ink);width:40px;height:40px;color:var(--crec-canvas);cursor:pointer;transition:transform var(--dur-fast) var(--ease,ease-out);border:0;border-radius:50%;grid-area:play;place-items:center;padding:0;display:grid}.crec-play:active{transform:scale(.96)}.crec-play:disabled{background:var(--crec-tint-strong);color:var(--crec-faint);cursor:default}.crec-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite crec-spin}@keyframes crec-spin{to{transform:rotate(360deg)}}.crec-time{font-family:var(--mono-family);font-size:var(--t-support);font-variant-numeric:tabular-nums;line-height:var(--lh-body,1.5);color:var(--crec-muted);white-space:nowrap;grid-area:time}.crec-scrub{--crec-pos:0%;cursor:pointer;appearance:none;background:0 0;grid-area:scrub;width:100%;height:24px;margin:0;padding:0}.crec-scrub:focus-visible{outline-offset:2px;border-radius:var(--r-sm)}.crec-scrub::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--crec-ink) var(--crec-pos), var(--crec-track) var(--crec-pos));border-radius:2px;height:4px}.crec-scrub::-moz-range-track{background:var(--crec-track);border-radius:2px;height:4px}.crec-scrub::-moz-range-progress{background:var(--crec-ink);border-radius:2px;height:4px}.crec-scrub::-webkit-slider-thumb{background:var(--crec-ink);appearance:none;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.crec-scrub::-moz-range-thumb{background:var(--crec-ink);border:0;border-radius:50%;width:14px;height:14px}.crec-speed{border-radius:var(--r-pill);background:var(--crec-tint-strong);padding:3px;display:inline-flex}.crec-speed-i{min-width:44px;height:28px;padding:0 var(--s-2);border-radius:var(--r-pill);color:var(--crec-muted);font-family:var(--mono-family);font-size:var(--t-support);font-weight:var(--w-regular);cursor:pointer;transition:color var(--dur-fast) var(--ease,ease-out), background-color var(--dur-fast) var(--ease,ease-out);background:0 0;border:0}.crec-speed-i:hover{color:var(--crec-ink)}.crec-speed-on,.crec-speed-on:hover{background:var(--crec-raised);color:var(--crec-ink);font-weight:var(--w-medium);box-shadow:var(--shadow-sm,0 0 0 1px var(--hairline))}.crec-speed-i:focus-visible{outline-offset:1px}.crec-stick{top:var(--crec-top);z-index:20;margin:0 0 var(--s-5);padding:var(--s-3) 0;border-bottom:1px solid var(--crec-hair);background:var(--crec-canvas);position:sticky}.crec-stick-part+.crec-stick-part{margin-top:var(--s-2)}.crec-kv{grid-template-columns:minmax(80px,120px) minmax(0,1fr);margin:0;display:grid}.crec-kv dt,.crec-kv dd{border-top:1px solid var(--crec-hair);font-size:var(--t-support);line-height:var(--lh-body,1.5);margin:0;padding:10px 0}.crec-kv dt{padding-right:var(--s-4);color:var(--crec-muted)}.crec-kv dd{overflow-wrap:anywhere;min-width:0;color:var(--crec-ink)}.crec-kv dt:first-of-type,.crec-kv dt:first-of-type+dd{border-top:0}.crec-kv dd .mono{font-family:var(--mono-family)}.crec-mood-dot{margin-right:var(--s-2);color:var(--crec-ink-2);vertical-align:-1px;flex:none}.crec-reason{font-size:var(--t-support);line-height:var(--lh-body,1.5);color:var(--crec-ink-2);margin:0}.crec-ref{display:inline}.crec-ref .mono{overflow-wrap:anywhere}.crec .crec-ref .crec-ref-copy{height:24px;margin:-2px 0 -2px var(--s-1);padding:0 var(--s-2);vertical-align:baseline;display:inline-flex}.crec-group{background:var(--crec-raised);border:1px solid var(--crec-hair);border-radius:var(--r-md);min-width:0;overflow:hidden}.crec-group-h{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-3) var(--s-5);background:var(--crec-tint);border-bottom:1px solid var(--crec-hair);flex-wrap:wrap;display:flex}.crec-group-t{font-size:var(--t-body);font-weight:var(--w-strong);line-height:var(--lh-body,1.5);color:var(--crec-ink);margin:0}.crec-group-a{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.crec-group-note{padding:var(--s-5);font-size:var(--t-body);line-height:var(--lh-body,1.5);color:var(--crec-muted);margin:0}.crec-group-f{gap:var(--s-2);padding:var(--s-3) var(--s-5);border-top:1px solid var(--crec-hair);flex-direction:column;display:flex}.crec-dl-full{justify-content:center;width:100%}@container crec (min-width:900px){.crec-group-f:not(:has(.crec-error)){display:none}}.crec-turns{padding:var(--s-3) 0 var(--s-4);margin:0;list-style:none}.crec-turn{padding:0 var(--s-5)}.crec-speaker{margin:var(--s-4) 0 var(--s-1) 64px;font-size:var(--t-label);font-weight:var(--w-medium);letter-spacing:var(--ls-label);line-height:var(--lh-label,1.3);text-transform:uppercase;color:var(--crec-muted)}.crec-turn:first-child .crec-speaker{margin-top:var(--s-1)}.crec-turn-row{column-gap:var(--s-3);padding:6px var(--s-2);margin:0 calc(-1 * var(--s-2));border-radius:var(--r-md);transition:background-color var(--dur-fast) var(--ease,ease-out);grid-template-columns:52px minmax(0,1fr);align-items:baseline;display:grid}.crec-turn-on .crec-turn-row{background:var(--crec-tint)}.crec-stamp{border-radius:var(--r-sm);color:var(--crec-muted);font-family:var(--mono-family);font-size:var(--t-support);font-variant-numeric:tabular-nums;line-height:var(--lh-body,1.5);text-align:left;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0 2px}button.crec-stamp:hover{color:var(--crec-ink);text-decoration:underline;-webkit-text-decoration-color:var(--crec-hair-strong);text-decoration-color:var(--crec-hair-strong);text-underline-offset:3px}.crec-stamp-still{cursor:default}.crec-say{overflow-wrap:anywhere;min-width:0;font-size:var(--t-body);line-height:var(--lh-body,1.5);color:var(--crec-ink-2);margin:0}.crec-turn-other .crec-say{padding-left:var(--s-3);border-left:2px solid var(--crec-hair-strong)}.crec-divider{align-items:center;gap:var(--s-3);margin:var(--s-5) var(--s-5) var(--s-1);font-size:var(--t-label);font-weight:var(--w-medium);letter-spacing:var(--ls-label);line-height:var(--lh-label,1.3);text-transform:uppercase;color:var(--crec-muted);display:flex}.crec-divider:before,.crec-divider:after{content:"";background:var(--crec-hair);flex:1;height:1px}.crec-skel{gap:var(--s-4);padding:var(--s-5);flex-direction:column;display:flex}.crec-skel-row{column-gap:var(--s-3);grid-template-columns:52px minmax(0,1fr);align-items:center;display:grid}.crec-skel-bar{background:var(--crec-tint-strong);border-radius:6px;height:12px;display:block}.crec-skel-t{background:var(--crec-tint);width:40px}@container crec (max-width:560px){.crec-group-h,.crec-group-f,.crec-group-note,.crec-skel{padding-left:var(--s-4);padding-right:var(--s-4)}.crec-turn{padding:0 var(--s-4)}.crec-turn-row{grid-template-columns:1fr;row-gap:2px}.crec-speaker{margin-left:0}.crec-divider{margin-left:var(--s-4);margin-right:var(--s-4)}}.crec-mark{color:var(--muted);vertical-align:middle;place-items:center;display:inline-grid;position:relative}.crec-mark:after{content:attr(data-tip);z-index:10;border-radius:var(--r-sm);background:var(--inverse-bg,var(--ink));color:var(--inverse-fg,var(--page));box-shadow:var(--shadow-pop,none);font-size:var(--t-support);font-weight:var(--w-regular);line-height:var(--lh-body,1.5);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease,ease-out);padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.crec-mark:hover:after{opacity:1}.crec-row-link{color:var(--ink);font-weight:var(--w-medium);white-space:nowrap}.crec-row-link:hover{text-decoration:underline}.crec-row-link:focus-visible{outline:2px solid var(--focus,var(--ink));outline-offset:2px}.crec-row-wait{color:var(--faint);white-space:nowrap}@media (prefers-reduced-motion:reduce){.crec-play,.crec-speed-i,.crec-turn-row,.crec-mark:after{transition:none}.crec-play:active{transform:none}.crec-spin{animation:none}}
