.notify-bell img{transform-origin:50% 8%;animation:3.6s ease-in-out 1.2s infinite notify-bell-ring}.notify-bell:disabled{opacity:.6}@keyframes notify-bell-ring{0%,60%,to{rotate:0deg}64%{rotate:8deg}69%{rotate:-7deg}74%{rotate:5deg}79%{rotate:-3deg}84%{rotate:1.5deg}88%{rotate:0deg}}html:has(.modal[open]) .notify-bell img{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.notify-bell img{animation:none}}.intro{gap:28px;display:grid}.intro .section__lead+.section__lead{margin-top:12px}.intro__stats{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px;margin:0;padding:0;list-style:none;display:grid}.intro__stat{flex-direction:column;align-items:flex-start;gap:10px;padding:16px;font-size:15px;font-weight:600;display:flex}.intro__stat .home-art{block-size:48px;inline-size:48px}.feature-grid{gap:12px;margin-top:28px;display:grid}.feature--card{padding:18px}.home .feature__icon--art{background:0 0;border-radius:0;width:56px;height:56px}.home .feature>div{min-inline-size:0}.gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px;margin:28px 0 0;padding:0;list-style:none;display:grid}.gallery__grid li{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.gallery__grid img{filter:drop-shadow(0 4px 8px #0000004d);width:56px;height:56px}.gallery__grid span{color:var(--muted);font-size:12px;line-height:1.3}.use-grid{gap:12px;margin-top:28px;display:grid}.use-card{padding:20px}.use-card>.home-art{block-size:64px;inline-size:64px}.use-card h3{margin-top:10px;font-size:16px;font-weight:600}.use-card p{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.5}.faq__art{display:none}.faq__art img{block-size:auto;inline-size:100%;display:block}@media (width>=560px){.feature-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=900px){.faq__art{inline-size:min(100%,340px);margin:32px auto 0;display:block}.intro{grid-template-columns:1.3fr 1fr;align-items:center;gap:64px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.use-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gallery__grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:24px 12px}.gallery__grid img{width:64px;height:64px}}.install{text-align:center;flex-direction:column;align-items:center;max-width:420px;margin:0 auto;padding:8px 20px 200px;display:flex}.install__art{width:min(294px,72vw);color:var(--muted);position:relative}.install__art svg{width:100%;height:auto;display:block}.install__icon{aspect-ratio:1;background:var(--surface);object-fit:cover;border-radius:22%;width:40.82%;height:auto;position:absolute;top:42.57%;left:29.76%;box-shadow:0 10px 30px #00000059}.install__title{margin:20px 0 8px;font-size:22px;font-weight:700;line-height:1.3}.install__lead{max-width:340px;color:var(--muted);margin:0;font-size:15px;line-height:1.55}.install__panel{width:100%;margin-top:24px}.install__desktop{color:var(--text);justify-content:center;align-items:center;gap:8px;font-weight:500;display:flex}.install__bubble{inset-inline:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:5;color:#18181b;background:#fff;border-radius:16px;max-width:420px;margin:0 auto;padding:12px 16px;animation:1.6s ease-in-out infinite install-nudge;position:fixed;box-shadow:0 12px 32px #00000059}.install__bubble:after{content:"";border:10px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-10px;left:50%;translate:-50%}.install__bubble ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.install__bubble li{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.install__bubble img{width:20px;height:20px}.install__bubble .icon{color:#18181b;font-size:20px}.install__bubble--top{top:calc(env(safe-area-inset-top,0px) + 16px);bottom:auto;max-width:min(320px,100vw - 24px);animation-name:install-nudge-up;inset-inline:auto 12px}.install__bubble--top:after{top:-10px;bottom:auto;left:auto;border:10px solid #0000;border-top:0;border-bottom-color:#fff;inset-inline-end:18px;translate:none}.install__bubble--top li{justify-content:flex-start}@keyframes install-nudge{0%,to{translate:0}50%{translate:0 6px}}@keyframes install-nudge-up{0%,to{translate:0}50%{translate:0 -6px}}@media (prefers-reduced-motion:reduce){.install__bubble{animation:none}}@media (width>=900px){.install{padding-top:32px}}.page--top .rank-row__rank{width:max(28px,3ch)}.page--top.is-empty .page__content{min-height:calc(var(--screen-height) - 90px);flex-direction:column;padding-bottom:72px;display:flex}.top-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:360px;margin:0 auto;padding:32px 0;display:flex}.top-empty__art{background:radial-gradient(circle,#d2b57924,#d2b57900 72%);border-radius:50%;place-items:center;width:144px;height:144px;margin-bottom:24px;display:grid}.top-empty__art img{object-fit:contain;width:112px;height:112px}.top-empty h2{text-wrap:balance;font-size:23px;font-weight:600;line-height:1.35}.top-empty p{color:var(--muted);text-wrap:pretty;margin-top:10px;font-size:14px;line-height:1.65}.top-empty__button{width:min(248px,100%);margin-top:28px}
