* { margin: 0; padding: 0; box-sizing: border-box; } /* AnimeCha (cha = tea) palette: tea-garden dark surfaces, matcha secondary accent, and the three verdicts as tea colors β€” 🍡 savored matcha green (the tea you drank and loved), 🌿 steeping amber (the brew working in the pot), βœ‚οΈ pruned clay (the kyusu). Flipped 2026-07-06 on user direction. */ :root { --bg: #0e130f; /* the garden table at dusk: a matcha-green pool lit by a warm golden-brew lamp drifting off the upper-right, with cool pine-teal evening air pooling lower-left. Layered + asymmetric so it reads as natural light, not a flat olive wash. One token so boot/landing/app never seam. */ --table-bg: radial-gradient(ellipse 82% 58% at 64% 24%, rgba(233, 181, 112, 0.07) 0%, transparent 58%), radial-gradient(ellipse 68% 54% at 34% 84%, rgba(58, 122, 110, 0.06) 0%, transparent 60%), radial-gradient(ellipse 132% 112% at 50% 44%, #213524 0%, rgba(22, 35, 23, 0.5) 48%, transparent 80%), radial-gradient(ellipse at 50% 46%, #131d15 0%, #0e130f 72%, var(--bg) 100%); --surface: #181f19; --surface-2: #222b23; --text: #e9ede8; --text-dim: #9cab9d; --accent: #e5a04b; /* golden brew */ --accent-2: #8fd48c; /* matcha */ --like: #6fbf73; /* 🍡 savored */ --skip: #c96a52; /* βœ‚οΈ pruned */ --watch: #e8a34c; /* 🌿 steeping */ /* the same verdict hues as raw channels, for glows/washes/tints at any alpha: rgba(var(--like-rgb), 0.3). ALWAYS derive verdict-tinted effects from these tokens β€” never restate the numbers. */ --like-rgb: 111, 191, 115; --skip-rgb: 201, 106, 82; --watch-rgb: 232, 163, 76; --accent-rgb: 229, 160, 75; --accent-2-rgb: 143, 212, 140; --radius: 16px; /* the deck footprint β€” card stack AND desktop piles share these exact dimensions (spacing between them assumes it). Also used INSTEAD of width/height:100% inside the pile buttons: Safari resolves percentage heights on