.aura-art{--aura-base:var(--plum-800);aspect-ratio:10/16;background:linear-gradient(180deg, color-mix(in oklab, var(--aura-base), var(--ink) 6%) 0%, var(--aura-base) 62%, color-mix(in oklab, var(--aura-base), var(--ink) 9%) 100%);border-radius:8px;display:block;position:relative;overflow:hidden}.aura-art-poster{object-fit:cover;width:100%;height:100%;transition:opacity var(--dur-3) var(--ease-out);position:absolute;inset:0}.aura-art.is-live .aura-art-poster{opacity:0}.aura-art-live{opacity:0;transition:opacity var(--dur-3) var(--ease-out);position:absolute;inset:0}.aura-art.is-live .aura-art-live{opacity:1}.aura-art-live canvas{pointer-events:none}.ct .aura-art{transition:transform var(--dur-2) var(--ease-out), filter var(--dur-2) var(--ease-out)}.ct:hover .aura-art{filter:brightness(1.06)}.ct:active .aura-art{transform:scale(.97)}.ct.is-selected .aura-art{box-shadow:0 0 0 2px var(--plum-900), 0 0 0 4px rgb(var(--ink-rgb) / .86)}
.sc-stage{isolation:isolate;position:relative;overflow:hidden}.sc-canvas{z-index:1;opacity:0;transition:opacity var(--dur-3) var(--ease-out);position:absolute;inset:0}.sc-stage.is-ready .sc-canvas{opacity:1}.sc-glass{z-index:3;width:32px;height:32px;color:rgb(var(--ink-rgb) / .86);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);background:#180d136b;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:14px;box-shadow:0 0 0 1px #ffe4f01a}.sc-glass:hover{color:var(--ink);background:#180d1394}.sc-glass:active{transform:scale(.94)}.sc-moon{top:14px}.sc-moon.is-on{color:var(--ink);background:#180d139e}.sc-mute{top:54px}.sc-mute.is-top{top:14px}.sc-modes{z-index:3;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#180d1394;border-radius:999px;gap:2px;max-width:calc(100% - 24px);padding:3px;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffe4f01c}.sc-mode{height:28px;font:inherit;white-space:nowrap;color:rgb(var(--ink-rgb) / .7);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.sc-mode:hover{color:var(--ink)}.sc-mode.is-on{color:var(--ink);background:rgb(var(--ink-rgb) / .14)}.poster-tile{aspect-ratio:10/16;transition:transform var(--dur-2) var(--ease-out);border-radius:8px;display:block;position:relative;overflow:hidden}.poster-tile-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ct:active .poster-tile{transform:scale(.97)}.ct.is-selected .poster-tile{box-shadow:0 0 0 2px var(--plum-900), 0 0 0 4px rgb(var(--ink-rgb) / .86)}