#sp-likes{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:900;font-family:inherit;text-align:center;isolation:isolate;color:#fff8ed;line-height:1.4}
#sp-likes *{box-sizing:border-box}
#sp-likes .spl-button{appearance:none;display:flex;align-items:center;gap:12px;min-height:72px;min-width:208px;margin:0;padding:12px 17px;border:1px solid #d7b778;border-radius:16px;background:#743e32;color:#fff8ed;box-shadow:0 5px 20px #321f1926;cursor:pointer;font:inherit;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .18s,transform .18s,box-shadow .18s}
#sp-likes .spl-button:hover{background:#603226;box-shadow:0 7px 23px #321f1938;transform:translateY(-2px)}
#sp-likes .spl-button:active{transform:scale(.96)}
#sp-likes .spl-button:focus-visible{outline:3px solid #f3cc7f;outline-offset:4px}
#sp-likes .spl-icon{display:grid;place-items:center;color:#ebcf97;width:36px;height:38px;flex-shrink:0}
#sp-likes .spl-icon svg{display:block}
#sp-likes .spl-copy{display:flex;flex-direction:column;gap:2px}
#sp-likes .spl-label{font-size:12px;letter-spacing:.08em;white-space:nowrap}
#sp-likes .spl-total{font-family:Arial,sans-serif;font-size:25px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}
#sp-likes .spl-plus{font-size:23px;color:#ebcf97;margin-left:auto}
#sp-likes .spl-hint{display:block;margin:7px auto 0;padding:3px 10px;width:max-content;max-width:240px;background:#fffaf1;color:#743e32;border-radius:12px;font-size:11px;box-shadow:0 1px 5px #321f1912}
#sp-likes .spl-particles{position:absolute;inset:0;pointer-events:none;overflow:visible}
#sp-likes .spl-particle{position:absolute;bottom:55px;left:35%;display:block;padding:8px 11px;border:1px solid #dbc58f;border-radius:50%;background:#fff4d7;color:#743e32;font-family:serif;font-size:23px;font-weight:700;line-height:1;box-shadow:0 3px 12px #321f1924;pointer-events:none}
@media(max-width:600px){#sp-likes{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}#sp-likes .spl-button{min-width:176px;min-height:62px;padding:9px 12px;gap:8px;border-radius:14px}#sp-likes .spl-total{font-size:22px}#sp-likes .spl-label{font-size:11px}#sp-likes .spl-hint{font-size:10px;margin-top:5px}#sp-likes .spl-icon{width:29px}}
@media(prefers-reduced-motion:reduce){#sp-likes .spl-button{transition:none}#sp-likes .spl-button:hover,#sp-likes .spl-button:active{transform:none}}
@media print{#sp-likes{display:none}}

/* Clear frosted glass: preserve the background rather than painting a solid tile. */
html body #sp-likes .spl-button{
 background:rgba(255,250,242,.14)!important;color:#512820!important;
 border:1px solid rgba(255,255,255,.42)!important;
 -webkit-backdrop-filter:blur(10px) saturate(140%)!important;backdrop-filter:blur(10px) saturate(140%)!important;
 box-shadow:0 6px 22px rgba(54,28,20,.12),inset 0 1px 0 rgba(255,255,255,.34)!important;
 transition:background-color 160ms ease,transform 160ms ease,box-shadow 160ms ease;
}
html body #sp-likes .spl-button:hover{background:rgba(255,250,242,.22)!important;box-shadow:0 8px 24px rgba(54,28,20,.16),inset 0 1px 0 rgba(255,255,255,.46)!important}
html body #sp-likes .spl-button:focus-visible{outline:3px solid #743e32;outline-offset:4px}
html body #sp-likes :is(.spl-icon,.spl-plus){color:#743e32!important}
html body #sp-likes .spl-label{font-weight:650}
html body #sp-likes .spl-hint{
 background:rgba(255,250,242,.16)!important;color:#512820!important;border:1px solid rgba(255,255,255,.35);
 -webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);
 box-shadow:0 2px 10px rgba(54,28,20,.08),inset 0 1px 0 rgba(255,255,255,.25);
}
html body #sp-likes .spl-particle{background:rgba(255,250,242,.28);color:#743e32;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.45)}
html body #sp-likes.spl-on-dark :is(.spl-button,.spl-hint){color:#fffaf2!important;text-shadow:0 1px 3px rgba(35,16,13,.4)}
html body #sp-likes.spl-on-dark :is(.spl-icon,.spl-plus){color:#fff2d4!important}
html body #sp-likes.spl-on-dark .spl-button:focus-visible{outline-color:#ffe0a0}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body #sp-likes .spl-button,html body #sp-likes.spl-on-dark .spl-button{background:#f1e7d8!important;color:#512820!important;text-shadow:none}}
@media(prefers-reduced-transparency:reduce){html body #sp-likes :is(.spl-button,.spl-hint),html body #sp-likes.spl-on-dark :is(.spl-button,.spl-hint){background:#f1e7d8!important;color:#512820!important;text-shadow:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html body #sp-likes.spl-on-dark :is(.spl-icon,.spl-plus){color:#743e32!important}}
html body.contrast #sp-likes :is(.spl-button,.spl-hint){background:#161616!important;color:#fff!important;border-color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.contrast #sp-likes :is(.spl-icon,.spl-plus){color:#fff!important}
@media(forced-colors:active){html body #sp-likes :is(.spl-button,.spl-hint),html body #sp-likes.spl-on-dark :is(.spl-button,.spl-hint){background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;text-shadow:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html body #sp-likes :is(.spl-icon,.spl-plus),html body #sp-likes.spl-on-dark :is(.spl-icon,.spl-plus){color:ButtonText!important}}