@layer base;@layer components{.ap-split-3{grid-template-columns:260px minmax(0,1fr) 340px;align-items:start;gap:40px clamp(28px,3vw,48px);padding-top:clamp(28px,3vw,44px);display:grid}.ap-split-3>.ap-rail{top:calc(var(--nav-offset) + 18px);position:sticky}.ap-left{top:calc(var(--nav-offset) + 18px);gap:34px;display:grid;position:sticky}.ap-feedcol{width:100%;max-width:600px;margin:0 auto}.ap-col{flex-direction:column;gap:24px;display:flex}.ap-mini h2,.ap-studio h2{margin:0 0 12px}.ap-mini-i{color:inherit;border-radius:16px;grid-template-columns:22px 40px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 -10px;padding:9px 10px;transition:background-color .15s;display:grid}.ap-mini-i:hover{background:var(--card)}.ap-mini-rank{font-family:var(--font-mono);color:var(--faint);font-size:11px}.ap-mini-n b{font-size:15px;line-height:1.2;display:block}.ap-mini-n small{color:var(--muted);font-size:13px}.ap-mini-v{justify-items:end;gap:1px;font-size:13px;font-weight:600;display:grid}.ap-mini-v .ap-roll{font-size:13px}.ap-mini-all{margin-top:10px;font-size:14px}.ap-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ap-studio-f{aspect-ratio:4/5;background:var(--bg-2);border-radius:16px;display:block;position:relative;overflow:hidden}.ap-studio-f img{object-fit:cover;object-position:50% 22%;width:100%;height:100%}.ap-studio-f[data-hot="1"]:after{content:"";background:var(--violet);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite ap-blink;position:absolute;top:8px;left:8px;box-shadow:0 0 0 2px #fff}.ap-studio-t{color:var(--muted);align-items:center;gap:9px;margin:14px 0 10px;font-size:14.5px;display:flex}.ap-studio-t b{color:var(--ink)}.ap-me-id{color:var(--ink);align-items:center;gap:9px;display:inline-flex}.ap-me-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px 56px;margin-top:clamp(14px,1.6vw,22px);display:flex}.ap-earn{color:#f6f5fb;background:#0b0b0f;border-radius:36px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:28px 56px;margin-top:clamp(26px,3vw,40px);padding:clamp(28px,3.4vw,52px) clamp(24px,3.4vw,52px);display:grid;position:relative}.ap-earn .ap-label{color:#8d8c9b}.ap-earn-n{font-family:var(--font-display);letter-spacing:-.06em;white-space:nowrap;margin-top:10px;font-size:clamp(60px,8.5vw,150px);font-weight:900;line-height:.88}.ap-earn-n .ap-roll{font-size:inherit;letter-spacing:-.07em;font-weight:700}.ap-earn-n small{font-family:var(--font-mono);letter-spacing:.06em;color:#8d8c9b;margin-left:.12em;font-size:.18em;font-weight:500}.ap-earn-usd{font-family:var(--font-mono);letter-spacing:.04em;color:#a9bcff;margin-top:14px;font-size:14px}.ap-earn-side{gap:18px;display:grid}.ap-earn-side>div{border-bottom:1px dashed #fff3;justify-content:space-between;align-items:baseline;gap:14px;padding-bottom:14px;display:flex}.ap-earn-side b{font-family:var(--font-mono);letter-spacing:-.04em;color:#fff;font-size:24px;font-weight:600}.ap-earn-note{color:#f6f5fbb3;max-width:30em;margin:0;font-size:14.5px;line-height:1.5}.ap-me-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,24px);margin-top:30px;display:grid}.ap-me-note{color:var(--muted);margin:10px 6px 0;font-size:13px}.ap-me-empty{background:var(--card);box-shadow:var(--shadow-card);border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:28px 56px;margin-top:30px;padding:clamp(28px,3.4vw,56px);display:grid}.ap-me-ghost{aspect-ratio:5/7;background:var(--sunk);max-width:300px;box-shadow:inset 0 0 0 2px var(--hair);border-radius:28px;position:relative;overflow:hidden}.ap-me-ghost svg{width:74%;color:var(--hair);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ap-me-ghost span{position:absolute;top:14px;left:14px}@media (max-width:1280px){.ap-split-3{grid-template-columns:minmax(0,1fr) 340px}.ap-split-3>.ap-left{display:none}}@media (max-width:1020px){.ap-split-3{grid-template-columns:minmax(0,1fr)}.ap-split-3>.ap-rail{border-left:0;padding-left:0;position:static}.ap-me-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-earn,.ap-me-empty{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.ap-me-grid{gap:12px}.ap-earn{border-radius:28px}.ap-earn-n{font-size:clamp(54px,17vw,90px)}}}