.turntable{position:relative;width:100%;isolation:isolate}.turntable .turntable-image{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #eceee8;border-radius:20px;background:radial-gradient(ellipse at 50% 36%,#fff 0,#f4f5f0 62%,#ecefe7 100%);touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.turntable .turntable-image:active{cursor:grabbing}.turntable .turntable-image:focus-visible{outline:2px solid #7d9569;outline-offset:4px}.turntable .turntable-image canvas,.turntable .turntable-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.turntable .turntable-image canvas{opacity:0}.turntable .turntable-image canvas.is-painted{opacity:1}.turntable .turntable-badge{position:absolute;left:22px;top:22px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:#526248;background:#ffffffbf;border:1px solid #ffffffb3;border-radius:30px;font-size:11px;font-weight:600;letter-spacing:.3px;pointer-events:none}.turntable .turntable-loading{position:absolute;right:22px;top:24px;max-width:145px;color:#7e8977;font-size:10px;pointer-events:none}.turntable .turntable-loading-track{display:block;height:2px;margin-top:7px;overflow:hidden;border-radius:2px;background:#dfe4d9}.turntable .turntable-loading-track i{display:block;height:100%;background:#7e966a;transition:width .15s}.turntable .turntable-toolbar{position:absolute;bottom:22px;left:22px;right:22px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff26;border-radius:40px;background:#26312bed;color:#fff;box-shadow:0 8px 24px #26312b16;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.turntable .turntable-toolbar button{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;color:#e9eee6;background:transparent;transition:background .15s}.turntable .turntable-toolbar button:hover{background:#ffffff18}.turntable .turntable-toolbar button:focus-visible{outline:2px solid #bdd09e;outline-offset:1px}.turntable .turntable-toolbar .turntable-play{background:#ffffff16}.turntable .turntable-toolbar .turntable-play[aria-pressed=true]{color:#bdd09e}.turntable .turntable-toolbar input{display:block;flex:1 1;min-width:25px;width:auto;height:3px;margin:0 10px;padding:0;border:0;border-radius:4px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#bdd09e var(--angle),#ffffff2e var(--angle));cursor:pointer}.turntable .turntable-toolbar input::-webkit-slider-thumb{width:12px;height:12px;border:2px solid #e5eedb;border-radius:50%;background:#bdd09e;appearance:none;-webkit-appearance:none;box-shadow:0 1px 6px #0002}.turntable .turntable-toolbar input::-moz-range-thumb{width:9px;height:9px;border:2px solid #e5eedb;border-radius:50%;background:#bdd09e}.turntable .turntable-toolbar input:focus-visible{outline:2px solid #bdd09e;outline-offset:7px}.turntable .turntable-hint{position:absolute;left:20px;right:20px;bottom:85px;text-align:center;pointer-events:none;color:#8b9484;font-size:10px;line-height:1.4}@media(max-width:600px){.turntable .turntable-image{border-radius:16px}.turntable .turntable-badge{top:16px;left:16px;padding:7px 10px}.turntable .turntable-loading{top:19px;right:16px;font-size:9px;max-width:130px}.turntable .turntable-toolbar{left:16px;right:16px;bottom:16px;padding:5px 8px;gap:3px}.turntable .turntable-toolbar button{width:38px;height:38px;flex-basis:38px}.turntable .turntable-hint{bottom:77px;font-size:9px}.turntable .turntable-toolbar input{margin:0 7px}}@media(prefers-reduced-motion:reduce){.turntable .turntable-loading-track i,.turntable .turntable-toolbar button{transition:none}}