#stop-recording-button{width:20px;height:20px;border-radius:4px;background:#725EEB;cursor:pointer}#stop-recording-button:disabled{background:#CCC;cursor:not-allowed}.writer-text{display:inline-block;white-space:pre-line;box-sizing:border-box;color:#000;font-size:16px;font-weight:400;line-height:24px}@keyframes typing{0%{width:0}to{width:100%}}.reveal-hint{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 20px;border-radius:999px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f4f5f7;color:#6b6b73;font-size:13px;font-weight:500;line-height:1;transition:background .2s ease,color .2s ease}.reveal-hint:hover{background:#ececef;color:#4e4d58}.card-enter-next{animation:cardEnterNext .3s cubic-bezier(.25,.46,.45,.94) both}.card-enter-prev{animation:cardEnterPrev .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes cardEnterNext{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes cardEnterPrev{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.face{position:absolute;inset:0;transition:opacity .3s ease,transform .3s ease}.face-hidden{opacity:0;transform:translateY(10px) scale(.98);pointer-events:none}.face-visible{opacity:1;transform:translateY(0) scale(1)}