*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root{--color-bg:#fafafa;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-surface:#fff;--font-word:clamp(3rem, 12vw, 8rem);--font-prefix:clamp(1.5rem, 5vw, 3rem);--font-gloss:clamp(1.8rem, 7vw, 4.5rem);--font-gloss-secondary:clamp(1rem, 3.5vw, 2rem);--font-forms:clamp(.8rem, 2.2vw, 1.05rem);--font-label:clamp(.65rem, 1.8vw, .8rem);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}.card{cursor:pointer;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.face{padding:2rem;padding-top:calc(2rem + var(--safe-top));padding-bottom:calc(4rem + var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.face--hidden{opacity:0;pointer-events:none}.front__prefix{font-size:var(--font-prefix);color:var(--color-text-tertiary);letter-spacing:.02em;margin-bottom:.15em;font-weight:300}.front__word{font-size:var(--font-word);letter-spacing:-.02em;text-align:center;word-break:break-word;font-weight:300;line-height:1.1}.back__gloss{font-size:var(--font-gloss);color:var(--color-text);text-align:center;margin-bottom:.3em;font-weight:300;line-height:1.2}.back__gloss-secondary{font-size:var(--font-gloss-secondary);color:var(--color-text-secondary);text-align:center;margin-bottom:1.5em;font-weight:300}.back__forms-hint{font-size:var(--font-forms);color:var(--color-text-tertiary);letter-spacing:.01em;text-align:center;background:var(--color-border);cursor:pointer;border-radius:.5em;padding:.6em 1.2em;transition:background .2s}@media (hover:hover){.back__forms-hint:hover{background:#d1d5db}.pos-badge{cursor:pointer}.pos-badge:hover{opacity:1}.tag-badge{cursor:pointer}.tag-badge:hover{background:#d1d5db}.tag-badge--active:hover{background:var(--color-text)}}.pos-badge{top:calc(1rem + var(--safe-top));font-size:var(--font-label);text-transform:uppercase;letter-spacing:.1em;color:#fff;opacity:.85;z-index:1;border-radius:.3em;padding:.25em .6em;font-weight:600;position:absolute;left:1.25rem}.pos-badge--active{opacity:1;outline-offset:2px;outline:2px solid #fff}.tag-badges{top:calc(1rem + var(--safe-top));z-index:1;gap:.4em;display:flex;position:absolute;right:1.25rem}.tag-badge{font-size:var(--font-label);color:var(--color-text-tertiary);background:var(--color-border);border-radius:.3em;padding:.2em .5em;font-weight:500}.tag-badge--active{background:var(--color-text-secondary);color:#fff}.tag-badge--placeholder{border:1px dashed var(--color-border);color:var(--color-text-tertiary);background:0 0;padding:calc(.2em - 1px) calc(.5em - 1px)}.picker-backdrop{z-index:20;position:absolute;inset:0}.picker{top:calc(2.75rem + var(--safe-top));background:var(--color-surface);border:1px solid var(--color-border);z-index:30;min-width:9rem;max-height:calc(100dvh - 2.75rem - 4rem - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;border-radius:.5rem;flex-direction:column;gap:.1rem;padding:.3rem;display:flex;position:absolute;overflow-y:auto;box-shadow:0 4px 16px #0000001a}.picker--pos{left:1.25rem}.picker--tag{right:1.25rem}.picker__option{width:100%;font-size:var(--font-label);color:var(--color-text-secondary);text-align:left;cursor:pointer;text-transform:capitalize;letter-spacing:.02em;background:0 0;border:none;border-radius:.35rem;align-items:center;gap:.5em;padding:.45em .75em;font-weight:500;transition:background .1s;display:flex}.picker__option--active{background:var(--color-border);color:var(--color-text)}.picker__dot{border-radius:50%;flex-shrink:0;width:.55em;height:.55em}@media (hover:hover){.picker__option:not(.picker__option--active):hover{background:var(--color-border)}}.detail-overlay{background:var(--color-surface);border-top:1px solid var(--color-border);padding:1.5rem 2rem calc(3rem + var(--safe-bottom));z-index:10;cursor:default;border-radius:1rem 1rem 0 0;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #00000014}.detail-overlay--open{transform:translateY(0)}.detail__title{font-size:var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:1em;font-weight:600}.detail__table{border-collapse:collapse;width:100%;font-size:var(--font-forms)}.detail__table th{color:var(--color-text-tertiary);text-align:left;white-space:nowrap;padding:.4em 1em .4em 0;font-weight:500}.detail__table td{color:var(--color-text);padding:.4em 0;font-weight:400}.detail__close{background:var(--color-border);cursor:pointer;width:2rem;height:2rem;color:var(--color-text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex;position:absolute;top:1rem;right:1.25rem}.bottom-bar{bottom:calc(.75rem + var(--safe-bottom));z-index:5;pointer-events:none;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;left:0;right:0}.bottom-bar>*{pointer-events:auto}.counter{font-size:var(--font-label);color:var(--color-text-tertiary);letter-spacing:.05em;font-weight:500}.icon-btn{cursor:pointer;width:2.25rem;height:2.25rem;color:var(--color-text-tertiary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}@media (hover:hover){.icon-btn:hover{background:var(--color-border);color:var(--color-text-secondary)}}.icon-btn:active{background:var(--color-border)}.icon-btn--active{background:var(--color-border);color:var(--color-text-secondary)}.icon-btn:disabled{opacity:.35;cursor:default;background:0 0}.icon-btn svg{width:1.25rem;height:1.25rem}a.icon-btn{color:var(--color-text-tertiary);text-decoration:none}.icon-btn--mic-listening{color:#dc2626;animation:.9s ease-in-out infinite mic-pulse}.icon-btn--mic-match{color:#16a34a}.icon-btn--mic-partial{color:#d97706}.icon-btn--mic-miss{color:#dc2626}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.35}}.mic-feedback{bottom:calc(4rem + var(--safe-bottom));font-size:var(--font-label);background:var(--color-surface);border:1px solid var(--color-border);pointer-events:none;z-index:4;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:.4em;max-width:80vw;padding:.35em .9em;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 6px #0000000d}.mic-feedback--match{color:#16a34a}.mic-feedback--partial{color:#d97706}.mic-feedback--miss{color:#dc2626}