.share-page *,.share-page :before,.share-page :after{box-sizing:border-box}.share-page{width:100%;min-height:100vh;color:var(--text);font-family:var(--font-body);background:var(--bg);flex-direction:column;display:flex;overflow-x:clip}.share-header{width:100%;max-width:980px;padding:14px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.share-header-cta{background:var(--primary);min-height:44px;color:var(--text);box-shadow:0 8px 30px var(--glow-soft);transition:transform var(--dur-press) var(--ease-out);border-radius:10px;align-items:center;padding:0 22px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.share-header-cta:active{transform:scale(.97)}@media (hover:hover){.share-header-cta:hover{transform:translateY(-2px)}}.share-main{width:100%;max-width:980px;padding:8px var(--gutter) 56px;flex-direction:column;flex:1;gap:28px;margin:0 auto;display:flex}.share-card{background:var(--surface);border-radius:16px;padding:clamp(22px,4vw,32px)}.share-card h2{font-family:var(--font-display);color:var(--text);margin:0 0 14px;font-size:1.5rem;font-weight:800}.share-card p,.share-card li{color:var(--muted)}.profile-name{font-family:var(--font-display);overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(2rem,1.2rem + 3.6vw,3.6rem);font-weight:800;line-height:1.02}.profile-sub{color:var(--muted);margin:10px 0 0;font-size:1.05rem;line-height:1.55}@keyframes spin{to{transform:rotate(360deg)}}.rec{background:radial-gradient(circle, var(--primary) 0 9%, #14031c 9.5% 11%, transparent 11.5%), repeating-radial-gradient(circle, #ffffff0b 0 1.5px, transparent 1.5px 5px), conic-gradient(from 20deg, #12031a, #2b0c3c 12%, #12031a 25%, #2b0c3c 38%, #12031a 50%, #2b0c3c 62%, #12031a 75%, #2b0c3c 88%, #12031a);box-shadow:0 0 70px var(--glow-soft);border-radius:50%;position:relative}.rec img{object-fit:cover;width:56%;height:56%;box-shadow:0 0 0 4px var(--raised);background:var(--raised);border-radius:50%;position:absolute;inset:22%}.spin-slow{animation:28s linear infinite spin}.sticker-w{z-index:3;color:var(--bg);white-space:nowrap;background:#fff;border-radius:10px;padding:9px 15px;font-size:.92rem;font-weight:800;line-height:1;position:absolute;rotate:-6deg;box-shadow:0 10px 30px #0b02128c}.stars-ro{letter-spacing:3px;white-space:nowrap;background:linear-gradient(90deg, var(--star) var(--p), var(--raised) var(--p));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;line-height:1;display:inline-block}.genre-tags{flex-wrap:wrap;gap:8px;display:flex}.genre-tags span{background:var(--raised);color:var(--text);border-radius:10px;padding:6px 12px;font-size:.85rem}.badge-row,.social-row{flex-wrap:wrap;gap:8px;display:flex}.social-chip{background:var(--raised);min-height:44px;color:var(--text);transition:background-color var(--dur-ui) var(--ease-out), transform var(--dur-press) var(--ease-out);border-radius:10px;align-items:center;padding:0 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.social-chip:active{transform:scale(.96)}@media (hover:hover){.social-chip:hover{background:var(--primary)}}.u-hero{align-items:center;gap:28px;padding-top:8px;display:grid;position:relative}@media (min-width:760px){.u-hero{grid-template-columns:auto 1fr;gap:56px}}.u-disc{aspect-ratio:1;justify-self:center;width:min(240px,60vw);position:relative}.u-avatar{object-fit:cover;background:var(--raised);width:100%;height:100%;box-shadow:0 0 0 6px var(--bg), 0 0 0 10px var(--primary), 0 0 70px var(--glow);border-radius:50%;display:block}.u-premium{--r:8deg;background:var(--accent);top:4%;right:-6%}.u-name{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(2.3rem,1rem + 6vw,5rem);font-weight:800;line-height:.98}.u-since{color:var(--muted);margin:10px 0 18px;font-size:1.05rem}.u-badges{flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.u-badges li{color:var(--bg);rotate:var(--r,-3deg);background:#fff;border-radius:10px;padding:8px 14px;font-size:.92rem;font-weight:800;box-shadow:0 8px 24px #0b021280}.u-actions{margin-top:20px}.u-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:760px){.u-stats{grid-template-columns:2fr repeat(4,1fr)}}.u-tile{background:var(--surface);animation:rise .6s var(--ease-out) both;border-radius:16px;flex-direction:column;gap:6px;padding:18px 16px;display:flex}.u-tile:nth-child(2){animation-delay:60ms}.u-tile:nth-child(3){animation-delay:.12s}.u-tile:nth-child(4){animation-delay:.18s}.u-tile:nth-child(5){animation-delay:.24s}.u-tile strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,1.3rem + 2vw,2.6rem);font-weight:800;line-height:1}.u-label{color:var(--muted);font-size:.92rem}.u-avg{background:var(--primary);box-shadow:none;grid-column:1/-1}.u-avg .u-label{color:#fff}@media (min-width:760px){.u-avg{grid-column:auto}}.u-avg-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.u-avg-row strong{font-size:clamp(2.6rem,1.6rem + 3vw,3.6rem)}.u-section{gap:18px;display:grid}.u-h2{font-family:var(--font-display);margin:0;font-size:clamp(1.6rem,1.1rem + 2vw,2.4rem);font-weight:800}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:clamp(8px,2vw,20px);margin:0;padding:0;list-style:none;display:grid}.podium[data-count="1"]{grid-template-columns:minmax(0,260px);justify-content:center}.podium[data-count="2"]{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center}.pod{min-width:0}.pod-link{color:inherit;text-align:center;justify-items:center;gap:4px;text-decoration:none;display:grid}.pod-art{aspect-ratio:1;width:100%;animation:rise .7s var(--ease-out) both;animation-delay:calc(var(--r) * .11s + .25s);transition:transform var(--dur-ui) var(--ease-out);border-radius:18px;display:block;overflow:hidden;box-shadow:0 16px 44px #0009}.pod-art img{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover){.pod-link:hover .pod-art{transform:translateY(-6px)rotate(-1.5deg)}}.pod-title{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.pod-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9rem;overflow:hidden}.pod-step{text-align:center;background:var(--primary);transform-origin:bottom;width:100%;animation:grow .7s var(--ease-out) both;animation-delay:calc(var(--r) * .11s);border-radius:18px 18px 0 0;place-content:center;gap:2px;margin-top:10px;display:grid}.pod-step b{font-family:var(--font-display);color:#fff;font-size:clamp(1.8rem,1.2rem + 2.4vw,2.8rem);font-weight:800;line-height:1}.pod-step span{font-variant-numeric:tabular-nums;background:var(--bg);border-radius:10px;justify-self:center;padding:2px 10px;font-weight:800}.pod-1 .pod-step{background:var(--accent);height:clamp(120px,20vw,170px)}.pod-1 .pod-step b{color:var(--bg)}.pod-2 .pod-step{height:clamp(96px,16vw,130px)}.pod-3 .pod-step{height:clamp(78px,13vw,104px)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0)}to{transform:none}}.u-rest{margin-top:8px}.u-rank{text-align:center;width:28px;font-family:var(--font-display);color:var(--accent);font-weight:800}.recs{grid-template-columns:repeat(2,1fr);gap:24px 16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.recs{grid-template-columns:repeat(3,1fr);gap:28px 24px}}.rec-card{text-align:center;color:inherit;justify-items:center;gap:4px;min-width:0;text-decoration:none;display:grid}.rec-disc{aspect-ratio:1;width:100%;max-width:180px;position:relative}.rec-disc .rec{animation:7s linear infinite paused spin;display:block;position:absolute;inset:0;box-shadow:0 10px 40px #00000080}@media (hover:hover){.rec-card:hover .rec{animation-play-state:running}}.rec-card:focus-visible .rec{animation-play-state:running}.rec-score{bottom:6%;right:-2%}.rec-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:10px;font-size:.95rem;font-weight:700;overflow:hidden}.rec-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;overflow:hidden}.r-card{background:var(--surface);border-radius:16px;padding:clamp(20px,4vw,40px);position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c}.r-bg{filter:blur(50px)saturate(1.3);opacity:.32;background-position:50%;background-size:cover;position:absolute;inset:-60px}.r-inner{gap:28px;display:grid;position:relative}.r-top{align-items:center;gap:26px;display:grid}@media (min-width:820px){.r-top{grid-template-columns:auto 1fr;gap:44px}}.r-disc{aspect-ratio:1;justify-self:center;width:min(300px,72vw);position:relative}.r-disc .rec{position:absolute;inset:0}.r-by-sticker{--r:-7deg;bottom:4%;left:-4%}.r-title{font-family:var(--font-display);overflow-wrap:anywhere;text-wrap:balance;margin:0 0 6px;font-size:clamp(1.9rem,1.1rem + 3.4vw,3.4rem);font-weight:800;line-height:1.02}.r-artist{color:var(--muted);margin:0 0 12px;font-size:1.1rem}.r-score{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:18px;display:flex}.r-score strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;animation:pop .7s var(--ease-out) .2s both;font-size:clamp(4rem,2.4rem + 6vw,6.4rem);font-weight:800;line-height:.9}.r-of{color:var(--muted);font-size:1.3rem;font-weight:700}.r-score .stars-ro{margin-left:6px;font-size:1.7rem}.r-verdict{color:var(--accent);margin:8px 0 0;font-size:1.15rem;font-weight:800}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.r-dims{grid-template-columns:1fr;gap:16px 36px;display:grid}@media (min-width:640px){.r-dims{grid-template-columns:1fr 1fr}}.r-dim header{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-weight:600;display:flex}.r-dim b{font-variant-numeric:tabular-nums;color:var(--star)}.r-track{background:#0b0212a6;border-radius:99px;height:12px;overflow:hidden}.r-fill{height:100%;width:var(--w);background:var(--accent);transform-origin:0;animation:fillx .9s var(--ease-out) both;animation-delay:calc(.35s + var(--n) * 90ms);border-radius:99px}@keyframes fillx{0%{transform:scaleX(0)}to{transform:none}}.r-note{color:var(--bg);overflow-wrap:anywhere;background:#fff;border-radius:16px;margin:4px 0 0;padding:18px 22px;font-size:1.05rem;font-weight:600;line-height:1.5;rotate:-.8deg;box-shadow:0 12px 36px #0b021273}.r-user{min-height:52px;color:inherit;transition:transform var(--dur-ui) var(--ease-out);background:#0b02128c;border-radius:10px;justify-self:start;align-items:center;gap:12px;padding:6px 18px 6px 6px;text-decoration:none;display:inline-flex}.r-user img{object-fit:cover;background:var(--raised);border-radius:50%;width:44px;height:44px}.r-user span{line-height:1.2;display:grid}.r-user small{color:var(--muted)}@media (hover:hover){.r-user:hover{transform:translate(4px)}}.song-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.song-row{min-height:60px;color:inherit;background:var(--surface);transition:background-color var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);border-radius:18px;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}@media (hover:hover){a.song-row:hover{background:var(--raised);transform:translate(4px)}}.song-art{object-fit:cover;background:var(--raised);border-radius:12px;flex-shrink:0;width:52px;height:52px}.song-meta{flex:1;min-width:0}.song-meta strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.song-meta span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;display:block;overflow:hidden}.score-pill{background:var(--bg);font-variant-numeric:tabular-nums;border-radius:10px;padding:5px 12px;font-size:.95rem;font-weight:800}.dim-list{grid-template-columns:1fr 1fr;gap:14px 28px;display:grid}.dim-row{flex-direction:column;gap:6px;font-size:.92rem;display:flex}.dim-row header{color:var(--text);justify-content:space-between;display:flex}.dim-track{background:var(--bg);border-radius:99px;height:10px;overflow:hidden}.dim-fill{background:var(--accent);border-radius:99px;height:100%}.share-cta{text-align:center;background:var(--raised);border-radius:16px;padding:clamp(28px,5vw,48px) 20px}.share-cta h2{font-family:var(--font-display);text-wrap:balance;margin:0 0 8px;font-size:clamp(1.7rem,1.1rem + 2.4vw,2.6rem);font-weight:800;line-height:1.05}.share-cta p{max-width:46ch;color:var(--muted);margin:0 auto;line-height:1.55}.share-cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.share-open-app{min-height:48px;box-shadow:inset 0 0 0 2px var(--raised);color:var(--accent);transition:box-shadow var(--dur-ui) var(--ease-out);border-radius:10px;justify-content:center;align-items:center;padding:0 26px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.share-open-app:hover{box-shadow:inset 0 0 0 2px var(--accent)}}.share-footer{padding:18px var(--gutter) 28px;flex-wrap:wrap;justify-content:center;gap:0 6px;font-size:.9rem;display:flex}.share-footer a{min-height:44px;color:var(--muted);align-items:center;padding:0 10px;text-decoration:none;display:inline-flex}@media (hover:hover){.share-footer a:hover{color:var(--text)}}.share-empty{text-align:center;padding:48px 20px}.share-empty h1,.share-empty h2{margin:0 0 8px}.verified-wrap{padding:24px var(--gutter);flex:1;place-items:center;display:grid}.verified-card{text-align:center;background:var(--surface);border-radius:16px;width:100%;max-width:460px;padding:40px 28px;box-shadow:0 30px 90px #00000080}.verified-icon{background:var(--primary);color:#fff;width:72px;height:72px;box-shadow:0 0 50px var(--glow);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:2rem;display:grid}.verified-icon.error{background:var(--raised);box-shadow:none}.verified-card h1{font-family:var(--font-display);margin:0 0 10px;font-size:1.9rem;font-weight:800}.verified-card p{color:var(--muted);margin:0 0 22px;line-height:1.55}@media (max-width:560px){.dim-list{grid-template-columns:1fr}.share-cta-buttons{flex-direction:column;align-items:stretch}.share-cta-buttons a{text-align:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}