.hero { position: relative; }
.hero::after { content: "⌖  DISCOVERING NOW"; position: absolute; right: 2%; bottom: 70px; padding: 9px 13px; border: 1px solid rgba(14,100,89,.18); border-radius: 999px; color: var(--green); background: rgba(255,255,255,.55); font: 800 9px/1 ui-monospace, monospace; letter-spacing: .13em; transform: rotate(3deg); }
.identity-label { display: block; margin-bottom: 8px; color: var(--ink); font-size: 12px; font-weight: 850; }
.identity-field { display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 14px; padding: 0 13px; background: var(--paper); transition: .2s; }
.identity-field:focus-within { border-color: var(--green); box-shadow: 0 0 0 3px rgba(14,100,89,.09); }
.identity-field span { color: var(--green); font-weight: 900; }
.identity-field input { width: 100%; border: 0; outline: 0; padding: 13px 0; background: transparent; color: var(--ink); font: inherit; font-size: 13px; }
.identity-field input.invalid { color: var(--red); }
.identity-hint { display: block; margin: 7px 2px 15px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.post { position: relative; overflow: hidden; }
.post::after { content: ""; position: absolute; width: 75px; height: 75px; right: -38px; top: -38px; border: 1px solid rgba(14,100,89,.1); border-radius: 50%; box-shadow: 0 0 0 13px rgba(14,100,89,.025); pointer-events: none; }
.post-identity { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; }
.post-avatar { display: grid; place-items: center; flex: 0 0 31px; height: 31px; border-radius: 10px; background: var(--ink); color: var(--acid); font-size: 12px; font-weight: 900; transform: rotate(-3deg); }
.post-identity strong, .post-identity small { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-identity strong { color: var(--ink); font-size: 11px; }
.post-identity small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.reject-dialog .dialog-inner { border: 1px solid rgba(196,78,63,.18); }
.reject-mark { background: #ffe0da; color: var(--red); transform: rotate(4deg); }
.reject-dialog .step { color: var(--red); }
@media (max-width: 850px) { .hero::after { display: none; } }