@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:oklch(96.5% .008 85);--s1:#fff;--s2:oklch(93.5% .012 85);--border:#00000014;--t1:oklch(15% .02 280);--t2:oklch(48% .015 280);--t3:oklch(70% .01 280);--acc:oklch(52% .22 278);--acc-dim:oklch(52% .22 278/.1);--acc-fg:#fff;--new-c:oklch(48% .2 238);--learning-c:oklch(55% .2 52);--mastered-c:oklch(50% .2 150);--again-c:oklch(50% .22 20);--hard-c:oklch(55% .2 52);--good-c:oklch(50% .2 150);--easy-c:oklch(48% .2 222)}body{background:var(--bg);color:var(--t1);min-height:100dvh;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.screen{flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;animation:.22s fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scroll{flex:1;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.logo{color:var(--acc);letter-spacing:-.02em;font-size:38px;font-weight:800}.h1{color:var(--t1);letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.2}.h2{color:var(--t1);letter-spacing:-.02em;font-size:24px;font-weight:800}.micro{text-transform:uppercase;letter-spacing:.08em;color:var(--t2);font-size:11px;font-weight:700}.body-text{color:var(--t2);font-size:15.5px;line-height:1.6}.btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .15s;display:flex}.btn:active{opacity:.8}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-acc{background:var(--acc);color:var(--acc-fg)}.btn-text{cursor:pointer;color:var(--t2);text-align:center;background:0 0;border:none;width:100%;padding:10px;font-family:inherit;font-size:15px;font-weight:600}.input{background:var(--s1);border:1.5px solid var(--border);color:var(--t1);border-radius:14px;outline:none;width:100%;padding:15px 18px;font-family:inherit;font-size:16px;transition:border-color .15s}.input:focus{border-color:var(--acc)}.input::placeholder{color:var(--t3)}.back-btn{cursor:pointer;color:var(--t2);background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.divider{background:var(--border);flex-shrink:0;height:1px}.nav-bar{padding:10px 0 max(22px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--s1);flex-shrink:0;justify-content:space-around;display:flex}.nav-item{cursor:pointer;color:var(--t3);flex-direction:column;align-items:center;gap:3px;padding:4px 20px;transition:color .15s;display:flex}.nav-item.active{color:var(--acc)}.nav-item span{font-size:10.5px;font-weight:600}.error-msg{color:var(--again-c);background:color-mix(in oklch, var(--again-c) 10%, transparent);text-align:center;border-radius:10px;padding:10px 14px;font-size:13px}