.act-bell{flex:none;position:relative}.act-bell-btn{border:1px solid var(--line);background:var(--paper-2);width:32px;height:32px;color:var(--ink-2);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .15s,border-color .15s;display:grid;position:relative}.act-bell-btn:hover,.act-bell-btn[aria-expanded=true]{color:var(--ink);border-color:var(--ink-2)}.act-bell-btn svg{width:16px;height:16px}.act-badge{background:var(--accent,#ff6b35);color:#fff;min-width:18px;height:18px;font:700 .66rem/1 var(--font-body,inherit);box-shadow:0 0 0 2px var(--paper);border-radius:999px;place-items:center;padding:0 5px;animation:.4s cubic-bezier(.2,1.6,.4,1) act-badge-in;display:grid;position:absolute;top:-5px;right:-6px}@keyframes act-badge-in{0%{transform:scale(.4)}to{transform:scale(1)}}.act-pop{z-index:60;background:var(--card);border:1px solid var(--line);width:min(380px,100vw - 24px);max-height:min(520px,100vh - 90px);box-shadow:var(--shadow-lg,0 16px 40px #00000040);border-radius:18px;padding:6px;position:absolute;top:calc(100% + 10px);right:-8px;overflow:auto}.act-pop header{justify-content:space-between;align-items:center;padding:8px 10px 6px;display:flex}.act-pop header a{color:var(--ink-2)}.act-pop header a:hover{color:var(--ink)}.act-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.act-list a{color:var(--ink);border-radius:12px;grid-template-columns:40px minmax(0,1fr) 10px;align-items:start;gap:12px;padding:10px;text-decoration:none;transition:background .12s;display:grid}.act-list a:hover,.act-list a:focus-visible{background:var(--paper-2)}.act-list li.unread a{background:color-mix(in srgb, var(--accent,#ff6b35) 7%, transparent)}.act-list li.unread a:hover{background:color-mix(in srgb, var(--accent,#ff6b35) 12%, transparent)}.act-avatar{background:var(--paper-2);width:40px;height:40px;color:var(--ink-2);border-radius:50%;place-items:center;font-weight:600;display:grid;position:relative}.act-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.act-kind{color:#fff;width:20px;height:20px;box-shadow:0 0 0 2px var(--card);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;bottom:-4px;right:-4px}.act-kind svg{width:11px;height:11px}.act-kind.k-comment,.act-kind.k-reply{background:#3b82f6}.act-kind.k-sticker{background:#ec4899}.act-kind.k-printed{background:#16a34a}.act-kind.k-remix{background:var(--accent,#ff6b35)}.act-text{gap:2px;min-width:0;display:grid}.act-line{font-size:.9rem;line-height:1.35}.act-excerpt{color:var(--ink-2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;display:-webkit-box;overflow:hidden}.act-list.compact .act-excerpt{-webkit-line-clamp:1}.act-dot{background:var(--accent,#ff6b35);border-radius:50%;width:8px;height:8px;margin-top:6px}.act-empty{text-align:center;color:var(--ink-2);justify-items:center;gap:8px;padding:22px 18px;display:grid}.act-empty svg{width:22px;height:22px;color:var(--accent,#ff6b35)}.act-empty p{max-width:42ch;margin:0}.act-skeleton{background:linear-gradient(90deg, var(--paper-2), var(--card), var(--paper-2));background-size:200% 100%;border-radius:12px;height:120px;margin:6px;animation:1.4s linear infinite act-shimmer}.act-skeleton.tall{height:320px}@keyframes act-shimmer{to{background-position:-200% 0}}.act-page{gap:26px;width:min(1100px,100% - 32px);margin:0 auto;padding:40px 0 80px;display:grid}.act-signed-out{justify-items:start;max-width:560px}.act-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;display:flex}.act-head h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem)}.act-head p{margin:4px 0 0}.act-totals{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;display:grid}.act-totals div{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px 16px}.act-totals dt{color:var(--ink-2);align-items:center;gap:6px;font-size:.8rem;display:flex}.act-totals dt svg{width:14px;height:14px;color:var(--accent,#ff6b35)}.act-totals dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:1.5rem;font-weight:650}.act-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.act-h{margin:0 0 10px;font-size:1.1rem}.act-group{gap:4px;margin-bottom:14px;display:grid}.act-group h3{text-transform:uppercase;letter-spacing:.06em;margin:0 10px}.act-empty.card{border:1px dashed var(--line);background:var(--card);border-radius:18px}.act-designs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.act-design{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:8px;text-decoration:none;transition:border-color .14s,transform .14s;display:grid}.act-design:hover{border-color:var(--accent,#ff6b35);transform:translateY(-1px)}.act-design img{object-fit:cover;background:var(--paper-2);border-radius:10px;width:96px;height:72px}.act-design-body{gap:3px;min-width:0;display:grid}.act-design-body b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.act-design-state,.act-design-stats span{align-items:center;gap:4px;display:inline-flex}.act-design-state svg,.act-design-stats svg{width:12px;height:12px}.act-design-stats{color:var(--ink-2);flex-wrap:wrap;gap:4px 12px;display:flex}@media (max-width:860px){.act-cols{grid-template-columns:1fr}.act-totals dd{font-size:1.25rem}}@media (max-width:480px){.act-page{padding-top:24px}.act-totals{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.act-totals div{text-align:center;border-radius:12px;padding:10px 6px}.act-totals dt{justify-content:center}.act-totals dt svg{width:16px;height:16px}.act-tl{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.act-totals dd{font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.act-badge,.act-skeleton{animation:none}.act-design{transition:none}.act-design:hover{transform:none}}.act-more{justify-content:center;width:100%}.act-kind.k-milestone{background:#f59e0b}.act-kind.k-referral{background:#8b5cf6}.act-milestone{color:var(--accent,#ff6b35);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:800}@media (max-width:600px){.act-pop{overscroll-behavior:contain;width:auto;max-height:calc(100dvh - 82px);position:fixed;top:66px;left:8px;right:8px}}
