:root{color-scheme:light;--bg:#f7f4eb;--ink:#151515;--muted:#6f6a5f;--line:#2d2a241f;--panel:#fffdf7;--accent:#1358df;--accent-2:#b55b12;--good:#10845d;--bad:#bd3753;--shadow:0 18px 50px #2b210d1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg:#101111;--ink:#f4f2ec;--muted:#a9a49a;--line:#ffffff26;--panel:#171918;--accent:#78a7ff;--accent-2:#e5a958;--good:#5ee0ad;--bad:#ff7890;--shadow:0 18px 50px #00000066}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--accent-2),transparent 86%),transparent 42%),var(--bg);color:var(--ink)}button,select,input{font:inherit;color:inherit}.app-shell{width:min(520px,100%);margin:0 auto;min-height:100vh;padding:max(12px,env(safe-area-inset-top)) 12px 18px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;position:relative;z-index:5}.known-count{height:38px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:400;text-align:center;white-space:nowrap;min-width:0}select,.actions button,.file-button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px 11px;box-shadow:none}.icon{width:32px;height:32px;display:inline-grid;place-items:center;border:0;background:transparent;border-radius:999px;cursor:pointer}.mood-bubble{height:38px;width:38px;display:grid;place-items:center;background:transparent;border:0;box-shadow:none}.mood-face{display:inline-grid;place-items:center;width:30px;height:30px;font-size:24px;line-height:1;transform-origin:50% 75%;animation:mood-breathe 1.9s ease-in-out infinite}.mood-bubble.mood-0 .mood-face,.mood-bubble.mood-1 .mood-face{animation:mood-sink 1.4s ease-in-out infinite}.mood-bubble.mood-5 .mood-face,.mood-bubble.mood-6 .mood-face{animation:mood-hop 1s ease-in-out infinite}.language-picker{position:relative;min-width:0}.language-trigger{position:relative;padding:0;overflow:visible}.language-trigger .flag-icon{width:22px;height:22px}.language-caret{position:absolute;right:-2px;bottom:-2px;padding:1px;border-radius:999px;background:var(--panel);border:1px solid var(--line);transition:transform .16s ease}.language-caret.is-open{transform:rotate(180deg)}.flag-icon{display:inline-block;width:24px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000026;overflow:hidden;flex:0 0 auto}.flag-de{background:linear-gradient(to bottom,#111 0,#111 33.333%,#d00 33.333%,#d00 66.666%,#ffce00 66.666%)}.flag-gb{background:linear-gradient(146deg,transparent 0 43%,#fff 43% 48%,#c8102e 48% 52%,#fff 52% 57%,transparent 57%),linear-gradient(34deg,transparent 0 43%,#fff 43% 48%,#c8102e 48% 52%,#fff 52% 57%,transparent 57%),linear-gradient(to bottom,transparent 0 38%,#fff 38% 45%,#c8102e 45% 55%,#fff 55% 62%,transparent 62%),linear-gradient(to right,transparent 0 36%,#fff 36% 44%,#c8102e 44% 56%,#fff 56% 64%,transparent 64%),#012169}.language-menu{position:absolute;top:calc(100% + 7px);left:0;width:168px;display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 46px #00000026;z-index:20}.language-option{height:38px;display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;padding:0 8px;text-align:left;cursor:pointer}.language-option:hover,.language-option[aria-selected=true]{background:color-mix(in srgb,var(--accent),transparent 88%)}.language-option span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-enter-active,.menu-leave-active{transition:opacity .14s ease,transform .14s ease}.menu-enter-from,.menu-leave-to{opacity:0;transform:translateY(-4px)}.icon.solid{width:38px;height:38px;border:1px solid var(--line);background:var(--panel)}.board{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.column{display:grid;gap:8px;min-width:0}.column-label{margin:0 0 2px;color:var(--muted);font-size:13px}.word-card{position:relative;min-height:68px;display:grid;place-items:center;padding:14px 30px 14px 10px;border:1.5px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel),transparent 3%);box-shadow:0 10px 28px #2b210d12;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;overflow:hidden}.word-card span{max-width:100%;overflow-wrap:anywhere;text-align:center;font-size:clamp(15px,4.1vw,20px);line-height:1.12}.word-card .ghost{position:absolute;left:3px;top:3px;color:var(--muted);transform:scale(.88)}.word-card .flag{position:absolute;right:3px;top:3px;color:var(--muted);opacity:.42;transform:scale(.86)}.word-card:hover .flag,.word-card:focus-within .flag{opacity:1}.word-card.is-selected{border-color:var(--accent);transform:translateY(-2px) scale(1.015);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 82%),var(--shadow)}.word-card.is-correct{border-color:var(--good);box-shadow:0 0 0 5px color-mix(in srgb,var(--good),transparent 80%),var(--shadow);transform:scale(.98);opacity:.4}.word-card.is-wrong{border-color:var(--bad);animation:shake .32s ease both;box-shadow:0 0 0 5px color-mix(in srgb,var(--bad),transparent 82%),var(--shadow)}.status{min-height:55vh;display:grid;place-items:center;color:var(--muted);text-align:center;padding:24px}.sheet{position:fixed;inset:auto 12px 12px;margin:auto;max-width:520px;display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 90px #00000040;z-index:10}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet h2{margin:0;font-size:22px}.sheet label{display:flex;align-items:center;justify-content:space-between;gap:16px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.danger-action{grid-column:1/-1;border-color:color-mix(in srgb,var(--bad),transparent 55%)!important;color:var(--bad);background:color-mix(in srgb,var(--bad),transparent 94%)!important}.danger-action:hover{background:color-mix(in srgb,var(--bad),transparent 88%)!important}.file-button{text-align:center;cursor:pointer}.file-button input{display:none}.about{color:var(--muted);font-size:14px;line-height:1.45;margin:0}.card-list-enter-active,.card-list-leave-active,.sheet-enter-active,.sheet-leave-active{transition:all .22s ease}.card-list-enter-from,.card-list-leave-to{opacity:0;transform:scale(.96)}.sheet-enter-from,.sheet-leave-to{opacity:0;transform:translateY(18px)}@keyframes shake{20%{transform:translate(-4px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes mood-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.04)}}@keyframes mood-hop{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-3px) rotate(-5deg)}65%{transform:translateY(0) rotate(4deg)}}@keyframes mood-sink{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(-3deg)}}@media(min-width:760px){.app-shell{padding-inline:16px}.board,.column{gap:10px}.word-card{min-height:74px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}