/* Cuddlebot — shared tokens for the app (signin / browse / watch / account).
   Palettes mirror the Cuddlebot Web App design exactly, switched via data-cb. */
[data-cb="light"]{--bg:#F5F9FF;--surface:#FFFFFF;--text:#0E1B2E;--text2:#56677D;--primary:#8CB8EC;--primary2:#5F93D3;--onPrimary:#0E1B2E;--accent:#FF6B9D;--line:#DCE6F4;--soft:#E4EFFC;--softText:#2C5585;--skel:#E1EAF6;--err:#C2255C;--errSoft:#FFE8F0;--wm:#4A7AB5;--link:#335F96;--paw:rgba(255,255,255,.55);--shadow:0 8px 24px rgba(40,80,140,.10),0 1px 3px rgba(40,80,140,.08)}
[data-cb="pink"]{--bg:#FFF6F9;--surface:#FFFFFF;--text:#2A0F1E;--text2:#7A5A68;--primary:#F7B3CB;--primary2:#E07FA3;--onPrimary:#2A0F1E;--accent:#8CB8EC;--line:#F4DDE6;--soft:#FDE7EF;--softText:#8C2F55;--skel:#F7E4EC;--err:#B8233F;--errSoft:#FFE3E8;--wm:#C4577F;--link:#A33E66;--paw:rgba(255,255,255,.55);--shadow:0 8px 24px rgba(160,60,100,.10),0 1px 3px rgba(160,60,100,.08)}
[data-cb="dark"]{--bg:#0C1220;--surface:#16213A;--text:#EAF2FF;--text2:#9DB0C8;--primary:#8CB8EC;--primary2:#A9CBF2;--onPrimary:#0E1B2E;--accent:#FF6B9D;--line:#26344F;--soft:#1C2B48;--softText:#C9DDF6;--skel:#1D2944;--err:#FF8FB5;--errSoft:#3A1A33;--wm:#A9CBF2;--link:#A9CBF2;--paw:rgba(255,255,255,.16);--shadow:0 10px 28px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.3)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:var(--link)}a:hover{color:var(--primary2)}
@keyframes cbSpin{to{transform:rotate(360deg)}}
@keyframes cbUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.spinner{display:inline-block;width:18px;height:18px;border:3px solid var(--paw);border-top-color:currentColor;border-radius:50%;animation:cbSpin .7s linear infinite}