:root{color-scheme:light;--paper: #f7f8f6;--paper-deep: #edf0ec;--surface: #ffffff;--surface-raised: #ffffff;--ink: #222c28;--ink-soft: #515f57;--ink-faint: #657169;--line: #d8dfd9;--accent: #386b55;--accent-strong: #28543f;--accent-soft: #e9f0eb;--second-language: #386b55;--second-language-soft: #eef3ef;--mint: #e3eee6;--mint-ink: #28543f;--success: #386b55;--success-ink: #28543f;--success-soft: #e9f0eb;--warning: #96723c;--warning-ink: #745324;--warning-soft: #f5f0e6;--danger: #a3463e;--danger-ink: #8c342d;--danger-soft: #faf0ef;--focus: #386b55;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-words: var(--font-ui);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--shadow-resting: none;--shadow-floating: 0 12px 48px rgb(25 40 30 / .12)}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-ui);font-size:1rem;line-height:1.55;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:.18rem solid var(--focus);outline-offset:.16rem}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:var(--space-2);padding:.72rem 1.2rem;color:var(--surface-raised);background:var(--accent-strong);border:1px solid transparent;border-radius:var(--radius-sm);box-shadow:none;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover:not(:disabled){background:var(--accent);box-shadow:none;transform:none}.button:active:not(:disabled){box-shadow:none;transform:none}.button:disabled{cursor:not-allowed;opacity:.58}.button--secondary{color:var(--ink);background:var(--surface-raised);border-color:var(--line);box-shadow:none}.button--secondary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.button--quiet{color:var(--accent-strong);background:transparent;border-color:transparent;box-shadow:none}.button--quiet:hover:not(:disabled){color:var(--accent-strong);background:var(--accent-soft);box-shadow:none}.button--danger{color:var(--danger-ink);background:transparent;border-color:transparent;box-shadow:none}.button--danger:hover:not(:disabled){background:var(--danger-soft)}.field{display:grid;gap:var(--space-2)}.field label{color:var(--ink-soft);font-size:.875rem;font-weight:600}.field input,.field textarea{width:100%;min-height:3.15rem;padding:.78rem .95rem;color:var(--ink);background:var(--surface-raised);border:1.5px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0f1d2f0a inset}.field input:hover,.field textarea:hover{border-color:var(--ink-faint)}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 .22rem var(--accent-soft);outline:0}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{background:var(--danger-soft);border-color:var(--danger)}.field textarea{min-height:7rem;resize:vertical}.field-error{margin:0;color:var(--danger-ink);font-size:.8125rem}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--danger-ink);background:var(--danger-soft);border:1px solid oklch(86% .08 25deg);border-radius:var(--radius-sm)}.alert p{margin:0}.status{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .68rem;color:var(--warning-ink);background:var(--warning-soft);border:1px solid transparent;border-radius:999px;font-size:.75rem;font-weight:600}.status:before{width:.42rem;height:.42rem;background:var(--warning);border-radius:50%;content:""}.status--learned{color:var(--success-ink);background:var(--success-soft);border-color:transparent}.status--learned:before{background:var(--success)}.word-face{font-family:var(--font-words);font-weight:600;letter-spacing:-.035em}.skeleton{position:relative;overflow:hidden;background:var(--paper-deep)}.skeleton:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,oklch(100% 0 0deg / .65),transparent);content:"";transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}