:root{--player-height17:130px;--header-height17:80px;--shelf-top17:none;--shelf-edge17:none}body{padding-bottom:var(--player-height17)!important}header{position:sticky!important;top:0;z-index:100;background:#fff;max-width:none!important;margin:0!important;padding:12px max(20px,calc((100vw - 1640px)/2));transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 1px 0 #203b2410}header.header-hidden17{transform:translateY(-105%)}header:focus-within{transform:none!important}.brand{flex-shrink:0}#hello{white-space:nowrap}#shop-count{display:none!important}.shop-section:has(#shop-count){padding-top:15px}
#modal:has(.wishlist-shop){width:min(1180px,calc(100vw - 32px));max-width:calc(100vw - 32px)}#modal .wishlist-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}#modal .wishlist-shop .shop-card{min-width:0;grid-template-columns:112px minmax(0,1fr)}#modal .wishlist-shop .shop-cover{width:112px;height:145px;flex-shrink:0}#modal .wishlist-shop .shop-copy{min-width:0}#modal .wishlist-shop .title-link{overflow-wrap:anywhere;font-size:19px}#modal .wishlist-shop .shop-actions{max-width:none}
.profile-images17{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 0 24px;margin-bottom:20px;border-bottom:1px solid var(--line)}.profile-images17>div{min-width:0}.profile-images17 h3{font:20px var(--serif);margin:0 0 12px}.full-preview17{height:130px;display:flex;align-items:center;color:var(--muted);margin-bottom:14px}.full-preview17 img{width:auto;max-width:100%;height:130px;object-fit:contain;border-radius:8px}.profile-images17 .avatar-preview15{width:115px;height:115px;margin-bottom:29px}.profile-images17 small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}input[type=file]{font:12px system-ui;color:var(--muted);max-width:100%;min-width:0}input[type=file]::file-selector-button{font:600 12px system-ui;color:var(--green);background:#edf3ed;border:1px solid #bacfbe;padding:10px 13px;border-radius:8px;margin:0 10px 5px 0;cursor:pointer}input[type=file]::file-selector-button:hover{background:#dcebdc}input[type=file]:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.site-footer17{padding:34px clamp(20px,4vw,70px) 30px;margin-top:44px;border-top:1px solid #dce3db;background:#f5f7f1;color:#607365;font-size:12px}.site-footer17 strong{font:21px var(--serif);color:var(--green)}.site-footer17 nav{display:flex;flex-wrap:wrap;gap:8px 22px!important;margin:16px 0;justify-content:flex-start!important;overflow:visible!important}.site-footer17 button{font:12px system-ui!important;color:#42634c;padding:3px 0;border:0;background:none;text-align:left;text-decoration:underline;text-underline-offset:3px}.site-footer17 small{font-size:11px}#footer-tools17{display:contents}
.player{display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(300px,2fr) minmax(170px,1fr)!important;grid-template-rows:auto!important;gap:20px;align-items:center;padding:12px 24px;background-color:var(--green);background-image:linear-gradient(#00573be8,#00573be8),var(--player-texture17,none);background-size:auto,520px auto;background-position:center;isolation:isolate}.player .now{min-width:0}.player .transport{display:flex!important;flex-direction:column;align-items:center;gap:7px;min-width:0}.player .controls{justify-content:center;gap:8px;width:100%}.player .play-main{width:66px;height:32px;min-height:32px;border-radius:9px;font-size:17px}.player .controls>button:not(.play-main){width:30px;height:29px;min-height:29px;padding:2px;border-radius:6px;font-size:15px}.player .controls small{font-size:8px}.player .timeline{width:100%;display:flex;gap:8px;margin:0;min-width:0}.player-extra{display:flex;flex-wrap:wrap;justify-content:flex-end;grid-column:auto!important;gap:6px}.player .volume{width:65px}.player-panel10{bottom:calc(100% + 16px)}
#shelves .listen-direct13,#shelves .turn-zone .turn-book{opacity:0!important;pointer-events:none;transition:opacity .15s}#shelves .shelf-item:hover .listen-direct13,#shelves .shelf-item:focus-within .listen-direct13,#shelves .turn-zone:hover .turn-book,#shelves .turn-zone:focus-within .turn-book{opacity:1!important;pointer-events:auto}
.shelf-row::before{background-image:var(--shelf-top17),repeating-linear-gradient(2deg,#c89e7330 0 1px,transparent 1px 5px),linear-gradient(#d4b28c,#efd7b6);background-size:auto 100%,auto,auto}.shelf-row::after{background-image:var(--shelf-edge17),repeating-linear-gradient(1deg,#bd956528 0 1px,transparent 1px 4px),linear-gradient(#d9b185,#b68c60);background-size:auto 100%,auto,auto}
.mockup17{position:relative;width:100%;aspect-ratio:3/1;overflow:hidden;border-radius:10px;isolation:isolate;background:#e8e6df}.mockup-photo17{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.cover-plane17,.cover-light17,.cover-reflection17{position:absolute;top:0;left:0;width:100px;height:100px;transform-origin:0 0;overflow:hidden;pointer-events:none}.cover-plane17{mix-blend-mode:multiply}.cover-plane17 .cover-art,.cover-reflection17 .cover-art{width:100%;height:100%;position:absolute;inset:0;background-size:100% 100%;background-position:center}.cover-light17{background:linear-gradient(100deg,#fff3,transparent 28%,#ffffff10 78%,#0000000a);mix-blend-mode:soft-light}.cover-reflection17{opacity:.12;mix-blend-mode:multiply}.mockup-choices17{display:grid;grid-template-columns:1fr;gap:12px;margin-top:15px}.mockup-choices17 p{margin:8px 0 0}.purchase-success13>.mockup17{width:100%;margin:0 auto 20px}.purchase-beauty:has(.mockup17){display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:0 0 20px}.purchase-beauty>.mockup17{width:100%}#modal:has(.mockup17){width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
@media(min-width:1800px){#modal .wishlist-shop{grid-template-columns:repeat(3,minmax(0,1fr))}#modal:has(.wishlist-shop){width:1400px}}
@media(max-width:1100px){header{padding:10px 20px}.player{grid-template-columns:minmax(150px,1fr) minmax(260px,2fr)!important;gap:8px 20px}.player-extra{grid-column:1/-1!important;justify-content:center}.player .transport{grid-column:2}.global-search{max-width:240px}header nav{overflow-x:auto;justify-content:flex-start!important}}
@media(max-width:700px){.profile-images17{grid-template-columns:1fr}.profile-images17 .avatar-preview15{margin-bottom:14px}#modal .wishlist-shop{grid-template-columns:1fr}.player{grid-template-columns:1fr!important;padding:8px 12px;gap:5px}.player .transport{grid-column:1}.player .now{display:flex;justify-content:flex-start;max-height:38px}.player .mini-art{width:27px;height:35px}.player .now-title{font-size:12px}.player #now-info{font-size:10px}.player-extra{gap:5px}.player .controls{gap:5px}.player .play-main{height:29px;min-height:29px;width:60px}.player .volume{display:none}.player-panel10{position:fixed;left:10px;right:10px;width:auto;bottom:calc(var(--player-height17) + 8px);max-height:45vh}.player .transport{gap:3px}header{gap:8px!important;padding:8px 14px}.brand{font-size:23px}header .account{margin-left:auto}header .global-search{max-width:none;min-width:100px;flex:1}header nav{gap:15px!important}header nav button{font-size:13px}.site-footer17{margin-top:25px}.mockup17{border-radius:6px}}
@media(hover:none){#shelves .listen-direct13,#shelves .turn-zone .turn-book{opacity:.9!important;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){header,#shelves .listen-direct13{transition:none}}
@media(max-height:650px) and (min-width:701px){.player{padding-top:6px;padding-bottom:6px}.player .play-main{height:28px;min-height:28px}.player .transport{gap:3px}header{padding-top:6px;padding-bottom:6px}.player-panel10{max-height:45vh}}

.spine-plane17{position:absolute;left:0;top:0;width:100px;height:100px;transform-origin:0 0;overflow:hidden;mix-blend-mode:multiply;pointer-events:none}.spine-plane17 img{width:100%;height:100%;object-fit:fill}.mockup17[data-scene=scifi] .cover-reflection17{opacity:.2}
@media(min-width:701px) and (max-width:1100px){.player{grid-template-columns:1fr!important}.player .now{grid-column:1;justify-content:center;max-height:34px}.player .mini-art{width:26px;height:33px}.player .now-title{font-size:12px}.player #now-info{font-size:10px}.player .transport{grid-column:1;width:100%}.player-extra{grid-column:1!important}}
#shop-page>.page-heading{display:none!important}.library-bottom>.row:empty{display:none}#bookmarks-dropdown10 .player-panel10{bottom:calc(100% + 16px)}
@media(max-width:700px){#bookmarks-dropdown10 .player-panel10{bottom:calc(var(--player-height17) + 8px);max-height:calc(100dvh - var(--player-height17) - 30px)}}