.vinyl{--vinyl-turn:1.1s;border-radius:var(--radius-full);width:100%;height:100%;box-shadow:var(--shadow-subtle);display:block;position:relative}.vinyl:not([data-empty=true]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--white:#fff;--title:#373737;--page:#fbfaf9}.vinyl-disc{border-radius:inherit;background:radial-gradient(circle, transparent 0 57%, color-mix(in srgb, var(--white) 8%, transparent) 57.5% 58.5%, transparent 59% 79%, color-mix(in srgb, var(--white) 8%, transparent) 59.5% 80.5%, transparent 81%), repeating-radial-gradient(circle, color-mix(in srgb, var(--title) 40%, black) 0 1px, color-mix(in srgb, var(--title) 70%, black) 1px 2.5px);position:absolute;inset:0}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html:not([data-tile-motion=off]) .tile-shell:not([data-hidden=true]) .vinyl[data-spin]:not([data-empty=true]) .vinyl-disc{animation:vinyl-spin var(--vinyl-turn) var(--ease-standard) both}.vinyl-label{border-radius:inherit;background:conic-gradient(from 0deg, color-mix(in srgb, color-mix(in srgb, var(--tile-tone) 68%, black) 82%, var(--page)) 0 292deg, color-mix(in srgb, color-mix(in srgb, var(--tile-tone) 68%, black) 70%, var(--page)) 292deg 360deg);background-position:50%;background-size:cover;position:absolute;inset:24%}.vinyl-label:after{content:"";border-radius:inherit;background:var(--page);box-shadow:inset 0 1px 1px color-mix(in srgb, var(--title) 25%, transparent);position:absolute;inset:42%}.vinyl-sheen{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--white) 22%, transparent) 0%, transparent 18%), conic-gradient(from 20deg, transparent 0deg, color-mix(in srgb, var(--white) 30%, transparent) 25deg, transparent 50deg, transparent 180deg,  color-mix(in srgb, var(--white) 10%, transparent) 205deg, transparent 228deg);position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 24%,#000 24.5%);mask:radial-gradient(circle,#0000 0 24%,#000 24.5%)}.vinyl[data-empty=true]{box-shadow:none}.vinyl[data-empty=true] .vinyl-disc{border:2px dashed color-mix(in srgb, var(--title) 22%, transparent);background:0 0;place-items:center;display:grid}.vinyl-note{width:22px;height:22px;color:var(--content)}.vinyl-players{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.music-hidden-player{clip-path:inset(50%);opacity:0;pointer-events:none;width:320px;height:80px;position:fixed;bottom:0;left:0;overflow:hidden}.music{flex-direction:column;min-height:100%;display:flex;container-type:inline-size}.music-head{justify-content:space-between;align-items:center;column-gap:var(--space);padding-right:calc(var(--hit) + var(--space) * 2);flex-wrap:wrap;display:flex}.music-head .popup-title{padding-right:0}.music-head .music-tabs{flex:none}@container not (min-width:40rem){.music-head{padding-right:0}.music-head .popup-title{padding-right:calc(var(--hit) + var(--space) * 2)}.music-head .music-tabs{width:100%;padding:0 var(--space) var(--space-sm)}}.music-body{gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg);flex-direction:column;display:flex}@container not (min-width:40rem){.music-body{gap:var(--space);padding:0 var(--space) var(--space-md)}}.music-now{align-items:center;column-gap:var(--space-md);padding:var(--space);padding-right:var(--space-md);border:var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-subtle);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"record info controls""extra extra extra";display:grid}.music-now>:not(.music-now-record,.music-now-info,.music-controls){grid-column:1/-1}.music-now>.music-embed[data-show=true],.music-now>.music-note{margin-top:var(--space)}.music-now>.music-note+.music-note{margin-top:var(--space-xs)}@container not (min-width:40rem){.music-now{row-gap:var(--space-sm);padding-right:var(--space);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"record info""controls controls"}}.music-now-record{aspect-ratio:1;grid-area:record;width:6.5rem}@container not (min-width:40rem){.music-now-record{width:5rem}}.music-now-record .vinyl{width:100%;height:100%}.music-now-record .vinyl-disc{animation:10s linear infinite paused vinyl-spin}.music-now[data-playing=true] .music-now-record .vinyl-disc{animation-play-state:running}html[data-tile-motion=off] .music-now-record .vinyl-disc{animation:none}@media (prefers-reduced-motion:reduce){.music-now-record .vinyl-disc{animation:none}}.music-now-info{gap:var(--space-2xs);flex-direction:column;grid-area:info;min-width:0;display:flex}.music-now-title{color:var(--title);font-size:var(--text-md);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;line-height:1.25;overflow:hidden}.music-now-sub{align-items:center;gap:var(--space-xs);min-width:0;color:var(--content);font-size:var(--text-xs);margin:0;line-height:1.3;display:flex}.music-now-sub>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.music-service-icon{width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-2xs);object-fit:contain;flex:none}.music-progress{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.music-progress-time{min-width:2.5em;color:var(--content);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.music-progress-time:last-child{text-align:right}.music-progress-bar{--music-progress:0%;min-width:0;height:22px;cursor:var(--cursor);appearance:none;background:0 0;flex:1;margin:0}.music-progress-bar:disabled{cursor:default}.music-progress-bar::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--tile-tone-deep) var(--music-progress), var(--black-10) var(--music-progress));height:6px}.music-progress-bar::-moz-range-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--tile-tone-deep) var(--music-progress), var(--black-10) var(--music-progress));height:6px}.music-progress-bar::-webkit-slider-thumb{border-radius:var(--radius-full);background:var(--tile-tone-deep);width:14px;height:14px;box-shadow:var(--shadow-subtle);opacity:0;transition:opacity var(--fade) ease;appearance:none;border:0;margin-top:-4px}.music-progress-bar::-moz-range-thumb{border-radius:var(--radius-full);background:var(--tile-tone-deep);opacity:0;width:14px;height:14px;transition:opacity var(--fade) ease;border:0}.music-progress[data-ready=true]:hover .music-progress-bar::-webkit-slider-thumb{opacity:1}.music-progress-bar:focus-visible::-webkit-slider-thumb{opacity:1}.music-progress[data-ready=true]:hover .music-progress-bar::-moz-range-thumb{opacity:1}.music-progress-bar:focus-visible::-moz-range-thumb{opacity:1}.music-controls{align-items:center;gap:var(--space-xs);grid-area:controls;display:flex}@container not (min-width:40rem){.music-controls{justify-content:center}}.music-step,.music-play{border-radius:var(--radius-full);cursor:var(--cursor);transition:background-color var(--fade) ease, color var(--fade) ease, opacity var(--fade) ease, scale var(--dur-fast) ease;border:0;flex:none;place-items:center;padding:0;display:grid}.music-step{width:var(--hit);height:var(--hit);color:var(--title);background:0 0}@media (hover:hover){.music-step:hover:not(:disabled){background:var(--black-5)}}.music-step:disabled{opacity:.35;cursor:default}.music-step .icon{width:var(--icon-lg);height:var(--icon-lg)}.music-repeat{color:var(--content)}.music-repeat[aria-pressed=true]{background:var(--black-5);color:var(--title)}.music-play{width:calc(var(--hit) + var(--space-xs));height:calc(var(--hit) + var(--space-xs));background:var(--tile-tone-deep);color:#fff;box-shadow:var(--shadow-subtle)}.music-play:active,.music-step:active:not(:disabled){scale:var(--press)}.music-play .icon{width:var(--icon-lg);height:var(--icon-lg);color:#fff}.music-play .desk-icon-with,.music-play .desk-icon-with[data-style]{color:#fff;opacity:1}.music-embed{border-radius:var(--radius-sm);display:none;overflow:hidden}.music-embed[data-show=true]{display:block}.music-embed iframe{border:0;width:100%;display:block}.music-embed-apple{height:175px}.music-note{color:var(--content);font-size:var(--text-xs);margin:0;line-height:1.4}.music-note[data-problem=true]{color:var(--danger)}.music-library{gap:var(--space);flex-direction:column;min-width:0;display:flex}.music-tabs{display:flex}.music-panel{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.music-add{gap:var(--space-xs);flex-direction:column;display:flex}.music-add-field{align-items:center;gap:var(--space-sm);box-sizing:border-box;min-height:var(--field-height);padding:0 var(--space-xs) 0 var(--field-pad-x);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);cursor:text;transition:background-color var(--fade) ease, border-color var(--fade) ease;display:flex}@media (hover:hover){.music-add-field:hover:not(:focus-within){background:var(--field-bg-hover)}}.music-add-field:focus-within{border:var(--field-border-focus);background:var(--field-bg-focus)}.music-add-field[data-problem=true]{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.music-add-field input{min-width:0;height:calc(var(--field-height) - 4px);color:var(--field-ink);font:inherit;font-size:var(--field-size);background:0 0;border:0;outline:none;flex:1;padding:0}.music-add-field input::placeholder{color:var(--content)}.music-add-icon{width:var(--icon-md);height:var(--icon-md);color:var(--content);flex:none}.music-add-button,.music-secondary{min-height:var(--hit);padding:0 var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:var(--cursor);transition:opacity var(--fade) ease, background-color var(--fade) ease;border:0;flex:none;font-weight:600}.music-add-button{background:var(--title);color:var(--white)}.music-add-button:disabled{opacity:.35;cursor:default}.music-secondary{margin-top:var(--space-xs);border:var(--border);background:var(--white);color:var(--title)}@media (hover:hover){.music-secondary:hover{background:var(--black-5)}}.music-add-hint{min-height:1.4em;padding-inline:var(--field-pad-x);color:var(--content);font-size:var(--text-xs);margin:0;line-height:1.4}.music-add-hint[data-problem=true]{color:var(--danger)}.music-sources{align-items:center;gap:var(--space-2xs) var(--space-sm);flex-wrap:wrap;display:flex}.music-source{align-items:center;gap:var(--space-xs);white-space:nowrap;display:inline-flex}.music-rows{gap:var(--space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.music-row{align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-xs);border-radius:var(--radius-sm);cursor:grab;transition:background-color var(--fade) ease;-webkit-touch-callout:none;display:flex}@media (hover:hover){.music-row:hover{background:var(--black-5)}}.music-row[data-current=true]{background:var(--white);box-shadow:var(--shadow-subtle)}.music-rows [data-dragging=true] .music-row{background:var(--white);box-shadow:var(--shadow-strong);cursor:grabbing}.music-row-art,.sound-card-art{border-radius:var(--radius-xs);background:var(--black-5);cursor:var(--cursor);border:0;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.music-row-art{width:3rem;height:3rem}.music-row-art>img,.sound-card-art>img{object-fit:cover;width:100%;height:100%}.music-row-art>.music-service-icon,.sound-card-art>.music-service-icon{width:var(--icon-md);height:var(--icon-md)}.music-row-overlay{color:#fff;opacity:0;transition:opacity var(--fade) ease;background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.music-row-overlay .icon{width:var(--icon-md);height:var(--icon-md)}.music-row-overlay .desk-icon-with,.music-row-overlay .desk-icon-with[data-style]{color:#fff;opacity:1}.music-row:hover .music-row-overlay,.music-row-art:focus-visible .music-row-overlay,.music-row[data-playing=true] .music-row-overlay,.sound-card:hover .music-row-overlay,.sound-card-art:focus-visible .music-row-overlay,.sound-card[data-playing=true] .music-row-overlay{opacity:1}.music-bars{align-items:flex-end;gap:3px;height:16px;display:flex}.music-bars>span{border-radius:var(--radius-full);transform-origin:bottom;width:3px;height:100%;animation:music-bar .9s var(--ease-in-out) infinite alternate;background:currentColor}.music-bars>span:nth-child(2){animation-delay:-.3s}.music-bars>span:nth-child(3){animation-delay:-.6s}@keyframes music-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.music-row-text{gap:var(--space-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.music-row-title{color:var(--title);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.3;overflow:hidden}.music-row[data-current=true] .music-row-title{font-weight:600}.music-row-meta{align-items:center;gap:var(--space-xs);min-width:0;color:var(--content);font-size:var(--text-xs);line-height:1.3;display:flex}.music-row-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.music-row-remove,.sound-card-add{width:var(--hit);height:var(--hit);border-radius:var(--radius-full);color:var(--content);cursor:var(--cursor);transition:opacity var(--fade) ease, background-color var(--fade) ease, color var(--fade) ease;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.music-row-remove .icon,.sound-card-add .icon{width:var(--icon-md);height:var(--icon-md)}.music-row-remove{opacity:0}.music-row:hover .music-row-remove,.music-row-remove:focus-visible{opacity:1}@media (hover:hover){.music-row-remove:hover{background:var(--black-5);color:var(--danger)}}@media (hover:none){.music-row-remove{opacity:1}}.music-list-empty{align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space);border:1px dashed var(--black-10);border-radius:var(--radius);text-align:center;flex-direction:column;display:flex}.music-list-empty>.icon{width:var(--icon);height:var(--icon);margin-bottom:var(--space-xs);color:var(--content)}.music-list-empty-title{color:var(--title);font-size:var(--text-sm);margin:0;font-weight:600}.music-list-empty-copy{max-width:26rem;color:var(--content);font-size:var(--text-xs);margin:0;line-height:1.45}.sounds-bar{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.sounds-chips{gap:var(--space-xs);scrollbar-width:none;flex:auto;min-width:0;display:flex;overflow-x:auto}.sounds-chips::-webkit-scrollbar{display:none}.sounds-chip{min-height:calc(var(--hit) - var(--space-xs));padding:0 var(--space);border:var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--content);font-size:var(--text-xs);white-space:nowrap;cursor:var(--cursor);transition:background-color var(--fade) ease, color var(--fade) ease, border-color var(--fade) ease;flex:none;font-weight:500}@media (hover:hover){.sounds-chip:hover:not([aria-pressed=true]){background:var(--black-5);color:var(--title)}}.sounds-chip[aria-pressed=true]{border-color:var(--title);background:var(--title);color:var(--white)}.sounds-search{align-items:center;gap:var(--space-xs);box-sizing:border-box;min-width:10rem;min-height:calc(var(--hit) - var(--space-xs));padding:0 var(--space);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);cursor:text;flex:0 14rem;display:flex}.sounds-search:focus-within{border:var(--field-border-focus);background:var(--field-bg-focus)}.sounds-search .icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--content);flex:none}.sounds-search input{min-width:0;color:var(--field-ink);font:inherit;font-size:var(--text-xs);background:0 0;border:0;outline:none;flex:1;padding:0}.sounds-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.sound-card{align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-xs);padding-right:var(--space-2xs);border:var(--border);border-radius:var(--radius-sm);background:var(--white);transition:box-shadow var(--fade) ease, border-color var(--fade) ease;display:flex}@media (hover:hover){.sound-card:hover{box-shadow:var(--shadow-subtle)}}.sound-card[data-current=true]{border-color:var(--title)}.sound-card-art{width:3.5rem;height:3.5rem}.sound-card-text{gap:var(--space-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.sound-card-title{color:var(--title);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.sound-card-meta{color:var(--content);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}@media (hover:hover){.sound-card-add:hover:not(:disabled){background:var(--black-5);color:var(--title)}}.sound-card-add[aria-pressed=true]{background:var(--title);color:var(--white)}.sound-card-add[aria-pressed=true] .desk-icon-with,.sound-card-add[aria-pressed=true] .desk-icon-with[data-style]{color:var(--white);opacity:1}.sound-card-add:disabled{opacity:.35;cursor:default}