:root{--yl-bg:#030712;--yl-surface:#111827;--yl-surface-2:#030712;--yl-line:#1f2937;--yl-ink:#ffffff;--yl-text:#e5e7eb;--yl-muted:#9ca3af;--yl-edge:#1f2937;--yl-edge-w:1px;--yl-shadow:none;--yl-shadow-sm:none;--yl-radius:1rem;--yl-primary:#2563eb;--yl-primary-hover:#3b82f6;--yl-primary-edge:#1d4ed8;--yl-primary-ink:#ffffff;--yl-press:0px;--yl-tutor-bg:#111827;--yl-tutor-ink:#e5e7eb;--yl-user-bg:#2563eb;--yl-user-ink:#ffffff;--yl-accent:#60a5fa;--yl-good:#22c55e;--yl-good-bg:rgba(34,197,94,0.12);--yl-bad:#f59e0b;--yl-bad-bg:rgba(245,158,11,0.1);--yl-review:#a855f7;--yl-review-bg:rgba(88,28,135,0.2);--yl-review-ink:#d8b4fe;--yl-good-ink:#4ade80;--yl-progress:#60a5fa;--yl-progress-bg:rgba(30,58,138,0.35);--yl-error:#f87171;--yl-xp:#fcd34d;--yl-xp-bg:rgba(245,158,11,0.15);--yl-learning:#f59e0b;--yl-learning-bg:rgba(251,191,36,0.22);--yl-known:rgba(16,185,129,0.55);--yl-hover:rgba(56,189,248,0.18);--yl-quote-bg:rgba(3,7,18,0.6);--yl-quote-edge:#3b82f6;--yl-quote-em:#bfdbfe;--yl-strong-bg:rgba(251,191,36,0.1);--yl-strong-ink:#fde68a}.yaplearn{--yl-bg:#fff8ee;--yl-surface:#ffffff;--yl-surface-2:#fffdf8;--yl-line:#efe5d6;--yl-ink:#1c1633;--yl-text:#2b2445;--yl-muted:#665e80;--yl-edge:#1c1633;--yl-edge-w:2px;--yl-shadow:4px 4px 0 #1c1633;--yl-shadow-sm:2px 2px 0 #1c1633;--yl-radius:1.4rem;--yl-primary:#ff6b2c;--yl-primary-hover:#ff7d45;--yl-primary-edge:#c7471a;--yl-primary-ink:#1c1633;--yl-press:4px;--yl-tutor-bg:#ffffff;--yl-tutor-ink:#2b2445;--yl-user-bg:#0b8278;--yl-user-ink:#ffffff;--yl-accent:#12b5a6;--yl-good:#12b5a6;--yl-good-bg:#dcf8f2;--yl-bad:#ff8a3d;--yl-bad-bg:#fff0e3;--yl-review:#7c3aed;--yl-review-bg:#f1eaff;--yl-review-ink:#6d28d9;--yl-good-ink:#0a7369;--yl-progress:#2563eb;--yl-progress-bg:#e8f0ff;--yl-error:#c81e1e;--yl-xp:#8a5a0b;--yl-xp-bg:#fff3c4;--yl-learning:#f5a623;--yl-learning-bg:#ffeeb8;--yl-known:#34d3b6;--yl-hover:#d6ecff;--yl-quote-bg:#f2fbff;--yl-quote-edge:#38bdf8;--yl-quote-em:#0e6f9e;--yl-strong-bg:#ffe9a8;--yl-strong-ink:#1c1633;font-family:var(--font-nunito),"Nunito",ui-rounded,system-ui,sans-serif}.yaplearn,.yl-app{color:var(--yl-text)}.yl-app{background:var(--yl-bg)}.yaplearn .yl-app{background:radial-gradient(60rem 40rem at -10% -10%,#dcf7ec 0,transparent 60%),radial-gradient(50rem 36rem at 110% 0,#ddefff 0,transparent 55%),radial-gradient(46rem 34rem at 100% 105%,#efe4ff 0,transparent 55%),radial-gradient(40rem 30rem at -5% 100%,#ffe7d6 0,transparent 55%),var(--yl-bg)}.yl-card{border:var(--yl-edge-w) solid var(--yl-edge);border-radius:var(--yl-radius);box-shadow:var(--yl-shadow);color:var(--yl-text)}.yl-card,.yl-card-flat{background:var(--yl-surface)}.yl-card-flat{border:var(--yl-edge-w) solid var(--yl-line);border-radius:var(--yl-radius)}.yl-line{border-color:var(--yl-line)}.yl-ink{color:var(--yl-ink)}.yl-muted{color:var(--yl-muted)}.yl-bubble-tutor{background:var(--yl-tutor-bg);color:var(--yl-tutor-ink);border-radius:1.25rem 1.25rem 1.25rem .4rem}.yaplearn .yl-bubble-tutor{border:2px solid var(--yl-edge);box-shadow:var(--yl-shadow-sm)}.yl-bubble-user{background:var(--yl-user-bg);color:var(--yl-user-ink);border-radius:1.25rem 1.25rem .4rem 1.25rem}.yaplearn .yl-bubble-user{border:2px solid var(--yl-edge);box-shadow:var(--yl-shadow-sm);font-weight:500}.yl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;background:var(--yl-primary);color:var(--yl-primary-ink);padding:.55rem 1.25rem;font-size:.875rem;font-weight:700;transition:background-color .15s,transform .08s,box-shadow .08s}.yl-btn:hover{background:var(--yl-primary-hover)}.yl-btn:disabled{opacity:.5;cursor:not-allowed}.yaplearn .yl-btn{border:2px solid var(--yl-edge);border-radius:1rem;box-shadow:0 var(--yl-press) 0 var(--yl-edge);font-weight:800;font-size:.9rem;padding:.6rem 1.3rem}.yaplearn .yl-btn:active:not(:disabled){transform:translateY(var(--yl-press));box-shadow:0 0 0 var(--yl-edge)}.yl-btn-2{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;border:1px solid #374151;color:var(--yl-text);padding:.4rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s,transform .08s,box-shadow .08s}.yl-btn-2:hover{background:rgba(255,255,255,.06)}.yl-btn-2:disabled{opacity:.5}.yaplearn .yl-btn-2{background:#ffffff;border:2px solid var(--yl-edge);border-radius:1rem;box-shadow:0 3px 0 var(--yl-edge);color:var(--yl-ink);font-weight:700}.yaplearn .yl-btn-2:hover{background:#fff6ea}.yaplearn .yl-btn-2:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--yl-edge)}.yl-chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;border:1px solid #374151;padding:.3rem .8rem;font-size:.8rem;color:var(--yl-text);transition:background-color .15s,border-color .15s;white-space:nowrap}.yl-chip:hover{border-color:#6b7280}.yl-chip-on{border-color:var(--yl-primary);background:rgba(37,99,235,.15);color:var(--yl-ink)}.yaplearn .yl-chip{background:#ffffff;border:2px solid var(--yl-line);font-weight:700;color:var(--yl-ink)}.yaplearn .yl-chip:hover{border-color:var(--yl-edge)}.yaplearn .yl-chip-on{background:#fff1e8;border-color:var(--yl-primary);box-shadow:0 2px 0 var(--yl-primary-edge)}.yl-input{width:100%;border-radius:1rem;border:1px solid #374151;background:#111827;color:#ffffff;padding:.6rem 1rem;font-size:16px;outline:none}.yl-input::-moz-placeholder{color:#6b7280}.yl-input::placeholder{color:#6b7280}.yl-input:focus{border-color:#3b82f6}.yaplearn .yl-input{background:#ffffff;color:var(--yl-ink);border:2px solid var(--yl-edge);box-shadow:inset 0 2px 0 rgba(28,22,51,.06);font-weight:500}.yaplearn .yl-input::-moz-placeholder{color:#857d9c}.yaplearn .yl-input::placeholder{color:#857d9c}.yaplearn .yl-input:focus{border-color:var(--yl-accent);box-shadow:0 0 0 4px rgba(18,181,166,.18)}.yl-round{display:flex;align-items:center;justify-content:center;height:2.75rem;width:2.75rem;flex-shrink:0;border-radius:999px;background:var(--yl-primary);color:var(--yl-primary-ink);transition:transform .08s,box-shadow .08s,background-color .15s}.yl-round:disabled{background:#1f2937;color:#6b7280}.yaplearn .yl-round{border:2px solid var(--yl-edge);box-shadow:0 3px 0 var(--yl-edge)}.yaplearn .yl-round:disabled{background:#efe8dc;color:#b3aac6}.yaplearn .yl-round:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--yl-edge)}.yl-round-2{background:var(--yl-surface);color:var(--yl-ink);border:1px solid var(--yl-line)}.yl-round-2:hover{background:var(--yl-surface-2)}.yaplearn .yl-round-2{background:var(--yl-surface);color:var(--yl-good-ink)}.yaplearn .yl-round-2:hover{background:var(--yl-good-bg)}@media (pointer:coarse){.yaplearn :is(.cl-formButtonPrimary,.cl-socialButtonsBlockButton,.cl-formFieldInput,.cl-footerActionLink),.yaplearn :is(.yl-btn,.yl-btn-2,.yl-chip,button.yl-pill){min-height:44px}.yaplearn .cl-footerActionLink{display:inline-flex;align-items:center}.yaplearn .yl-tap{min-height:44px}.yaplearn .yl-tap-zone{position:relative}.yaplearn .yl-tap-zone:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}}@keyframes yl-drawer-in{0%{transform:translateX(100%)}to{transform:none}}@keyframes yl-drawer-out{0%{transform:none}to{transform:translateX(100%)}}@keyframes yl-drawer-grow{0%{width:0;opacity:0}to{width:400px;opacity:1}}@keyframes yl-drawer-shrink{0%{width:400px;opacity:1}to{width:0;opacity:0}}.yl-drawer{animation:yl-drawer-in .26s cubic-bezier(.2,.8,.2,1)}.yl-drawer-out{animation:yl-drawer-out .2s ease-in forwards}@media (min-width:1024px){.yl-drawer{animation:yl-drawer-grow .28s cubic-bezier(.2,.8,.2,1)}.yl-drawer-out{animation:yl-drawer-shrink .2s ease-in forwards}}@keyframes yl-panel-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.yl-panel-swap{animation:yl-panel-swap .22s ease-out}@keyframes yl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yl-fade-out{0%{opacity:1}to{opacity:0}}.yl-fade-in{animation:yl-fade-in .2s ease-out}.yl-fade-out{animation:yl-fade-out .2s ease-in forwards}@keyframes yl-thread-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes yl-msg-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.yl-thread-in{animation:yl-thread-in .32s cubic-bezier(.2,.8,.2,1)}.yl-thread>*{animation:yl-msg-in .28s cubic-bezier(.2,.8,.2,1) both}.yl-skeleton{animation:yl-fade-in .25s ease-out .15s both}@keyframes yl-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.yl-shimmer{background:linear-gradient(90deg,var(--yl-surface) 30%,color-mix(in srgb,var(--yl-surface) 90%,var(--yl-ink)) 50%,var(--yl-surface) 70%);background-size:200% 100%;animation:yl-shimmer 1.4s ease-in-out infinite}.yl-pill-slide-on{transition:transform .32s cubic-bezier(.3,1.3,.5,1),height .32s cubic-bezier(.3,1.3,.5,1),opacity .2s ease}@keyframes yl-row-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.yl-row-in{animation:yl-row-in .24s ease-out both}.yl-press{transition:transform .12s ease,background-color .15s ease}.yl-press:active{transform:scale(.97)}@keyframes yl-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}.yl-pop-in{transform-origin:top center;animation:yl-pop-in .18s cubic-bezier(.2,.8,.2,1)}@keyframes yl-sheet-in{0%{transform:translateX(-100%)}to{transform:none}}.yl-sheet-in{animation:yl-sheet-in .26s cubic-bezier(.2,.8,.2,1)}.yl-sheet-out{animation:yl-sheet-in .18s cubic-bezier(.4,0,1,1) reverse forwards}@media (prefers-reduced-motion:reduce){.yl-drawer,.yl-fade-in,.yl-panel-swap,.yl-pop-in,.yl-row-in,.yl-sheet-in,.yl-shimmer,.yl-thread-in,.yl-thread>*{animation:none}.yl-skeleton{animation:yl-fade-in .01s linear .15s both}.yl-drawer-out,.yl-fade-out,.yl-sheet-out{animation:none;opacity:0}.yl-pill-slide-on,.yl-press{transition:none}.yl-press:active{transform:none}}.yl-pill{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;border-radius:999px;border:1px solid #374151;padding:.25rem .65rem;font-size:.75rem;font-weight:600;color:var(--yl-text)}.yaplearn .yl-pill{background:#ffffff;border:2px solid var(--yl-edge);box-shadow:0 2px 0 var(--yl-edge);font-weight:900;color:var(--yl-ink)}.yl-pill-xp{background:var(--yl-xp-bg);color:var(--yl-xp);border-color:transparent}.yaplearn .yl-pill-xp{background:#ffd84d;color:var(--yl-ink)}.yl-step{background:var(--yl-surface);border:1px solid rgba(59,130,246,.4);border-radius:var(--yl-radius);color:var(--yl-text)}.yaplearn .yl-step{border:2px solid var(--yl-edge);box-shadow:6px 6px 0 #12b5a6,6px 6px 0 2px var(--yl-edge)}.yl-step-label{color:#60a5fa}.yaplearn .yl-step-label{color:#0a7369;font-weight:900}.yl-option{border-radius:.75rem;border:1px solid #374151;background:#030712;color:#f3f4f6;transition:border-color .15s,transform .08s,box-shadow .08s}.yl-option:hover{border-color:#3b82f6}.yaplearn .yl-option{background:#ffffff;border:solid var(--yl-line);border-width:2px 2px 4px;color:var(--yl-ink);font-weight:700;border-radius:1rem}.yaplearn .yl-option:hover{border-color:#12b5a6;background:#f1fdfb}.yaplearn .yl-option:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.yl-good{background:var(--yl-good-bg);border:1px solid rgba(34,197,94,.35);border-radius:var(--yl-radius)}.yl-bad,.yl-good{color:var(--yl-text)}.yl-bad{background:var(--yl-bad-bg);border:1px solid rgba(245,158,11,.35);border-radius:var(--yl-radius)}.yaplearn .yl-good{border:2px solid #12b5a6;box-shadow:3px 3px 0 #12b5a6}.yaplearn .yl-bad{border:2px solid #ff8a3d;box-shadow:3px 3px 0 #ff8a3d}.yl-review{background:var(--yl-review-bg);border:1px solid rgba(126,34,206,.5);border-radius:var(--yl-radius)}.yaplearn .yl-review{border:2px solid var(--yl-edge);box-shadow:4px 4px 0 #8b5cf6,4px 4px 0 2px var(--yl-edge)}.yaplearn .prose-chat{--tw-prose-body:var(--yl-text);--tw-prose-headings:var(--yl-ink);--tw-prose-bold:var(--yl-ink);--tw-prose-bullets:var(--yl-muted);--tw-prose-counters:var(--yl-muted);--tw-prose-links:#0a7369;--tw-prose-quotes:var(--yl-text);--tw-prose-th-borders:var(--yl-line);--tw-prose-td-borders:var(--yl-line);color:var(--yl-text)}.yl-vocab{border:1px solid #1f2937;border-radius:.75rem}.yl-vocab thead{background:rgba(3,7,18,.7)}.yl-vocab th{color:#9ca3af}.yl-vocab tr{border-color:#1f2937}.yl-vocab td{color:#e5e7eb}.yl-vocab td:first-child{color:#ffffff}.yaplearn .yl-vocab{border:2px solid var(--yl-edge);border-radius:1rem;background:#ffffff}.yaplearn .yl-vocab thead{background:#e7f9f6}.yaplearn .yl-vocab th{color:#0a7369}.yaplearn .yl-vocab tr{border-color:var(--yl-line)}.yaplearn .yl-vocab td{color:var(--yl-text)}.yaplearn .yl-vocab td:first-child{color:var(--yl-ink)}.yl-quote{background:var(--yl-quote-bg);border-left:3px solid var(--yl-quote-edge)!important}.yl-quote em{color:var(--yl-quote-em)}.yl-strong{background:var(--yl-strong-bg);color:var(--yl-strong-ink)}.yl-num>li:before{background:rgba(37,99,235,.3);color:#bfdbfe}.yaplearn .yl-num>li:before{background:#ffd84d;color:var(--yl-ink);border:2px solid var(--yl-edge)}.yl-progress{background:#1f2937;border-radius:999px;overflow:hidden}.yl-progress>*{background:#3b82f6;height:100%;border-radius:999px}.yaplearn .yl-progress{background:#efe5d6;border:2px solid var(--yl-edge)}.yaplearn .yl-progress>*{background:linear-gradient(90deg,#12b5a6,#5fdccf)}@keyframes yl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.yl-float{animation:yl-float 4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.yl-float{animation:none}}.yl-yapmode{background:radial-gradient(40rem 30rem at 50% 35%,rgba(59,130,246,.18) 0,transparent 70%),#030712;color:var(--yl-text)}.yaplearn .yl-yapmode{background:radial-gradient(34rem 26rem at 50% 38%,#fff6d8 0,transparent 70%),radial-gradient(50rem 36rem at 0 0,#d8f6ec 0,transparent 60%),radial-gradient(50rem 36rem at 100% 10%,#dcecff 0,transparent 60%),radial-gradient(46rem 34rem at 60% 110%,#eee3ff 0,transparent 60%),#fff8ee}.yl-yap-halo{width:min(70vw,360px);height:min(70vw,360px);background:radial-gradient(circle,rgba(18,181,166,.25) 0,transparent 65%);transform:scale(.85);opacity:.6;transition:transform .4s ease,opacity .4s ease}.yl-yap-halo-on{transform:scale(1.05);opacity:1;animation:yl-breathe 2.4s ease-in-out infinite}@keyframes yl-breathe{0%,to{transform:scale(.98)}50%{transform:scale(1.1)}}.yl-mic{display:flex;align-items:center;justify-content:center;height:5rem;width:5rem;border-radius:999px;background:#1f2937;color:#9ca3af;transition:transform .08s,box-shadow .2s,background-color .2s}.yl-mic-on{background:var(--yl-primary);color:var(--yl-primary-ink)}.yl-mic-live{box-shadow:0 0 0 0 rgba(18,181,166,.55);animation:yl-ping 1.6s ease-out infinite}@keyframes yl-ping{0%{box-shadow:0 0 0 0 rgba(18,181,166,.5)}to{box-shadow:0 0 0 22px rgba(18,181,166,0)}}.yaplearn .yl-mic{background:#ffffff;color:var(--yl-muted);border:3px solid var(--yl-edge);box-shadow:0 5px 0 var(--yl-edge)}.yaplearn .yl-mic-on{background:#12b5a6;color:#ffffff}.yaplearn .yl-mic:active{transform:translateY(5px);box-shadow:0 0 0 var(--yl-edge)}.yaplearn .yl-mic-live{animation:yl-ping 1.6s ease-out infinite}@media (prefers-reduced-motion:reduce){.yl-mic-live,.yl-yap-halo-on{animation:none}}