.share-page{width:min(1080px,100% - 48px);color:var(--secondary);margin:0 auto;padding:82px 0 90px}.share-heading{margin-bottom:32px}.share-heading h1{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:48px;font-weight:600;line-height:1.2}.share-heading p{margin:18px 0 0;font-size:17px;line-height:1.8}.share-tabs{border:1px solid var(--line);background:var(--surface);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:min(390px,100%);margin:0 auto 40px;padding:4px;display:grid;position:relative;box-shadow:0 5px 20px #0a0a0a0b}.share-tab-indicator{background:var(--soft);pointer-events:none;border-radius:999px;width:calc(33.333% - 5.333px);transition:transform .65s cubic-bezier(.22,.72,.2,1);position:absolute;top:5px;bottom:5px;left:5px}.share-tabs[data-active-index="1"] .share-tab-indicator{transform:translate(calc(100% + 3px))}.share-tabs[data-active-index="2"] .share-tab-indicator{transform:translate(calc(200% + 6px))}.share-tabs button{z-index:1;min-height:58px;color:var(--secondary);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:550;transition:color .32s;display:flex;position:relative}.share-tab-icon{width:20px;height:20px;transition:transform .45s cubic-bezier(.2,.75,.22,1)}.share-tabs button[aria-selected=true]{color:var(--ink);font-weight:600}.share-tabs button[aria-selected=true] .share-tab-icon,.share-tabs button:hover{color:var(--blue)}.share-tabs button:hover .share-tab-icon{transform:translateY(-2px)}.share-panels{position:relative}.share-panels.is-switching{transition:height .68s cubic-bezier(.22,.72,.2,1);animation:.68s linear both share-edge-release;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.share-panel[hidden]{display:none}.share-panel.is-leaving{pointer-events:none;width:100%;position:absolute;top:0;left:0}.share-panels[data-direction=forward] .share-panel.is-leaving{animation:.68s cubic-bezier(.22,.72,.2,1) both share-out-left}.share-panels[data-direction=backward] .share-panel.is-leaving{animation:.68s cubic-bezier(.22,.72,.2,1) both share-out-right}.share-panels[data-direction=forward] .share-panel.is-entering{animation:.68s cubic-bezier(.22,.72,.2,1) both share-in-right}.share-panels[data-direction=backward] .share-panel.is-entering{animation:.68s cubic-bezier(.22,.72,.2,1) both share-in-left}.share-panel.is-entering :is(.share-good,.share-app,.share-site-group){animation:.55s cubic-bezier(.22,.72,.2,1) 30ms both share-item-in}.share-panel.is-entering :is(.share-good,.share-app,.share-site-group):nth-child(2){animation-delay:80ms}.share-panel.is-entering :is(.share-good,.share-app,.share-site-group):nth-child(3){animation-delay:.13s}.share-panel.is-entering :is(.share-good,.share-app,.share-site-group):nth-child(4){animation-delay:.18s}.share-panel.is-entering :is(.share-good,.share-app,.share-site-group):nth-child(n+5){animation-delay:.23s}@keyframes share-out-left{to{transform:translate(-100%)}}@keyframes share-out-right{to{transform:translate(100%)}}@keyframes share-in-right{0%{transform:translate(100%)}}@keyframes share-in-left{0%{transform:translate(-100%)}}@keyframes share-edge-release{0%{-webkit-mask-size:100% 100%;mask-size:100% 100%}to{-webkit-mask-size:120% 100%;mask-size:120% 100%}}@keyframes share-item-in{0%{opacity:.75;transform:translateY(8px)}}.share-goods-grid{grid-template-columns:repeat(3,minmax(0,280px));justify-content:center;align-items:stretch;gap:24px;display:grid}.share-good{background:var(--soft);min-width:0;color:var(--secondary);border-radius:14px;flex-direction:column;transition:transform .52s cubic-bezier(.2,.75,.22,1),box-shadow .52s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0a0a0a08,0 18px 38px -28px #0a0a0a38}.share-good-visual{aspect-ratio:5/4;background:var(--soft);position:relative;overflow:hidden}.share-good-visual img{object-fit:contain;width:100%;height:100%;padding:15px;transition:transform .52s cubic-bezier(.2,.75,.22,1);position:absolute;inset:0}.share-good-visual.is-retired img{filter:grayscale()}.share-good-status{z-index:1;color:var(--blue);letter-spacing:.06em;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px}.share-good-status.is-retired{color:var(--muted)}.share-good-copy{padding:20px}.share-good h2{color:var(--ink);margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.5}.share-good p{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.4}.share-apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:20px;display:grid}.share-app{background:var(--soft);min-height:110px;color:var(--secondary);border-radius:14px;grid-template-columns:54px minmax(0,1fr) 60px;align-items:center;gap:10px;padding:15px;transition:transform .52s cubic-bezier(.2,.75,.22,1),box-shadow .52s;display:grid;box-shadow:0 1px 2px #0a0a0a08,0 18px 38px -28px #0a0a0a38}.share-app img{object-fit:cover;border-radius:14px;width:54px;height:54px}.share-app-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.share-app-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.4;overflow:hidden}.share-app-copy>span{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.share-platform{background:var(--blue);color:#fff;white-space:nowrap;border-radius:15px;justify-content:center;align-items:center;width:60px;min-height:30px;font-size:12px;font-weight:500;transition:filter .2s;display:inline-flex}.share-platform:hover{color:#fff;filter:brightness(.94)}#share-panel-sites{counter-reset:share-category}.share-site-group{counter-increment:share-category}.share-site-group+.share-site-group{margin-top:58px}.share-site-group h2{color:var(--ink);letter-spacing:-.03em;align-items:baseline;gap:12px;margin:0 0 22px;font-size:22px;font-weight:600;display:flex}.share-site-group h2:before{content:counter(share-category,decimal-leading-zero);color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:12px;font-weight:600}.share-sites-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.share-site{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:70px;color:var(--secondary);border-radius:14px;align-items:center;gap:13px;padding:10px 13px;font-size:15px;transition:color .2s,transform .52s cubic-bezier(.2,.75,.22,1),box-shadow .52s;display:flex;box-shadow:0 1px 2px #0a0a0a08,0 18px 38px -28px #0a0a0a38}.share-site img{object-fit:contain;flex:none;width:45px;height:45px}.share-site span{overflow-wrap:anywhere}.share-site:hover{color:var(--blue)}.share-disclaimer{color:var(--secondary);opacity:.48;text-align:center;margin:54px 0 0;font-size:12px;line-height:1.8;transition:opacity .2s}.share-disclaimer:hover{opacity:1}.share-template main [data-reveal].reveal-item:is(.share-good,.share-app){transition:opacity .65s,filter .58s,translate .82s cubic-bezier(.22,.72,.2,1),transform .52s cubic-bezier(.2,.75,.22,1),box-shadow .52s}@media (hover:hover){.share-good:hover,.share-app:hover,.share-site:hover{transform:translateY(-5px);box-shadow:0 2px 4px #0a0a0a0a,0 22px 44px -27px #0a0a0a4d}.share-good:hover img{transform:scale(1.018)}}@media (width<=940px){.share-goods-grid{grid-template-columns:repeat(2,minmax(0,280px))}.share-apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}}@media (width<=950px){.share-sites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.share-goods-grid{grid-template-columns:min(320px,100%)}.share-apps-grid{grid-template-columns:min(400px,100%)}}@media (width<=760px){.share-page{width:calc(100% - 40px);padding-top:60px}.share-heading{margin-bottom:30px}.share-heading h1{font-size:40px}.share-heading p{font-size:15px}.share-tabs{margin-bottom:34px}.share-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.share-page{padding-bottom:68px}.share-heading h1{font-size:36px}.share-tabs button{min-height:56px}.share-site-group+.share-site-group{margin-top:38px}.share-site-group h2{margin-bottom:18px;font-size:21px}.share-sites-grid{gap:10px}.share-site{gap:10px;padding:9px;font-size:13px}.share-site img{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.share-good,.share-good img,.share-app,.share-site,.share-tabs button,.share-tab-icon,.share-tab-indicator,.share-panels.is-switching,.share-template main [data-reveal].reveal-item:is(.share-good,.share-app){transition:none}.share-panels.is-switching,.share-panel.is-entering,.share-panel.is-leaving,.share-panel.is-entering :is(.share-good,.share-app,.share-site-group){animation:none}.share-good:hover,.share-app:hover,.share-site:hover,.share-good:hover img,.share-tabs button:hover .share-tab-icon{transform:none}}
