/* * Rising Seasons — app styles. * * Loaded after assets/css/main.css so these rules win on conflicts. The * site chrome (#header / #footer / #menu) keeps its dark #181818 styling * from main.css; this file forces the dark IMDb-style theme on the body * background and normalizes every interactive control to the same height * + alignment so the toolbar reads as one row. */ :root { /* Tells the browser to use dark UI for native widgets — scrollbars, 's longest option, a long row title, or the advanced-panel's grid can grow a single block past .page's content area and the page reads as misaligned. The fix has three parts: 1. Lock each block to width:100% inside .page's content box with box-sizing:border-box so border+padding live INSIDE the width. 2. Set min-width:0 so flex/grid intrinsic minimums don't expand the box (default min-width:auto would let a wide