/* ========================================================================== Notes App — Unified Master Stylesheet (Stage 5 Architecture) ========================================================================== This master stylesheet orchestrates the modular CSS architecture for the Notes English learning platform (notes.qpid.pro). Architecture Overview: -------------------------------------------------------------------------- 1. base.css - Design tokens (:root variables, dark/light themes), resets, global typography, scrollbars, safe areas. 2. components.css - Core UI components: auth overlays, navigation drawer, buttons, form controls, modals, and mobile tab bar. 3. dictionary.css - Term lookup, live search preview, cards list, tags, collections, batch action bar, and word translation popup. 4. srs.css - Spaced repetition trainer: 3D flip flashcards, quiz, active typing, dictation, heatmap & mastery progress. 5. reader.css - Interactive reader & bookshelf: continuous reading, typography controls, appearance themes, and Wikipedia. 6. grammar_cefr.css - CEFR level testing, automated gap ingestion, Murphy grammar units, deep work theory modal, and cloze tap. 7. lesson.css - Lesson configurator, syllabus suggestions, session runner (vocab, grammar, listening, reading, AI debrief). Offline Support: All modular stylesheets are registered in sw.js PRECACHE_URLS for seamless offline PWA usage across desktop and mobile devices. ========================================================================== */ @import "base.css"; @import "components.css"; @import "dictionary.css"; @import "srs.css"; @import "reader.css"; @import "grammar_cefr.css"; @import "lesson.css";