:root{--bg:#f4f4f2;--surface:#fff;--ink:#1a1a1a;--muted:#1a1a1a8c;--line:#1a1a1a1f;--track:#1a1a1a14;--brand:#fc4c02;--brand-ink:#fff;--accent:#1a1a1a;--ok:#16a34a;--font-display:"Anton", Impact, sans-serif;--font-body:"Inter", system-ui, sans-serif;--base-fs:14px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--base-fs);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}@media (width>=540px){body{background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--brand) 25%, transparent) 0, transparent 35%), radial-gradient(circle at 80% 90%, color-mix(in srgb, var(--accent) 22%, transparent) 0, transparent 40%), var(--bg);background-attachment:fixed;padding:24px 0}#root>div.beereel-frame{box-shadow:0 30px 80px #0000002e, 0 0 0 1px var(--line);border-radius:28px;margin-top:12px;overflow:hidden;min-height:calc(100vh - 48px)!important}}button,input,textarea{font-family:inherit}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.4;transform:scale(1.18)}}@keyframes beereel-shimmer{0%{background-position:-240px 0}to{background-position:240px 0}}.beereel-img-skeleton{background-color:var(--track);background-image:linear-gradient(90deg, color-mix(in srgb, var(--track) 80%, transparent) 0%, color-mix(in srgb, var(--ink) 6%, var(--track)) 50%, color-mix(in srgb, var(--track) 80%, transparent) 100%);background-repeat:no-repeat;background-size:240px 100%;animation:1.2s ease-in-out infinite beereel-shimmer}::-webkit-scrollbar{height:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;font-weight:900}