*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
body{font-family:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fg,#fff);background:var(--bg,#0b0d14);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit;color:inherit;outline:0;border:0;background:none}
img{display:block}
.glass{background:var(--gbg,rgba(255,255,255,.12));-webkit-backdrop-filter:blur(var(--gblur,22px)) saturate(1.7);backdrop-filter:blur(var(--gblur,22px)) saturate(1.7);border:1px solid var(--gline,rgba(255,255,255,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 30px rgba(0,0,0,.18)}
.energy{display:inline-flex;gap:4px}.energy i{width:16px;height:5px;border-radius:3px;background:var(--dim,rgba(255,255,255,.25))}.energy i.on{background:var(--acc,#fff)}
.seg{display:flex;gap:2px;padding:3px;border-radius:999px;position:relative}
.seg button{flex:1;padding:7px 4px;border-radius:999px;font-size:13px;font-weight:600;opacity:.7;transition:background .25s,opacity .25s,transform .15s;position:relative}
.seg button:active{transform:scale(.94)}
.seg button.on{opacity:1;background:var(--segon,rgba(255,255,255,.22))}
.seg button[data-k=saved]:not([data-n=""])::after{content:attr(data-n);font-size:10px;margin-left:4px;opacity:.8}
.pill-search{display:flex;align-items:center;gap:9px;padding:0 16px;height:46px;border-radius:999px}
.pill-search svg{font-size:18px;opacity:.7;flex:none}.pill-search input{flex:1;min-width:0;font-size:16px;user-select:text;-webkit-user-select:text}
.pill-search input::placeholder{color:currentColor;opacity:.5}
.heart{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),color .2s}
.heart:active{transform:scale(.85)}.heart.on{color:var(--heart,#ffb347)}.heart.pop{animation:pop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.4) rotate(-12deg)}100%{transform:scale(1)}}
.noimg{background:linear-gradient(135deg,#334,#556)}
.empty{position:absolute;inset:0;display:none;place-content:center;text-align:center;gap:10px;opacity:.7;font-size:15px;pointer-events:none}.empty svg{font-size:36px;margin:auto}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}