.auth-area{align-items:center;gap:10px;display:inline-flex;position:relative}.auth-login-btn{color:#fff;background:var(--brand-gradient);box-shadow:var(--shadow-cta);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:700;transition:transform .16s,filter .16s;display:inline-flex}.auth-login-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.auth-user{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:6px 8px 6px 12px;transition:border-color .15s;display:inline-flex}.auth-user:hover{border-color:var(--peri)}.auth-avatar{background:var(--brand-gradient);color:#fff;text-transform:uppercase;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.auth-uname{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:13.5px;font-weight:700;overflow:hidden}.auth-staff-tag{color:var(--violet-ink);background:var(--violet-tint);letter-spacing:-.01em;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:800}.auth-menu{background:var(--card);border:1px solid var(--line);min-width:200px;box-shadow:var(--shadow-active);z-index:60;border-radius:14px;padding:7px;position:absolute;top:calc(100% + 8px);right:0}.auth-menu .who{border-bottom:1px solid var(--line2);margin-bottom:6px;padding:9px 11px 11px}.auth-menu .who b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;display:block;overflow:hidden}.auth-menu .who span{color:var(--muted);font-size:11.5px}.auth-menu a,.auth-menu button{text-align:left;width:100%;color:var(--ink2);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-size:13.5px;font-weight:600;display:flex}.auth-menu a:hover,.auth-menu button:hover{background:var(--paper);color:var(--ink)}.auth-menu .danger:hover{color:var(--coral)}.engage{margin:28px 0 8px}.engage-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.engage-btn{color:var(--ink2);background:var(--card);border:1.5px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .16s;display:inline-flex}.engage-btn:hover{border-color:var(--peri);color:var(--ink)}.engage-btn svg{width:18px;height:18px}.engage-btn.on.like{color:var(--coral);border-color:var(--coral);background:color-mix(in srgb, var(--coral) 8%, transparent)}.engage-btn.on.save{color:var(--mint-d);border-color:var(--mint);background:var(--mint-soft)}.engage-spacer{flex:1}.engage-hint{color:var(--muted);font-size:13px}.engage-hint a{color:var(--violet-ink);font-weight:700}.comments{margin-top:30px}.comments-head{color:var(--ink);letter-spacing:-.02em;margin-bottom:16px;font-size:17px;font-weight:800}.comments-head em{color:var(--mint-d);font-style:normal}.comment-form{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.comment-form textarea{resize:vertical;width:100%;min-height:84px;font-family:var(--body);color:var(--ink);background:var(--paper2);border:1.5px solid var(--line);border-radius:13px;padding:13px 15px;font-size:14.5px;line-height:1.6}.comment-form textarea:focus{border-color:var(--mint);background:#fff;outline:none;box-shadow:0 0 0 4px #01c1871f}.comment-form .row{justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-form .row .as{color:var(--muted);font-size:12.5px}.comment-submit{color:#fff;background:var(--ink);cursor:pointer;border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;transition:background .16s}.comment-submit:hover:not(:disabled){background:var(--mint-d)}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comment-login{background:var(--paper2);border:1px dashed var(--line);text-align:center;color:var(--ink2);border-radius:13px;margin-bottom:22px;padding:18px;font-size:13.5px}.comment-login a{color:var(--violet-ink);font-weight:800}.comment-list{flex-direction:column;gap:18px;list-style:none;display:flex}.comment-item{gap:12px;display:flex}.comment-ava{background:var(--brand-gradient-soft);width:34px;height:34px;color:var(--violet-ink);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.comment-ava.staff{background:var(--brand-gradient);color:#fff}.comment-body{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-author{color:var(--ink);font-size:13.5px;font-weight:800}.mod-badge{color:#fff;background:var(--brand-gradient);letter-spacing:-.01em;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:800}.comment-time{color:var(--muted);font-size:12px}.comment-del{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:12px}.comment-del:hover{color:var(--coral)}.comment-text{color:var(--ink2);white-space:pre-wrap;word-break:break-word;font-size:14.5px;line-height:1.7}.comment-empty{color:var(--muted);padding:8px 0;font-size:13.5px}.adsense-slot{text-align:center;margin:22px auto;overflow:hidden}.adsense-slot ins{display:block}.ad-label{letter-spacing:.1em;color:var(--muted2);text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.staff-bar{background:var(--violet-tint);border:1px solid color-mix(in srgb, var(--peri) 30%, transparent);border-radius:13px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;padding:12px 16px;display:flex}.staff-bar .lab{color:var(--violet-ink);letter-spacing:-.01em;font-size:12px;font-weight:800}.staff-bar a,.staff-bar button{border:1px solid var(--peri);background:var(--card);color:var(--violet-ink);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;transition:all .15s}.staff-bar a:hover,.staff-bar button:hover{background:var(--peri);color:#fff}.staff-bar .danger{border-color:var(--coral);color:var(--coral)}.staff-bar .danger:hover{background:var(--coral);color:#fff}.staff-bar .spacer{flex:1}
