/* v12.9.8 interaction integrity: state clarity, accessible feedback, account/profile refinement. */
.toast-region{position:fixed;z-index:4000;right:18px;bottom:18px;display:grid;gap:8px;width:min(360px,calc(100vw - 36px));pointer-events:none}.site-toast{transform:translateY(8px);opacity:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--ink);color:#fff;box-shadow:0 16px 40px rgba(13,27,42,.18);font-weight:700;line-height:1.4;transition:opacity .2s ease,transform .2s ease}.site-toast.success{border-color:rgba(15,163,163,.45)}.site-toast.error{background:#8f2d23}.site-toast.is-visible{transform:none;opacity:1}
.public-help-popover{position:fixed;z-index:3500;display:block;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 38px rgba(13,27,42,.16);color:var(--ink);font-size:.86rem;line-height:1.5}.public-help-popover strong,.public-help-popover span{display:block}.public-help-popover span{margin-top:4px;color:var(--muted)}.public-help-popover[hidden]{display:none}
.account-nav a{position:relative}.account-nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;border-radius:999px;background:var(--coral,#ff6846);color:#fff;font-size:.72rem;font-weight:800}
.note-composer{display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--soft)}.note-composer-grid{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.28fr);gap:16px;align-items:start}.note-composer label{display:grid;gap:7px;margin:0;font-weight:750}.note-composer textarea{min-height:150px;resize:vertical}.note-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:2px}.note-composer-footer small{color:var(--muted);font-variant-numeric:tabular-nums}
.profile-view-state{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.profile-view-state p{margin:4px 0 0;color:var(--muted);line-height:1.5}.username-availability{display:block;margin-top:6px;color:var(--muted);font-size:.82rem;font-weight:600}.username-availability.is-checking{color:var(--muted)}.username-availability.is-available{color:#17734a}.username-availability.is-unavailable{color:#a0352a}.profile-avatar-compact [data-avatar-preview]{object-fit:cover}
.follow-control,.follow-state-button{transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.follow-control.is-following,.follow-state-button.is-following{border-color:rgba(15,163,163,.45);background:#eef9f7;color:#0b6f6f}.follow-control:hover,.follow-state-button:hover{transform:translateY(-1px)}
.article-share{z-index:4}.article-share button.is-active,.article-share a.is-active{color:var(--on-green);border-color:var(--green);background:var(--green)}.article-share button[disabled]{opacity:.6;cursor:wait}.article-share [data-like-count]{position:absolute;transform:translate(14px,-14px);display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--ink);color:#fff;font-size:10px;font-weight:800}
.comment-identity{display:flex;align-items:center;gap:10px}.comment-identity img,.comment-avatar-fallback{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment-avatar-fallback{display:grid;place-items:center;background:#e7efef;color:var(--ink);font:700 1rem var(--serif)}.comment-own-pending{border-style:dashed;background:#fffaf0}.comment-own-pending .status-pill{display:inline-flex;margin-top:4px}
.auth-step-list ol{display:grid;gap:9px;margin:12px 0;padding-left:22px}.auth-secondary-action-grid{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.auth-change-email-card{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.auth-change-email-card[hidden]{display:none}.mfa-context-note{display:grid;gap:4px;margin:16px 0;padding:14px;border-left:3px solid var(--teal,#0fa3a3);background:#f3fbf9}.mfa-context-note span{color:var(--muted)}
.notification-card.unread{border-color:rgba(15,163,163,.35);background:#f4fbfa}.notification-dot{width:8px;height:8px;border-radius:50%;background:transparent}.notification-card.unread .notification-dot{background:var(--teal,#0fa3a3)}
.account-media-card{overflow:hidden}.account-media-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.account-upload-drop input[type=file]{max-width:100%}
@media (max-width:820px){.note-composer-grid{grid-template-columns:1fr}.profile-view-state{align-items:flex-start;flex-direction:column}.toast-region{right:12px;bottom:12px;width:calc(100vw - 24px)}}
@media (prefers-reduced-motion:reduce){.site-toast,.follow-control,.follow-state-button{transition:none}}
.account-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.account-pager>a:last-child{justify-self:end}.account-pager>span:nth-child(2){color:var(--muted);font-size:.84rem;font-weight:700}
@media(max-width:600px){.account-pager{grid-template-columns:1fr 1fr}.account-pager>span:nth-child(2){grid-column:1/-1;grid-row:1;text-align:center}.account-pager>a{grid-row:2}.account-pager>a:last-child{justify-self:stretch}.account-pager>a:first-child{justify-self:stretch}}
.personal-media-preview{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.personal-media-preview[hidden]{display:none}.personal-media-preview img{width:96px;height:72px;border-radius:8px;object-fit:cover}.personal-media-preview figcaption{color:var(--muted);font-size:.84rem}.account-media-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.account-media-card>div{display:grid;gap:7px;padding:12px}.account-media-card .text-button{justify-self:start}
.mfa-trust-browser{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff}.mfa-trust-browser input{margin-top:4px}.mfa-trust-browser span{display:grid;gap:3px}.mfa-trust-browser small{color:var(--muted);line-height:1.5}.auth-success-panel{text-align:center}.auth-success-mark{display:grid;place-items:center;width:58px;height:58px;margin:8px auto 14px;border-radius:50%;background:#e9f7ef;color:#16784c;font-size:1.7rem;font-weight:900}