.avatar{font-family:var(--f-display);color:#fff;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.avatar.is-card{background:var(--card-bg);box-shadow:0 0 0 2px var(--rc), 0 0 10px -2px var(--rc)}.avatar.is-card img{object-fit:cover;object-position:50% 12%;width:100%;height:100%}.avatar.is-card.has-focus{background-position:50%;background-size:cover;display:block;position:relative}.avatar.is-card.has-focus:before{content:"";background:inherit;filter:blur(7px)brightness(.55);position:absolute;inset:-12%}.avatar.is-card.has-focus img{width:calc(var(--az) * 100%);object-fit:fill;max-width:none;height:auto;translate:calc(var(--ax) * -1%) calc(var(--ay) * -1%);position:absolute;top:50%;left:50%}.avatar-focus{border:1px solid var(--line);background:var(--glass-1);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:14px;display:flex}.avatar-focus-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;margin-inline:auto}.avatar-focus-stage:active{cursor:grabbing}.avatar-focus-stage .avatar{pointer-events:none}.avatar-probe{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.avatar-focus-tools{flex-direction:column;flex:180px;align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.avatar-focus-tools label{width:100%;color:var(--muted);align-items:center;gap:10px;display:flex}.avatar-focus-tools input[type=range]{accent-color:var(--accent);background:0 0;border:0;flex:1;padding:0}.avatar.is-koi svg{filter:drop-shadow(0 2px 3px #00000073);width:86%;rotate:-38deg}.avatar.is-koi .koi-tail{animation:none}.avatar-picker{flex-direction:column;gap:12px;max-width:560px;display:flex}.avatar-picker>*{flex-shrink:0}.avatar-picker h3{font-family:var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 0;font-size:.74rem;font-weight:700}.avatar-now{align-items:center;gap:14px;display:flex}.avatar-note{margin:0;font-size:.86rem}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));justify-items:center;gap:10px 6px;display:grid}.avatar-grid button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:4px}.avatar-grid button.is-on{box-shadow:0 0 0 2px var(--accent)}.avatar-grid button:disabled{opacity:.6}.user-menu-btn{align-items:center;gap:7px;padding-left:5px;display:inline-flex}.avatar-edit{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-edit:after{content:"✎";background:var(--primary);width:22px;height:22px;color:var(--primary-ink);border-radius:50%;place-items:center;font-size:.72rem;display:grid;position:absolute;bottom:-2px;right:-2px}.push-box{border:1px solid var(--line);background:var(--glass-1);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px;font-size:.9rem;display:flex}.push-box>span{text-wrap:pretty;flex:200px}.push-box .push-actions{gap:6px;display:flex}.push-box small{color:var(--muted);flex-basis:100%}.avatar-framed{flex:none;display:inline-flex;position:relative}.avatar-frame{object-fit:contain;pointer-events:none;width:136%;height:136%;position:absolute;inset:-18%}