.record-room{--record-paper:#f2eddf;--record-ink:#394c40;--record-muted:#626e60;--record-line:#c8bda6;--record-wood:#b39b77;--record-wood-dark:#8b7352;--record-accent:#53694d;--record-atlas:0%;color:var(--record-ink);background:var(--record-paper);border:1px solid var(--record-line);border-radius:18px;margin:24px 0;text-align:left;overflow:hidden;box-shadow:0 12px 28px #4c493b0a;font-size:14px;line-height:1.8}.record-room-cafe{--record-atlas:50%;--record-wood:#ad9169;--record-wood-dark:#826845}.record-room-bar{--focus-ring:#e0cfaa;--record-paper:#25392f;--record-ink:#f0e6cd;--record-muted:#cbcbb7;--record-line:#71806b;--record-wood:#645139;--record-wood-dark:#3e3325;--record-accent:#e0cfaa;--record-atlas:100%}.record-room-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:26px 24px 14px}.record-room-heading small{font-size:10px;letter-spacing:.16em;color:var(--record-muted)}.record-room .record-room-heading h2{font-family:var(--font-serif,serif);font-weight:500;margin:7px 0;font-size:clamp(22px,3vw,29px);line-height:1.5;color:inherit}.record-room p{font-size:14px;line-height:1.85;overflow-wrap:anywhere}.record-room-heading p{margin:8px 0;color:var(--record-muted)}.record-mark{font-size:36px;color:var(--record-accent);flex-shrink:0;font-weight:400}.record-room button{cursor:pointer;border:1px solid var(--record-line);border-radius:24px;padding:10px 18px;min-height:44px;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.record-room button:disabled{opacity:.5;cursor:wait}.record-room a:focus-visible,.record-room button:focus-visible,.record-room summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.record-room a{color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:14px;overflow-wrap:anywhere}.record-scopes{display:flex;gap:10px;padding:0 24px 20px;flex-wrap:wrap}.record-scopes button{flex:1;min-width:110px;max-width:240px}.record-room .record-listen,.record-scopes [aria-pressed=true]{background:var(--record-accent);color:var(--record-paper);border-color:var(--record-accent)}.record-cabinet{border-top:1px solid var(--record-line)}.record-cabinet-scene{position:relative;isolation:isolate;display:grid;align-items:end;justify-items:center;height:360px;padding:100px 28px 39px;background:var(--record-wood) url(/island/record-cabinet-atlas.webp) var(--record-atlas) center/300% 100% no-repeat}.record-featured{width:190px;max-width:65%;--record-color:#78826a;filter:drop-shadow(0 9px 6px #241b1740)}.record-room .record-cover{position:relative;isolation:isolate;aspect-ratio:1;width:88%;padding:0;min-height:0;border:0;border-radius:2px;box-shadow:1px 4px 8px #231d1933;overflow:visible;transition:transform .22s ease}.record-cover-art,.record-room .record-cover{display:block;background:var(--record-color,#76826b)}.record-cover-art{position:absolute;inset:0;border:1px solid #f4ebd72b;overflow:hidden;border-radius:2px}.record-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}.record-cover-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:15px;text-align:center;color:#fff9e8;background:radial-gradient(ellipse at 10% 5%,#fff3 0,transparent 70%),linear-gradient(145deg,transparent 45%,#172d2833 46%);font-family:serif}.record-cover-fallback>span:first-child{font-size:34px;line-height:1}.record-cover-fallback>span:last-child{font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.record-vinyl{position:absolute;width:94%;height:94%;border-radius:50%;background:radial-gradient(circle,#c1b284 0 4%,#30382d 4.5% 15%,transparent 15.5%),repeating-radial-gradient(circle,#282b28 0 2px,#363a35 3px 4px);left:20%;top:3%;z-index:-1;box-shadow:3px 3px 5px #1c1c182b}.record-cover[aria-pressed=true]{outline:2px solid var(--record-accent);outline-offset:5px;transform:translateY(-4px)}@media(hover:hover){.record-cover:hover{transform:translateY(-6px) rotate(-2deg)}}.record-featured-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;background:linear-gradient(#ffffff08,#00000005)}.record-featured-caption>div{min-width:0}.record-featured-caption h3{font-size:20px;font-family:serif;font-weight:500;margin:0;line-height:1.6;overflow-wrap:anywhere}.record-featured-caption p{font-size:12px;margin:4px 0 0;color:var(--record-muted)}.record-room .record-listen{flex-shrink:0;min-width:86px;display:flex;align-items:center;justify-content:center;gap:8px}.record-listen>span{font-size:22px;line-height:1}.record-empty{align-self:center;width:min(100%,360px);text-align:center;padding:16px 20px;background:#f4eddfec;color:#394c40;border-radius:6px;box-shadow:0 4px 14px #32291d15}.record-room-bar .record-empty{background:#26392fec;color:#f0e6cd}.record-empty p{margin:10px 0;font-size:14px}.record-empty-disc{display:inline-block;width:36px;height:36px;border:1px solid;border-radius:50%;opacity:.55;position:relative}.record-empty-disc:after{content:"";position:absolute;inset:12px;border:1px solid;border-radius:50%}.record-compose,.record-connect,.record-host,.record-listening,.record-publication{margin:22px 24px;padding:20px;border:1px solid var(--record-line);border-radius:12px}.record-connect p{margin-top:0}.record-connect>button,.record-host>button{background:var(--record-accent);color:var(--record-paper);border-color:var(--record-accent)}.record-room .record-paper{--focus-ring:#235f60;position:relative;border:1px solid #c9b999;border-radius:3px 10px 5px 3px;background:linear-gradient(115deg,#fbf5e7,#eee5d2);color:#3f4c3b;box-shadow:1px 5px 12px #342e2314;padding:22px}.record-paper-leaf{display:block;font-size:30px;color:#7b896a;line-height:1;margin-bottom:12px}.record-paper>strong{font-family:serif;font-size:17px;font-weight:500;line-height:1.7;display:block;border-bottom:1px solid #cbbd9e;padding-bottom:12px;margin-bottom:14px}.record-compose label,.record-host label,.record-publication label{display:block;margin:12px 0;font-size:14px;line-height:1.8}.record-room textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--record-line);border-radius:8px;padding:12px;color:var(--record-ink);background:var(--record-paper);font:inherit;font-size:16px;line-height:1.7;margin:8px 0 16px;resize:vertical}.record-paper textarea{background:#fffbf266}.record-paper button,.record-paper textarea{color:#3f4c3b;border-color:#b6ac93}.record-room .record-paper>button{background:#596e50;color:#fcf5e3;border-color:#596e50}.record-room input[type=checkbox]{margin-right:8px;width:18px;height:18px;vertical-align:middle;accent-color:#596e50}.record-listening{background:#ffffff05;scroll-margin-block:80px;display:flow-root}.record-listening h3{font-size:22px;line-height:1.6;font-family:serif;font-weight:500;overflow-wrap:anywhere;margin:18px 0 4px}.record-listening>p{color:var(--record-muted);font-size:13px}.record-room .record-close{display:block;margin:0 0 16px auto;font-size:12px}.record-player{margin:20px 0}.record-turntable{position:relative;width:174px;height:110px;margin:20px auto 18px;background:linear-gradient(170deg,#b09b78,#8c7759);border:5px solid #998263;border-bottom:9px solid #705d45;border-radius:7px;box-shadow:0 7px 0 -3px #322e23,0 10px 10px #30291d22}.record-platter{position:absolute;inset:6px auto auto 10px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,#b9c0a4 0 4%,#748168 5% 20%,transparent 21%),repeating-radial-gradient(circle,#292d28 0 2px,#40433b 3px 4px);border:3px solid #c1bca8}.record-tonearm{position:absolute;top:14px;right:20px;height:65px;width:8px;border:2px solid #c8c6b6;border-radius:4px;background:#62645a;transform:rotate(25deg);transform-origin:top}.record-tonearm:after{content:"";position:absolute;bottom:-7px;left:-3px;width:10px;height:16px;border-radius:2px;background:#3a4037}.record-listening audio{display:block;width:100%;min-width:0;position:sticky;bottom:12px;z-index:2;border-radius:28px}.record-lyrics{white-space:pre-wrap}.record-room details{margin:16px 0}.record-room summary{cursor:pointer;font-size:14px;min-height:44px;line-height:1.7;padding:10px 0}.record-room .record-reason{margin:8px 0 24px}.record-reason p{margin:10px 0}.record-reason details{margin-bottom:0}.record-actions,.record-drafts,.record-reactions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 24px}.record-reactions{margin:20px 0}.record-drafts h3,.record-reactions p{flex-basis:100%;margin:4px 0}.record-room blockquote{border-left:2px solid var(--record-line);padding-left:14px;margin:18px 0;white-space:pre-wrap;font-size:14px;overflow-wrap:anywhere}.record-collection{padding:8px 0 0}.record-collection-title{font-family:serif;font-size:18px;font-weight:500;margin:12px 24px 20px}.record-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 22px;padding:22px 24px 0;background:linear-gradient(#9f825317,#7f613125);overflow:hidden}.record-sleeve{position:relative;min-width:0;display:flex;flex-direction:column;gap:5px;padding:0 0 24px;margin-bottom:14px}.record-sleeve:after{content:"";position:absolute;bottom:0;left:-24px;right:-24px;height:12px;background:repeating-linear-gradient(2deg,transparent 0 3px,#62513215 4px 5px),linear-gradient(var(--record-wood),var(--record-wood-dark));border-top:3px solid var(--record-wood);box-shadow:0 6px 8px #29211630}.record-sleeve .record-cover{margin-bottom:10px}.record-sleeve-title{font-size:14px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}.record-room .record-author{font-size:12px;text-align:left;line-height:1.5;padding:6px 0;color:var(--record-muted);min-height:0;border:0;overflow-wrap:anywhere}.record-room button.record-author{min-height:44px;text-decoration:underline;text-underline-offset:3px;border-radius:0}.record-sleeve>small{font-size:11px;color:var(--record-muted);line-height:1.6}.record-room>[role=alert],.record-room>[role=status]{margin:18px 24px;padding:14px;border:1px solid var(--record-line);border-radius:8px}.record-room>[role=alert] button{margin-top:10px}.record-music-chat{margin:12px}.record-music-chat>summary{cursor:pointer;padding:12px;border:1px solid #bca887;border-radius:12px}@media(min-width:700px){.record-cabinet-scene{height:410px;padding-bottom:46px}.record-featured{width:220px}.record-shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.record-player{display:flex;align-items:center;gap:24px}.record-turntable{flex-shrink:0}.record-listening audio{flex:1;width:0}}@media(max-width:440px){.record-room{border-radius:14px;margin:16px 0}.record-room-heading{padding:22px 18px 12px}.record-mark{display:none}.record-scopes{padding:0 18px 18px}.record-cabinet-scene{height:325px;padding:86px 20px 36px}.record-featured{width:174px}.record-featured-caption{padding:16px 18px;gap:12px}.record-featured-caption h3{font-size:18px}.record-compose,.record-connect,.record-host,.record-listening,.record-publication{margin:18px 14px;padding:16px}.record-room .record-paper{padding:18px}.record-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;padding:18px 20px 0}.record-actions,.record-drafts{margin:20px 18px}.record-collection-title{margin-left:20px}.record-room .record-listen{padding:10px 14px;min-width:78px}.record-empty{padding:12px 14px}.record-empty p{font-size:13px}}@media(prefers-reduced-motion:reduce){.record-cover{transition:none}}.record-paper :is(button,a,summary,textarea):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.record-cabinet-compact{padding:12px 18px}.record-cabinet-compact .record-empty{width:100%;box-sizing:border-box;margin:0 auto;box-shadow:none}.VoiceTranscriptPreview_viewport__LFOvJ{display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-width:0;height:4.5em;line-height:1.5;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}.VoiceTranscriptPreview_tail__EXg4O{display:block;flex:0 0 auto;width:100%}