:root{--color-background: #f2ebe0;--color-binder: #d9d0c3;--color-binder-light: #ebe5d9;--color-surface: #faf8f3;--color-surface-alt: #f5f2eb;--color-surface-pressed: #efebe4;--color-page-home: #faf7f0;--color-page-cards: #eef4f8;--color-page-queue: #eff6ed;--color-page-settings: #f3f2f0;--color-ink: #1a1510;--color-ink-dark: #2a231c;--color-ink-content: #3d3229;--color-ink-medium: #5a4f43;--color-ink-muted: #7a6f63;--color-ink-light: #9a8f83;--color-ink-signature: #1e4a6d;--color-border: #e5ddd0;--color-border-muted: #d4cdc0;--color-accent: #b85c38;--color-accent-hover: #a04d2d;--color-accent-light: rgba(184, 92, 56, .12);--color-success: #6b8f71;--color-warning: #c9a227;--color-error: #c25d4b;--color-learning: #5b7ba5;--color-rating-again: #a85a4a;--color-rating-again-hover: #944d3f;--color-rating-hard: #9a8060;--color-rating-hard-hover: #877054;--color-rating-good: #6a8a6a;--color-rating-good-hover: #5c795c;--font-word: "Fraunces", serif;--font-content: "Nunito", sans-serif;--font-handwritten: "Caveat", cursive;--font-brand: var(--font-word);--font-body: var(--font-content);--stroke-width-normal: 1.5;--stroke-width-active: 1.8;--shadow-sm: 0 1px 2px rgba(26, 21, 16, .04);--shadow-md: 0 2px 8px rgba(26, 21, 16, .06);--shadow-lg: 0 4px 16px rgba(26, 21, 16, .08);--shadow-elevated: 0 8px 24px rgba(26, 21, 16, .12);--shadow-paper: drop-shadow(1px 2px 3px rgba(120, 100, 80, .12)) drop-shadow(0 3px 6px rgba(120, 100, 80, .06));--shadow-paper-hover: drop-shadow(2px 3px 5px rgba(120, 100, 80, .16)) drop-shadow(0 5px 10px rgba(120, 100, 80, .08));--shadow-card: var(--shadow-paper);--shadow-card-hover: var(--shadow-paper-hover);--shadow-card-active: drop-shadow(2px 3px 4px rgba(120, 100, 80, .1)) drop-shadow(0 6px 20px rgba(120, 100, 80, .1));--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--paper-texture-opacity: .35;--focus-ring: 0 0 0 2px var(--color-background), 0 0 0 4px var(--color-accent);--focus-ring-inset: inset 0 0 0 2px var(--color-accent)}@media(prefers-reduced-motion:reduce){:root{--transition-duration: 0s}}.type-word{font-family:var(--font-word);font-weight:700;color:var(--color-ink)}.type-word--lg{font-size:2rem}.type-word--md{font-size:1.5rem}.type-word--sm{font-size:1.15rem}.type-title{font-family:var(--font-word);font-weight:600;color:var(--color-ink-dark)}.type-title--lg{font-size:1.5rem}.type-title--md{font-size:1.25rem}.type-title--sm{font-size:1.1rem}.type-definition{font-family:var(--font-content);font-style:italic;color:var(--color-ink-content);line-height:1.5}.type-definition--lg{font-size:1.15rem}.type-definition--md{font-size:1rem}.type-definition--sm{font-size:.95rem}.type-ipa{font-family:var(--font-content);font-size:1.1rem;color:var(--color-ink-muted)}.type-example{font-family:var(--font-content);font-size:1rem;font-weight:500;color:var(--color-ink-content);line-height:1.45}.type-body{font-family:var(--font-content);font-size:1rem;color:var(--color-ink-muted);line-height:1.5}.type-body--sm{font-size:.95rem}.type-data{font-family:var(--font-content);font-size:1rem;color:var(--color-ink)}.type-label{font-family:var(--font-content);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted)}.type-button{font-family:var(--font-handwritten);font-size:1.25rem;font-weight:600;color:var(--color-ink-medium)}.type-button--sm{font-size:1.1rem}.type-button--lg{font-size:1.4rem}.type-tab{font-family:var(--font-handwritten);font-size:1.1rem;font-weight:600;color:var(--color-ink-medium)}.type-tab--active{color:var(--color-ink-dark);font-weight:700}.type-hint{font-family:var(--font-handwritten);font-size:1.1rem;color:var(--color-ink-light)}.type-progress{font-family:var(--font-handwritten);font-size:1.15rem;font-weight:600;color:var(--color-ink-medium)}.type-signature{font-family:var(--font-handwritten);font-size:1.2rem;font-weight:500;color:var(--color-ink-signature);opacity:.7}.type-count{font-family:var(--font-content);font-size:.85rem;color:var(--color-ink-muted)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-content);background:var(--color-background);color:var(--color-ink);line-height:1.5;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.paper-texture-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:var(--paper-texture-opacity)}h1,h2,h3,h4,h5,h6{font-family:var(--font-word);font-weight:600;line-height:1.2;color:var(--color-ink)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1rem}a{color:var(--color-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:2px}.sketchy-input-placeholder::placeholder{font-family:var(--font-handwritten);font-size:1.3rem;font-weight:600;color:var(--color-ink-muted)}wired-card{background:var(--color-surface)!important;display:block}.sketchy-btn{display:inline-block;cursor:pointer}.sketchy-btn wired-card{padding:0;background:var(--color-surface)}.sketchy-btn__inner{padding:12px 16px;font-family:var(--font-handwritten);font-size:1.2rem;font-weight:600;color:var(--color-ink-medium);text-align:center;white-space:nowrap;text-transform:capitalize}.sketchy-btn:hover wired-card{background:var(--color-surface-alt)}.sketchy-btn:active wired-card{background:var(--color-surface-pressed)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-ink-light);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-muted)}.hide-native-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-native-scrollbar::-webkit-scrollbar{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-light);color:var(--color-ink)}.page-signature{position:absolute;bottom:16px;right:20px;font-family:var(--font-handwritten);font-size:1.2rem;font-weight:500;color:var(--color-ink-signature);opacity:.7;pointer-events:none;z-index:50;padding-bottom:2px;border-bottom:1px solid currentColor}.flashcard{width:340px;cursor:pointer}.flashcard__inner{aspect-ratio:5/8;display:flex;flex-direction:column;overflow:hidden;padding:8px;border-radius:2px;box-sizing:border-box}.flashcard__image-container{position:relative;width:100%;aspect-ratio:1/1;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--color-border)}.flashcard__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.flashcard__image--placeholder{background:var(--color-surface-alt)}.flashcard__content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 24px;text-align:center}.flashcard__definition{font-family:var(--font-content);font-size:1.15rem;font-weight:400;color:var(--color-ink-content);line-height:1.5;font-style:italic;margin:0}.flashcard__header{flex-shrink:0;background:var(--color-surface-alt);padding:14px 20px;border-bottom:1px solid var(--color-border);text-align:center}.flashcard__word-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.flashcard__word{font-family:var(--font-word);font-size:2rem;font-weight:700;color:var(--color-ink)}.flashcard__ipa{font-family:var(--font-content);font-size:1.1rem;color:var(--color-ink-muted)}.flashcard__word-definition{font-family:var(--font-content);font-size:.95rem;color:var(--color-ink-content);line-height:1.4;font-style:italic;margin:0}.flashcard__example{flex:1;min-height:0;padding:12px 20px;background:var(--color-surface);text-align:center;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.flashcard__example-row{display:flex;align-items:center;justify-content:center;gap:10px}.flashcard__example-text{font-family:var(--font-content);font-size:1rem;font-weight:500;color:var(--color-ink-content);line-height:1.45;text-align:center;margin:0}.rating-buttons{display:flex;gap:.5rem;justify-content:center}.audio-btn{width:32px;height:32px;border-radius:50%;background:#e8e2d8;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5a4f43;font-size:14px;flex-shrink:0}.audio-btn:hover{background:#ddd7cb}