:root{--dark: #2d3433;--accent1: #596060;--accent2: #596060;--light: #f8faf9;--white: #ffffff;--primary: #436565;--primary-dim: #375959;--primary-container: #c5eae9;--on-primary: #e0ffff;--surface: #f8faf9;--surface-container: #eaefee;--surface-container-low: #f1f4f3;--surface-container-high: #e4e9e8;--surface-container-highest: #dde4e3;--outline-variant: #acb3b2;--tertiary-container: #effee5}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--light)}.testimonial-tile{background:#f9fcf9d9;border:1px solid rgba(17,56,44,.12)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.glass{background:#f8faf9cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.card{background:var(--white);border:1px solid rgba(172,179,178,.15);box-shadow:0 1px 3px #2d34330a}.card:hover{box-shadow:0 4px 16px #2d343314}.pulse-recording{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.fluency-low{background-color:#fef2f2;color:#7f1d1d}.fluency-medium{background-color:#fefce8;color:#713f12}.fluency-high{background-color:#effee5;color:#375959}.btn-primary{background:var(--primary);color:var(--on-primary);transition:all .2s ease}.btn-primary:hover{background:var(--primary-dim);transform:scale(1.02)}.btn-secondary{background:var(--surface-container-low);color:var(--dark);border:1px solid rgba(172,179,178,.2);transition:all .2s ease}.btn-secondary:hover{background:var(--surface-container-high)}.input-field{background:var(--surface-container-low);border:1px solid rgba(172,179,178,.2);transition:all .2s ease}.input-field:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 4px #4365651a;outline:none}.nav-btn{transition:all .15s ease}.nav-btn:hover{background:var(--surface-container-high)}.nav-btn.active{background:var(--surface-container-low)}.modal-overlay{background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lang-card{cursor:pointer;transition:all .2s ease}.lang-card:hover{transform:translateY(-2px)}.lang-card.selected,.add-lang-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 0;min-height:28px}.typing-indicator span{width:8px;height:8px;background:var(--outline-variant);border-radius:50%;flex-shrink:0;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.flashcard-container{width:100%;height:100%;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%}.flashcard-front,.flashcard-back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--white);box-shadow:0 8px 32px #2d34330f;overflow:hidden;transition:opacity .3s ease}.flashcard-back,.flashcard-inner.flipped .flashcard-front{opacity:0;pointer-events:none}.flashcard-inner.flipped .flashcard-back{opacity:1;pointer-events:auto}.flashcard-word{font-size:3.5rem;font-weight:700;color:var(--dark);text-align:center;letter-spacing:-.02em}.flashcard-hint{font-size:.75rem;color:var(--accent1);margin-top:1.5rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:.5rem}.flashcard-fluency{position:absolute;top:1.5rem;right:1.5rem}.flashcard-counter{font-size:.75rem;color:var(--accent1);position:absolute;top:1.5rem;left:1.5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.fc-sound-btn{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--surface-container-low);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);transition:all .2s ease;margin-top:1.5rem}.fc-sound-btn:hover{background:var(--primary-container);transform:scale(1.05)}.practice-menu{position:relative;display:inline-block}.practice-menu-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;min-width:240px;background:var(--white);border:1px solid rgba(172,179,178,.15);border-radius:1rem;box-shadow:0 8px 32px #2d34331f;z-index:30;overflow:hidden}.practice-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;color:var(--dark);cursor:pointer;transition:background .15s}.practice-menu-item:hover{background:var(--surface-container-low)}.practice-menu-item svg{width:1.25rem;height:1.25rem;flex-shrink:0}.placement-option{cursor:pointer;transition:all .2s ease;border:2px solid transparent}.placement-option:hover{transform:translateY(-2px);border-color:var(--primary)}.placement-progress-bar{height:6px;background:var(--surface-container-high);border-radius:3px;overflow:hidden}.placement-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .4s ease}.placement-option-btn{display:block;width:100%;text-align:left;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(172,179,178,.2);background:var(--white);cursor:pointer;transition:all .15s ease;font-size:.875rem}.placement-option-btn:hover{background:var(--surface-container-low);border-color:var(--primary)}.placement-option-btn.selected{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.placement-option-btn.correct{background:#ecfdf5;border-color:#059669;color:#065f46}.placement-option-btn.incorrect{background:#fef2f2;border-color:#dc2626;color:#991b1b}.review-item{transition:all .15s ease}.review-item:hover{background:var(--surface-container-low)}.sidebar-drawer{box-shadow:4px 0 24px #2d343314}@media (min-width: 1024px){.sidebar-drawer{box-shadow:none}}.sidebar-nav-item{display:flex;align-items:center;gap:1rem;color:var(--accent1);padding:.75rem 1.5rem;transition:all .2s ease;border-radius:0 9999px 9999px 0;font-size:.875rem;font-weight:500;letter-spacing:.01em;cursor:pointer;text-decoration:none}.sidebar-nav-item:hover{background:var(--surface-container-high);color:var(--dark)}.sidebar-nav-item.active{background:var(--surface-container-low);color:var(--dark);font-weight:600}.sidebar-nav-item .material-symbols-outlined{color:var(--primary);font-size:22px}.lang-switcher{position:relative}.lang-switcher-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border-radius:.75rem;background:var(--surface-container-low);border:1px solid var(--outline-variant);cursor:pointer;transition:all .15s ease;font-size:.8125rem;font-weight:600;color:var(--dark)}.lang-switcher-btn:hover{background:var(--surface-container-high)}.lang-switcher-dropdown{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--white);border-radius:.75rem;box-shadow:0 8px 32px #2d34331f;border:1px solid var(--outline-variant);z-index:100;overflow:hidden}.lang-switcher-dropdown.open{display:block}.lang-switcher-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--dark);transition:background .1s}.lang-switcher-option:hover{background:var(--surface-container-low)}.lang-switcher-option.active{background:var(--surface-container-high);font-weight:600}.fluo-bird{overflow:visible}.fluo-bird-flight{transform:translate(160px,122px);animation:fluo-fly 2.4s cubic-bezier(.25,.7,.3,1) both}@keyframes fluo-fly{0%{transform:translate(-90px,10px) rotate(-8deg) scale(.8);opacity:0}12%{opacity:1}40%{transform:translate(40px,46px) rotate(-10deg) scale(.92)}75%{transform:translate(128px,96px) rotate(6deg) scale(1)}92%{transform:translate(158px,118px) rotate(-2deg) scale(1)}to{transform:translate(160px,122px) rotate(0) scale(1)}}.fluo-wing{transform-box:fill-box;transform-origin:15% 85%;animation:fluo-flap .3s ease-in-out 8 alternate}.fluo-wing-back{animation-delay:.05s}@keyframes fluo-flap{0%{transform:rotate(-38deg) scaleY(1.15)}to{transform:rotate(22deg) scaleY(.9)}}.fluo-feet{opacity:0;animation:fluo-fade-in .35s ease-out 2.15s forwards}@keyframes fluo-fade-in{to{opacity:1}}.fluo-bird-idle{animation:fluo-bob 3.2s ease-in-out 2.6s infinite}@keyframes fluo-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1.5deg)}}.fluo-eye{transform-box:fill-box;transform-origin:center;animation:fluo-blink 4.5s ease-in-out 3.2s infinite}@keyframes fluo-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.fluo-branch{transform-box:fill-box;transform-origin:50% 50%;animation:fluo-branch-sway .9s ease-out 2.25s 1}@keyframes fluo-branch-sway{0%{transform:rotate(0) translateY(0)}30%{transform:rotate(.8deg) translateY(3px)}65%{transform:rotate(-.4deg) translateY(-1px)}to{transform:rotate(0) translateY(0)}}@media (prefers-reduced-motion: reduce){.fluo-bird-flight,.fluo-wing,.fluo-bird-idle,.fluo-eye,.fluo-branch{animation:none}.fluo-feet{opacity:1;animation:none}}.dash-hero-glow{position:absolute;border-radius:50%;filter:blur(48px);pointer-events:none}.dash-pop-in{animation:dash-pop .5s cubic-bezier(.2,.8,.2,1) both}@keyframes dash-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.dash-pop-in{animation:none}}.message-bubble-in{border-bottom-left-radius:4px}.message-bubble-out{border-bottom-right-radius:4px}