/*
 * Main entry point. With Propshaft + stylesheet_link_tag(:app), every CSS file
 * under app/assets/stylesheets/ is served as a separate <link> tag.
 *
 * Load order (alphabetical within each directory):
 *
 *   base/reset.css                   — body reset
 *   base/tokens.css                  — design tokens + highlight color → --hl-bg
 *
 *   components/app_menu.css          — app-menu dropdown
 *   components/avatar.css            — avatar
 *   components/badge.css             — badge (with variants)
 *   components/btn_danger.css
 *   components/btn_ghost.css
 *   components/btn_primary.css
 *   components/confirm_dialog.css
 *   components/library_card.css     — library-card component
 *   components/menu_item.css         — menu-item (used inside app-menu and elsewhere)
 *   components/pdf_color_picker.css — pdf-color-picker + highlight button active states
 *   components/pdf_outline.css       — pdf-outline panel (slide-in TOC, active item tracking)
 *   components/pdf_search.css        — pdf-search-bar, search overlay
 *   components/pdf_title_dialog.css — pdf-title-dialog modal
 *   components/pdf_upload.css        — pdf-upload-errors banner + pdf-dropzone
 *   components/pdf_viewer.css        — pdf-toolbar, zoom controls, page info, loading, scroll surface, highlight overlay
 *   components/top_bar.css           — top-bar component
 *   components/widget_highlights.css — widget-highlights (list, group, item, empty)
 *   components/widget_pane.css       — widget-pane (body, panel, tabs, empty state)
 *   components/write_widget.css      — widget-write (header, toolbar, editor/ProseMirror)
 *
 *   views/sessions/new.css           — login page
 *   views/study_containers/index.css — library screen, sections, empty state
 *   views/study_containers/show.css  — reader layout (screen, PDF pane, widget pane container, resize handle)
 */