{"version":3,"file":"static/css/main.7c832f5e.css","mappings":"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","sources":["App.css","styles/shared.css","styles/ContentSections.css","styles/HomeView.css","styles/WordInteraction.css","styles/StartHereView.css","styles/LibraryView.css","styles/StoryView.css"],"sourcesContent":["* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-color: #1a1a1a;\n  color: #e0e0e0;\n}\n\n#root {\n  width: 100%;\n  min-height: 100vh;\n}\n\n.app {\n  width: 100%;\n}\n","/*\n * Global styles: reset, app shell (header/nav/footer), and design-system\n * primitives shared across views (.cta-btn, .cta-btn-secondary).\n * Imported once by TibetanLesson.jsx. View-specific styles live in\n * src/styles/<ViewName>.css and are imported by that view's component.\n */\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-color: #1a1a1a;\n  color: #e0e0e0;\n}\n\n.tibetan-lesson-container {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  background-color: #1a1a1a;\n  color: #e0e0e0;\n}\n\n/* Header */\n.lesson-header {\n  background-color: #0d0d0d;\n  padding: 2rem 1rem;\n  border-bottom: 1px solid #333;\n  text-align: center;\n}\n\n.lesson-title {\n  font-size: 2rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  color: #fff;\n  font-family: 'Arial Unicode MS', sans-serif;\n  cursor: pointer;\n}\n\n.lesson-subtitle {\n  font-size: 1rem;\n  color: #888;\n  margin-bottom: 1.5rem;\n}\n\n.main-nav {\n  display: flex;\n  gap: 0.5rem;\n  justify-content: center;\n  margin-bottom: 1rem;\n}\n\n.nav-link {\n  padding: 0.5rem 1.25rem;\n  background-color: transparent;\n  border: 1px solid #444;\n  color: #aaa;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.9rem;\n  transition: all 0.2s ease;\n}\n\n.nav-link:hover {\n  background-color: #333;\n  color: #fff;\n}\n\n.nav-link.active {\n  background-color: #c9302c;\n  color: #fff;\n  border-color: #c9302c;\n}\n\n/* Footer */\n.lesson-footer {\n  background-color: #0d0d0d;\n  padding: 1.5rem;\n  text-align: center;\n  border-top: 1px solid #333;\n  font-size: 0.9rem;\n  color: #888;\n}\n\n.footer-nav {\n  display: flex;\n  justify-content: center;\n  gap: 1.5rem;\n  margin-bottom: 1rem;\n}\n\n.footer-link {\n  background: none;\n  border: none;\n  color: #aaa;\n  font-size: 0.9rem;\n  cursor: pointer;\n  padding: 0;\n  transition: color 0.2s ease;\n}\n\n.footer-link:hover {\n  color: #fff;\n}\n\n.loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 60vh;\n  font-size: 1.1rem;\n  color: #aaa;\n}\n\n/* Shared call-to-action buttons (Home, Start Here) */\n.cta-btn {\n  padding: 0.75rem 1.75rem;\n  background-color: #c9302c;\n  border: 1px solid #c9302c;\n  color: #fff;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 1rem;\n  font-weight: 500;\n  transition: all 0.2s ease;\n}\n\n.cta-btn:hover {\n  background-color: #a8281f;\n}\n\n.cta-btn-secondary {\n  background-color: transparent;\n  color: #ccc;\n  border: 1px solid #444;\n}\n\n.cta-btn-secondary:hover {\n  background-color: #333;\n  color: #fff;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n  width: 8px;\n}\n\n::-webkit-scrollbar-track {\n  background: #1a1a1a;\n}\n\n::-webkit-scrollbar-thumb {\n  background: #444;\n  border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: #555;\n}\n","/*\n * Reusable \"content page\" building blocks shared across Library, Home and\n * Start Here: page header blocks, boxed sections, and the demo/closing\n * sections used on Home and Start Here.\n */\n\n.library-header {\n  margin-bottom: 2rem;\n}\n\n.library-header h2 {\n  font-size: 2rem;\n  font-weight: 600;\n  margin-bottom: 0.75rem;\n  color: #fff;\n}\n\n.library-description {\n  color: #aaa;\n  font-size: 0.95rem;\n  line-height: 1.5;\n  padding: 1rem;\n  background-color: #252525;\n  border-radius: 6px;\n}\n\n.series-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.series-card {\n  background-color: #252525;\n  border: 1px solid #333;\n  border-radius: 8px;\n  overflow: hidden;\n  cursor: pointer;\n  transition: border-color 0.2s ease;\n}\n\n.series-card:hover {\n  border-color: #c9302c;\n}\n\n.series-card-image {\n  height: 100px;\n  background-size: cover;\n  background-position: center;\n}\n\n.series-card-body {\n  padding: 1rem;\n}\n\n.series-card-body h4 {\n  color: #fff;\n  font-size: 1rem;\n  margin-bottom: 0.35rem;\n}\n\n.series-card-body p {\n  color: #888;\n  font-size: 0.85rem;\n}\n\n.philosophy-section,\n.start-here-section,\n.closing-section,\n.attribution-section {\n  background-color: #252525;\n  border-radius: 8px;\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.philosophy-section h3,\n.series-section h3,\n.demo-section h3,\n.start-here-section h3,\n.closing-section h3,\n.attribution-section h3 {\n  color: #fff;\n  font-size: 1.3rem;\n  margin-bottom: 0.75rem;\n}\n\n.philosophy-section p,\n.start-here-section p,\n.closing-section p,\n.attribution-section p {\n  color: #ccc;\n  line-height: 1.6;\n}\n\n.attribution-section p + p {\n  margin-top: 0.75rem;\n}\n\n.attribution-section a {\n  color: #e0e0e0;\n  text-decoration: underline;\n}\n\n.demo-section {\n  background-color: #252525;\n  border-radius: 8px;\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.demo-section p {\n  color: #ccc;\n  line-height: 1.6;\n  margin-bottom: 1rem;\n}\n\n.demo-text {\n  font-size: 1.3rem;\n}\n\n.closing-section {\n  text-align: center;\n}\n\n.closing-section p {\n  margin-bottom: 1rem;\n}\n\n.closing-actions {\n  display: flex;\n  gap: 1rem;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n","/* Styles specific to HomeView.jsx (hero and series showcase). */\n\n.home-view {\n  flex: 1;\n  padding: 2rem 1rem;\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.hero-section {\n  text-align: center;\n  padding: 2rem 1rem 3rem;\n}\n\n.hero-title {\n  font-size: 2.25rem;\n  font-weight: 600;\n  color: #fff;\n  margin-bottom: 1rem;\n}\n\n.hero-text {\n  font-size: 1.1rem;\n  color: #ccc;\n  line-height: 1.6;\n  max-width: 600px;\n  margin: 0 auto 1.5rem;\n}\n\n.series-section {\n  margin-bottom: 1.5rem;\n}\n\n.series-section h3 {\n  margin-bottom: 1rem;\n}\n","/*\n * Click-word-for-definition styles shared by StoryView.jsx and WordDemo.jsx.\n * Edit here if you're changing how clickable words or the definition\n * tooltip look or behave in either place.\n */\n\n.story-text {\n  font-size: 1.4rem;\n  line-height: 2;\n  color: #e0e0e0;\n  padding: 2rem;\n  background-color: #252525;\n  border-radius: 8px;\n  font-family: 'Arial Unicode MS', sans-serif;\n  white-space: pre-wrap;\n}\n\n.story-line {\n  word-spacing: 0.3em;\n}\n\n.story-word {\n  cursor: pointer;\n  padding: 0.25rem 0.5rem;\n  border-radius: 3px;\n  transition: all 0.15s ease;\n  position: relative;\n}\n\n.story-word:hover {\n  background-color: #333;\n  color: #c9302c;\n}\n\n.story-word.selected {\n  background-color: #c9302c;\n  color: #fff;\n}\n\n.word-tooltip {\n  position: fixed;\n  bottom: 2rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  animation: slideUp 0.2s ease;\n}\n\n@keyframes slideUp {\n  from {\n    opacity: 0;\n    transform: translateX(-50%) translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n.tooltip-content {\n  background-color: #252525;\n  border: 2px solid #c9302c;\n  border-radius: 8px;\n  padding: 1rem;\n  max-width: 300px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);\n}\n\n.tooltip-header {\n  margin-bottom: 0.75rem;\n}\n\n.tooltip-wylie {\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: #fff;\n  font-family: monospace;\n  margin-bottom: 0.25rem;\n}\n\n.tooltip-phonetics {\n  font-size: 1rem;\n  color: #aaa;\n  font-style: italic;\n}\n\n.tooltip-meaning {\n  font-size: 1rem;\n  color: #e0e0e0;\n  line-height: 1.5;\n  border-top: 1px solid #333;\n  padding-top: 0.75rem;\n}\n","/* Styles specific to StartHereView.jsx. Section box styles shared with\n * HomeView live in ContentSections.css. */\n\n.start-here-view {\n  flex: 1;\n  padding: 2rem 1rem;\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.start-here-section a {\n  color: #e0e0e0;\n  text-decoration: underline;\n}\n","/* Styles specific to LibraryView.jsx (sort/filter controls and story table). */\n\n.library-view {\n  flex: 1;\n  padding: 2rem 1rem;\n  overflow-y: auto;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.sort-controls {\n  display: flex;\n  gap: 0.75rem;\n  margin-bottom: 1rem;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.sort-label {\n  color: #888;\n  font-size: 0.9rem;\n  margin-right: 0.25rem;\n}\n\n.series-filter {\n  display: flex;\n  gap: 0.75rem;\n  margin-bottom: 2rem;\n  flex-wrap: wrap;\n}\n\n.filter-btn {\n  padding: 0.5rem 1rem;\n  background-color: #333;\n  border: 1px solid #444;\n  color: #aaa;\n  border-radius: 20px;\n  cursor: pointer;\n  font-size: 0.9rem;\n  transition: all 0.2s ease;\n}\n\n.filter-btn:hover {\n  background-color: #444;\n  border-color: #555;\n  color: #fff;\n}\n\n.filter-btn.active {\n  background-color: #c9302c;\n  color: #fff;\n  border-color: #c9302c;\n}\n\n.stories-table {\n  border: 1px solid #333;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.table-header {\n  display: grid;\n  grid-template-columns: 80px 1fr 120px;\n  gap: 1rem;\n  padding: 1rem;\n  background-color: #252525;\n  border-bottom: 1px solid #333;\n  font-weight: 600;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #888;\n}\n\n.table-row {\n  display: grid;\n  grid-template-columns: 80px 1fr 120px;\n  gap: 1rem;\n  padding: 1rem;\n  border-bottom: 1px solid #333;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n.table-row:hover {\n  background-color: #252525;\n}\n\n.table-row:last-child {\n  border-bottom: none;\n}\n\n.table-cell {\n  display: flex;\n  align-items: center;\n}\n\n.series-col {\n  justify-content: center;\n}\n\n.title-col {\n  flex-direction: column;\n  gap: 0.25rem;\n}\n\n.words-col {\n  text-align: right;\n  font-weight: 600;\n  color: #fff;\n}\n\n.series-badge {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background-size: cover;\n  background-position: center;\n  border: 2px solid #444;\n}\n\n.story-title {\n  color: #fff;\n  font-weight: 500;\n  font-size: 0.95rem;\n}\n\n.story-subtitle {\n  color: #888;\n  font-size: 0.8rem;\n}\n","/*\n * Styles specific to StoryView.jsx (toolbar, layout grid, line groups,\n * translations, prev/next nav, image). Word-click/tooltip styles shared\n * with WordDemo.jsx live in WordInteraction.css.\n */\n\n.story-view {\n  flex: 1;\n  padding: 2rem 1rem;\n  overflow-y: auto;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.story-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  margin-bottom: 2rem;\n}\n\n.back-btn {\n  padding: 0.5rem 1rem;\n  background-color: #333;\n  border: 1px solid #444;\n  color: #aaa;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.9rem;\n  transition: all 0.2s ease;\n}\n\n.back-btn:hover {\n  background-color: #444;\n  color: #fff;\n}\n\n.story-content {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2rem;\n  align-items: start;\n}\n\n@media (max-width: 1024px) {\n  .story-content {\n    grid-template-columns: 1fr;\n  }\n}\n\n.story-text-section {\n  position: relative;\n}\n\n.story-heading {\n  font-size: 1.8rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  color: #fff;\n  font-family: 'Arial Unicode MS', sans-serif;\n}\n\n.story-subtitle-text {\n  color: #888;\n  font-size: 0.9rem;\n  margin-bottom: 2rem;\n}\n\n.level-selector {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.level-btn {\n  padding: 0.5rem 1rem;\n  background-color: #333;\n  border: 1px solid #444;\n  color: #aaa;\n  border-radius: 20px;\n  cursor: pointer;\n  font-size: 0.9rem;\n  transition: all 0.2s ease;\n}\n\n.level-btn:hover {\n  background-color: #444;\n  border-color: #555;\n  color: #fff;\n}\n\n.level-btn.active {\n  background-color: #c9302c;\n  color: #fff;\n  border-color: #c9302c;\n}\n\n.story-line-group {\n  margin-bottom: 1rem;\n}\n\n.story-nav {\n  display: flex;\n  justify-content: space-between;\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.nav-btn {\n  padding: 0.5rem 1rem;\n  background-color: #333;\n  border: 1px solid #444;\n  color: #aaa;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.9rem;\n  transition: all 0.2s ease;\n}\n\n.nav-btn:hover:not(:disabled) {\n  background-color: #444;\n  color: #fff;\n}\n\n.nav-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.story-image-section {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #252525;\n  border-radius: 8px;\n  overflow: hidden;\n  min-height: 400px;\n}\n\n.story-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.toc-tibetan-title {\n  font-size: 1.3rem;\n  color: #fff;\n  font-family: 'Arial Unicode MS', sans-serif;\n  margin-bottom: 0.25rem;\n}\n\n.toc-transliteration {\n  color: #888;\n  font-style: italic;\n  margin-bottom: 0.25rem;\n}\n\n.toc-description {\n  color: #ccc;\n  margin-bottom: 1.5rem;\n}\n\n.book-toc {\n  margin-top: 2rem;\n}\n\n.toc-heading {\n  font-size: 1.1rem;\n  font-weight: 600;\n  color: #fff;\n  margin-bottom: 1rem;\n}\n\n.chapter-toc {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.chapter-toc-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 0.75rem 1rem;\n  background-color: #252525;\n  border: 1px solid #333;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.chapter-toc-item:hover {\n  background-color: #2e2e2e;\n  border-color: #444;\n}\n\n.chapter-toc-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  background-color: #333;\n  color: #aaa;\n  font-size: 0.9rem;\n  font-weight: 600;\n}\n\n.chapter-toc-titles {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n}\n\n.chapter-toc-tibetan {\n  color: #fff;\n  font-family: 'Arial Unicode MS', sans-serif;\n  font-size: 1.05rem;\n}\n\n.chapter-toc-english {\n  color: #888;\n  font-size: 0.85rem;\n}\n\n.toc-start-btn {\n  margin-top: 1.5rem;\n  padding: 0.6rem 1.5rem;\n  background-color: #c9302c;\n  border: 1px solid #c9302c;\n  color: #fff;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.95rem;\n  font-weight: 600;\n  transition: all 0.2s ease;\n}\n\n.toc-start-btn:hover {\n  background-color: #b32b27;\n}\n"],"names":[],"sourceRoot":""}