:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;height:100%;min-width:320px;overflow:hidden;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.cpcd-row__chars,.cpcd-row__chars *,.cpcd-row__pinyin-cell{caret-color:transparent}@media (hover: hover) and (pointer: fine){.cpcd-row--selectable .cpcd-row__chars,.cpcd-row--selectable .cpcd-row__chars *,.cpcd-row--selectable .cpcd-row__pinyin-cell{-webkit-user-select:text;user-select:text;caret-color:auto}}.flashcard-container{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}@keyframes floatUpFade{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-75px) scale(1.1);opacity:.8}to{transform:translateY(-150px) scale(.8);opacity:0}}@keyframes floatDownFade{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(75px) scale(1.1);opacity:.8}to{transform:translateY(150px) scale(.8);opacity:0}}@keyframes cardPopIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.feedback-indicator,.navigation-indicator-up{animation:floatUpFade 1s ease-out forwards}.navigation-indicator-down{animation:floatDownFade 1s ease-out forwards}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.mobile-footer{view-transition-name:app-footer}@keyframes vt-slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes vt-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}::view-transition-group(root){animation-duration:.34s}:root[data-vt-dir=up]::view-transition-old(root){animation:none;z-index:0}:root[data-vt-dir=up]::view-transition-new(root){animation:vt-slide-in-up .34s cubic-bezier(.22,1,.36,1);z-index:1}:root[data-vt-dir=right]::view-transition-old(root){animation:none;z-index:0}:root[data-vt-dir=right]::view-transition-new(root){animation:vt-slide-in-right .34s cubic-bezier(.22,1,.36,1);z-index:1}.pos-badge{display:inline-block;margin-left:.35em;font-size:.6em;font-weight:600;font-style:italic;letter-spacing:.02em;color:var(--text-muted, #8a8a8a);vertical-align:middle;-webkit-user-select:none;user-select:none;white-space:nowrap}