:root{--color-black:#000;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-gray-950:#0a0a0a;--font-serif:"Playfair Display",Georgia,"Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--background:var(--color-white);--foreground:var(--color-black);--muted:var(--color-gray-500);--border:var(--color-gray-200);--surface:var(--color-gray-50);--surface-elevated:var(--color-white);--color-success:#16a34a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 24px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--color-black);color:var(--color-white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}@media (pointer:coarse){*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}}.flashcardFront::-webkit-scrollbar{width:6px}.flashcard-front::-webkit-scrollbar{width:6px}.flashcardFront::-webkit-scrollbar-track{background:0 0}.flashcard-front::-webkit-scrollbar-track{background:0 0}.flashcardFront::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.flashcard-front::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.flashcardFront::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.flashcard-front::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.flashcardBack::-webkit-scrollbar{width:6px}.flashcard-back::-webkit-scrollbar{width:6px}.flashcardBack::-webkit-scrollbar-track{background:0 0}.flashcard-back::-webkit-scrollbar-track{background:0 0}.flashcardBack::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:3px}.flashcard-back::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:3px}.flashcardBack::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.flashcard-back::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes flipIn{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes typingDot{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonReveal{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--color-gray-100)25%,var(--color-gray-200)50%,var(--color-gray-100)75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite shimmer}.skeleton-page{animation:50ms .3s both skeletonReveal}@media (max-width:640px){.word-sets-page,.study-setup-page,.quiz-setup-page,.conversation-setup-page{margin-left:0!important;margin-right:0!important}}.study-setup-actions,.quiz-setup-actions,.conversation-setup-actions{flex-direction:column;align-items:stretch;gap:8px;padding-top:8px;display:flex}.study-setup-page--sticky-actions,.quiz-setup-page--sticky-actions,.conversation-setup-page--sticky-actions{flex-direction:column;flex:1;padding-bottom:0;display:flex}.study-setup-scroll,.quiz-setup-scroll,.conversation-setup-scroll{flex:1;overflow-y:auto}.study-setup-page--sticky-actions .study-setup-scroll,.quiz-setup-page--sticky-actions .quiz-setup-scroll{padding-bottom:100px}.conversation-setup-page--sticky-actions .conversation-setup-scroll{padding-bottom:120px}.study-setup-actions,.quiz-setup-actions,.conversation-setup-actions{bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--color-white);flex-direction:column;align-items:stretch;gap:8px;padding:16px 20px;display:flex;position:fixed;left:0;right:0;box-shadow:0 -2px 12px #0000000f}@media (min-width:641px){.study-setup-actions,.quiz-setup-actions,.conversation-setup-actions{width:100%;max-width:480px;margin-left:auto;margin-right:auto}}@media (max-width:640px){.wordset-card-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:16px!important}.wordset-card-main{min-width:0!important}.wordset-card-meta{margin-top:6px!important}.wordset-card-meta>:first-child{margin-right:auto}.wordset-card-actions{border-top:1px solid var(--color-gray-100);flex-wrap:wrap!important;justify-content:stretch!important;gap:8px!important;padding-top:4px!important}.wordset-card-actions>*{flex:1!important;justify-content:center!important;min-width:0!important}.wordset-card-actions .wordset-card-btn-delete{flex:none!important;min-width:auto!important}.wordset-card-meta .wordset-share-label{display:none}}::view-transition-old(main-content){animation:none}::view-transition-new(main-content){animation:none}[data-transition=slide-left]::view-transition-old(main-content){animation:.25s both slideOutLeft}[data-transition=slide-left]::view-transition-new(main-content){animation:.25s both slideInRight}[data-transition=slide-right]::view-transition-old(main-content){animation:.25s both slideOutRight}[data-transition=slide-right]::view-transition-new(main-content){animation:.25s both slideInLeft}[data-transition=fade]::view-transition-old(main-content){animation:.15s both fadeOut}[data-transition=fade]::view-transition-new(main-content){animation:.15s 50ms both fadeIn}@keyframes slideOutLeft{to{opacity:0;transform:translate(-30px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}}@keyframes slideOutRight{to{opacity:0;transform:translate(30px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}}@keyframes fadeOut{to{opacity:0}}.page-fade-enter{opacity:0;transition:opacity .15s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes swipeOutRight{to{opacity:0;transform:translate(100%)rotate(10deg)}}@keyframes swipeOutLeft{to{opacity:0;transform:translate(-100%)rotate(-10deg)}}.promo-dev-launcher{z-index:100;background:var(--color-gray-950);color:var(--color-white);border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 16px 40px #0000003d}