.af-like-tools{display:flex;justify-content:flex-end;margin:0 0 12px}.af-like-orb{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--text-main,#eef8ff);cursor:pointer;border:1px solid rgba(255,255,255,.68);background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(120,216,246,.2) 50%,rgba(185,134,249,.24));box-shadow:inset 0 1px 1px #ffffffb3,0 5px 22px #8b5cf640,0 0 0 5px #c4b5fd15;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.af-like-orb:before{content:'';position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 42%,#ffffff70 50%,transparent 58%);animation:afLikeShine 5s ease-in-out infinite}.af-like-orb svg{width:25px;height:25px;position:relative}.af-like-orb:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff,0 8px 28px #8b5cf655}.af-like-orb:active{transform:scale(.95)}.af-like-orb:focus-visible,.af-like-sheet button:focus-visible{outline:3px solid #7c9eff;outline-offset:3px}
.af-like-overlay[hidden]{display:none}.af-like-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,13,34,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .24s;overscroll-behavior:auto}.af-like-overlay.is-open{opacity:1}.af-like-sheet{position:relative;width:min(100%,390px);max-height:90dvh;overflow:auto;border-radius:32px;padding:28px 24px;color:var(--text-main,#f1f5ff);border:1px solid #ffffff80;background:linear-gradient(145deg,rgba(47,55,88,.94),rgba(27,39,64,.94));box-shadow:inset 0 1px 0 #ffffff85,0 25px 80px #06081966;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);transform:translateY(22px) scale(.97);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.is-open .af-like-sheet{transform:translateY(0) scale(1)}.af-like-sheet h2{font-size:23px;margin:10px 0 6px}.af-like-sheet p{font-size:13px;line-height:1.6;opacity:.8}.af-like-sheet .af-like-close{position:absolute;right:16px;top:16px;border:1px solid #ffffff55;border-radius:50%;width:34px;height:34px;background:#ffffff15;color:inherit;font-size:23px;cursor:pointer}.af-like-badge{display:inline-flex;gap:6px;align-items:center;border-radius:30px;padding:7px 13px;background:#a5e2ff25;border:1px solid #c4e7ff50;font-size:12px;font-weight:700}.af-like-sheet label{display:block;font-size:13px;margin:24px 0 9px}.af-like-sheet input{box-sizing:border-box;width:100%;padding:16px 18px;border-radius:20px;border:1px solid #ffffff65;background:#ffffff14;color:inherit;font-family:inherit;font-weight:600;outline:none;font-size:24px;transition:box-shadow .2s}.af-like-sheet input:focus{box-shadow:0 0 0 3px #9aabff44;border-color:#adbdff}.af-like-summary{margin:18px 0;display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-radius:22px;background:linear-gradient(120deg,#bef3ff24,#cebaff22);border:1px solid #ffffff45}.af-like-summary strong{font-size:28px}.af-like-sheet [data-message]{min-height:20px;font-size:12px;color:inherit;margin:8px 0}.af-like-actions{display:flex;gap:10px}.af-like-actions button{flex:1;padding:14px 10px;border-radius:24px;border:1px solid #ffffff65;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s}.af-like-actions button:active{transform:scale(.97)}.af-like-actions [data-close]{background:#ffffff15;color:inherit}.af-like-actions [data-confirm]{background:linear-gradient(120deg,#abedfc,#d8c9ff);color:#173349;box-shadow:inset 0 1px 1px #fff,0 4px 16px #bacaff30}.af-like-actions button:disabled{opacity:.5;cursor:wait}
.af-like-light .af-like-sheet{background:linear-gradient(145deg,rgba(250,243,255,.94),rgba(215,239,249,.95));color:#20283e}@keyframes afLikeShine{0%,65%{transform:translateX(-70%) rotate(20deg)}100%{transform:translateX(70%) rotate(20deg)}}@media(prefers-reduced-motion:reduce){.af-like-orb:before{animation:none}.af-like-orb,.af-like-overlay,.af-like-sheet,.af-like-actions button{transition:none}}@media(max-width:480px){.af-like-overlay{padding:16px}.af-like-sheet{padding:26px 22px;border-radius:30px}}

/* Explicit dismissal controls stay visible on both themes. */
.af-like-sheet .af-like-close,.af-like-actions [data-close]{color:#fff;background:linear-gradient(135deg,#e34658,#bb203c);border:1px solid rgba(255,220,225,.85);box-shadow:inset 0 1px 1px #ffffff70,0 5px 16px #b5203c28}
.af-like-sheet .af-like-close:hover,.af-like-actions [data-close]:hover{background:linear-gradient(135deg,#ef5264,#ca2946)}
.af-like-sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.af-like-sheet h2{padding-right:20px}

.af-like-orb{background:linear-gradient(145deg,rgba(235,251,255,.65),rgba(126,211,235,.32) 52%,rgba(172,153,240,.35));border:1px solid rgba(224,250,255,.9);box-shadow:inset 0 2px 3px #ffffffa6,inset 0 -2px 5px #799ccd25,0 5px 20px #5b9ed03b}.af-like-orb svg{width:27px;height:27px;filter:drop-shadow(0 1px 1px #ffffff60)}

/* Compact glass sheet: readable surface, quiet empty state, luminous primary action. */
.af-like-sheet{border-radius:30px;padding:26px 24px;box-shadow:inset 0 1px 0 #ffffffbd,inset 0 -1px 0 #b5c5ee50,0 24px 65px #17133245}
.af-like-light .af-like-sheet{background:linear-gradient(145deg,rgba(250,245,255,.98),rgba(226,239,252,.97) 58%,rgba(213,242,249,.98))}
.af-like-sheet h2{margin:18px 0 8px;font-size:24px;letter-spacing:-.4px}
.af-like-sheet label{margin-top:20px}
.af-like-sheet input{border-radius:21px;box-shadow:inset 0 2px 8px #675e8b14,0 1px 0 #ffffff70}
.af-like-summary{margin:20px 0;padding:19px 18px;background:linear-gradient(120deg,#c6f1ff45,#d5c9ff30);box-shadow:inset 0 1px 0 #ffffff90}
.af-like-sheet [data-message]:empty{display:none}
.af-like-sheet [data-message]{min-height:0;margin:10px 0}
.af-like-actions{margin-top:20px}
.af-like-actions [data-confirm]{position:relative;background:linear-gradient(115deg,#75e3f4,#a5d4ff 48%,#ccb2ff);border:1px solid #e9fbff;color:#163b52;box-shadow:inset 0 2px 2px #ffffffb3,0 0 15px #55d9f577,0 0 28px #ac8eff55,0 6px 18px #739ad03d;transition:box-shadow .25s,transform .2s,opacity .2s}
.af-like-actions [data-confirm]:not(:disabled):hover{box-shadow:inset 0 2px 2px #ffffffcc,0 0 20px #55d9f5aa,0 0 36px #ac8eff88,0 8px 22px #739ad04d}
.af-like-actions [data-confirm]:disabled{opacity:.62;cursor:not-allowed;box-shadow:inset 0 1px 2px #ffffffa0,0 0 10px #76d6ed35}