.pm-card{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-sm);border-radius:20px;max-width:640px;overflow:hidden}.pm-photo{aspect-ratio:4/3;background:var(--paper-3);position:relative}.pm-stamp{color:#f0f2f7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1ab8;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;animation:.32s cubic-bezier(.22,1,.36,1) both pm-in;position:absolute;bottom:12px;left:12px}.pm-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pm-choice{text-align:left;min-height:52px;color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:14px;padding:10px 12px;font-size:15px;font-weight:500;line-height:1.25;transition:transform .16s,box-shadow .16s,opacity .2s}.pm-choice:active{transform:scale(.98)}.pm-choice--wrong{opacity:.45;text-decoration:line-through;-webkit-text-decoration-color:var(--terracotta);text-decoration-color:var(--terracotta);animation:.3s pm-shake}@media (hover:hover){.pm-choice:not(:disabled):hover{box-shadow:inset 0 0 0 1.5px var(--brass)}}.pm-next{min-height:44px;color:var(--paper);background:var(--ink);border-radius:999px;align-items:center;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.pm-ghost{min-height:44px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;align-items:center;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}@keyframes pm-shake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}@keyframes pm-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.pm-choice--wrong,.pm-stamp{animation:none}}
@keyframes pl-toast{0%{opacity:0;transform:translateY(6px)}10%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes pl-shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes pl-flip{0%{background:var(--paper-2);border-color:var(--ink-3);color:var(--ink);transform:rotateX(0)}49%{background:var(--paper-2);border-color:var(--ink-3);color:var(--ink);transform:rotateX(90deg)}50%{background:var(--final);border-color:var(--final);color:#fff;transform:rotateX(90deg)}to{background:var(--final);border-color:var(--final);color:#fff;transform:rotateX(0)}}@keyframes pl-pop{50%{transform:scale(1.1)}}.pl-board{gap:7px;width:min(330px,100%);margin:22px auto 0;display:grid;position:relative}.pl-row{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.pl-tile{aspect-ratio:1;border:2px solid var(--line-strong);background:var(--paper-2);color:var(--ink);font-family:var(--font-fraunces), Georgia, serif;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:10px;place-items:center;font-size:clamp(22px,7vw,30px);font-weight:600;display:grid}.pl-tile--typed{border-color:var(--ink-3);animation:.14s ease-out pl-pop}.pl-tile--hit,.pl-tile--near,.pl-tile--miss{color:#fff;animation:.52s ease-in-out both pl-flip}.pl-tile--hit{--final:var(--pl-hit)}.pl-tile--near{--final:var(--pl-near)}.pl-tile--miss{--final:var(--pl-miss)}.pl-row--settled .pl-tile{background:var(--final);border-color:var(--final);animation:none}.pl-row--shake{animation:.42s pl-shake}.pl-toast{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;animation:1.8s both pl-toast;position:absolute;top:-6px;left:50%;translate:-50% -100%}.pl-keys{gap:7px;width:min(500px,100%);margin:22px auto 0;display:grid}.pl-keyrow{justify-content:center;gap:5px;display:flex}.pl-key{background:var(--paper-3);max-width:44px;height:52px;color:var(--ink);border-radius:8px;flex:1 1 0;place-items:center;font-size:15px;font-weight:700;transition:transform .1s,background-color .3s;display:grid}.pl-key:active{transform:scale(.94)}.pl-key--wide{letter-spacing:.02em;flex-grow:1.5;max-width:68px;font-size:12.5px}.pl-key--hit{background:var(--pl-hit);color:#fff}.pl-key--near{background:var(--pl-near);color:#fff}.pl-key--miss{background:var(--pl-miss);color:#fff;opacity:.75}.pl-mini{color:#fff;border-radius:5px;padding:0 6px;font-weight:700;display:inline-block}.pl-mini--hit{background:#2e7d5b}.pl-mini--near{background:#b8801c}.pl-mini--miss{background:#5b6173}.pl-result{background:var(--paper-2);width:min(460px,100%);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-sm);border-radius:20px;margin:26px auto 0;padding:22px;animation:.6s cubic-bezier(.22,1,.36,1) both bd-rise}.pl-bar{color:#fff;text-align:right;background:#5b6173;border-radius:4px;min-width:22px;padding:1px 7px;font-weight:700;display:inline-block}@media (prefers-reduced-motion:reduce){.pl-tile--typed,.pl-tile--hit,.pl-tile--near,.pl-tile--miss,.pl-row--shake,.pl-result{animation:none}.pl-tile--hit,.pl-tile--near,.pl-tile--miss{background:var(--final);border-color:var(--final)}}
.fc-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fc-mode{text-align:left;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;transition:box-shadow .16s,background-color .16s;display:flex}.fc-mode[aria-checked=true]{background:var(--paper-3);box-shadow:inset 0 0 0 1.5px var(--ink)}.fc-mode__t{color:var(--ink);font-size:14.5px;font-weight:600}.fc-mode__d{color:var(--ink-3);font-size:12px}.fc-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}@media (max-width:639px){.fc-path{grid-template-columns:repeat(2,minmax(0,1fr))}}.fc-unit{text-align:left;background:var(--paper-2);width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;transition:box-shadow .16s;display:flex}.fc-unit:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--line-strong)}.fc-unit--here{box-shadow:inset 0 0 0 1.5px var(--lapis)}.fc-unit--locked{opacity:.5;cursor:not-allowed}.fc-unit__n{width:24px;height:24px;color:var(--lapis);background:var(--lapis-soft);border-radius:999px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.fc-unit__t{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.25;display:block}.fc-unit__e{color:var(--ink-3);font-size:11.5px;display:block}.fc-unit__bar{background:var(--paper-3);border-radius:99px;height:3px;margin-top:6px;display:block;overflow:hidden}.fc-unit__bar span{border-radius:inherit;background:var(--jade);height:100%;transition:width .4s;display:block}.fc-table{background:color-mix(in oklab, var(--paper-3) 55%, var(--paper));box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;margin-top:20px;padding:26px 20px}.fc-intro{text-align:center;padding:18px 8px}.fc-intro__k{letter-spacing:.11em;text-transform:uppercase;color:var(--lapis);font-size:11.5px;font-weight:600}.fc-intro__t{font-family:var(--font-display,inherit);letter-spacing:-.015em;color:var(--ink);margin-top:6px;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:600}.fc-intro__d{max-width:34rem;color:var(--ink-2);margin:6px auto 0;font-size:14.5px;line-height:1.55}.fc-unlocked{max-width:32rem;color:var(--ink-2);background:var(--jade-soft);border-radius:12px;margin:14px auto 0;padding:10px 14px;font-size:13.5px}.fc-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:18px;display:flex}.fc-dot{background:var(--line-strong);border-radius:99px;width:8px;height:8px;transition:background-color .2s,transform .2s}.fc-dot--now{background:var(--ink);transform:scale(1.25)}.fc-dot--right,.fc-dot--almost{background:var(--jade)}.fc-dot--wrong{background:var(--terracotta)}.fc-card{perspective:1400px;max-width:520px;margin:0 auto}.fc-card__inner{min-height:250px;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.3,.7,.2,1);position:relative}.fc-card--flipped .fc-card__inner{transform:rotateY(180deg)}.fc-face{text-align:center;backface-visibility:hidden;background:linear-gradient(to bottom, transparent 42px, color-mix(in oklab, var(--terracotta) 35%, transparent) 42px 43px, transparent 43px), repeating-linear-gradient(to bottom, transparent 0 27px, color-mix(in oklab, var(--lapis) 9%, transparent) 27px 28px), var(--paper-2);box-shadow:0 1px 0 var(--line), 0 18px 40px -18px color-mix(in oklab, var(--ink) 35%, transparent), inset 0 0 0 1px var(--line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:26px 24px;display:flex;position:absolute;inset:0}.fc-face--back{transform:rotateY(180deg)}.fc-face__lang{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:700;position:absolute;top:14px;left:18px}.fc-card--right .fc-face--back .fc-face__lang,.fc-card--almost .fc-face--back .fc-face__lang{color:var(--jade)}.fc-card--wrong .fc-face--back .fc-face__lang{color:var(--terracotta-ink)}.fc-face__word{font-family:var(--font-display,inherit);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;font-size:clamp(1.7rem,5vw,2.5rem);font-weight:600;line-height:1.12}.fc-face__say{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font-size:14px;display:flex}.fc-face__it{color:var(--ink);font-weight:600}.fc-face__ipa{letter-spacing:.02em;background:var(--paper-3);color:var(--ink-2);border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.fc-face__note{max-width:26rem;color:var(--ink-3);font-size:12.5px;line-height:1.5}.fc-speak{width:34px;height:34px;color:var(--lapis);background:var(--lapis-soft);border-radius:999px;place-items:center;transition:transform .15s;display:grid}.fc-speak:hover{transform:scale(1.06)}.fc-answer{flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;margin:20px auto 0;display:flex}.fc-input{min-width:0;color:var(--ink);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;outline:none;flex:220px;padding:11px 16px;font-size:16px}.fc-input:focus{box-shadow:inset 0 0 0 2px var(--lapis)}.fc-keys{flex-basis:100%;justify-content:center;gap:4px;display:flex}.fc-keys button{min-width:32px;color:var(--ink-2);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;padding:3px 8px;font-size:14px}.fc-keys button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.fc-btn{color:var(--ink);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .15s;display:inline-flex}.fc-btn:hover:not(:disabled){background:var(--paper-3)}.fc-btn:disabled{opacity:.45;cursor:not-allowed}.fc-btn--main{color:var(--paper);background:var(--ink);box-shadow:none}.fc-btn--main:hover:not(:disabled){background:color-mix(in oklab, var(--ink) 86%, var(--lapis))}.fc-verdict{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;max-width:520px;margin:20px auto 0;font-size:14px;line-height:1.5;display:flex}.fc-verdict p{flex:240px}.fc-ok{color:var(--jade)}.fc-near{color:var(--brass-ink)}.fc-miss{color:var(--terracotta-ink)}.fc-yours{color:var(--ink-2);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in oklab, var(--terracotta) 60%, transparent);text-decoration-color:color-mix(in oklab, var(--terracotta) 60%, transparent);font-weight:600}@media (prefers-reduced-motion:reduce){.fc-card__inner{transition:none}.fc-card--flipped .fc-card__inner{transform:none}.fc-card--flipped .fc-face--front{visibility:hidden}.fc-face--back{visibility:hidden;transform:none}.fc-card--flipped .fc-face--back{visibility:visible}}