.celebration-overlay{z-index:200;pointer-events:none;background:#ffffffd9;justify-content:center;align-items:center;animation:.3s celebFadeIn;display:flex;position:fixed;inset:0}.celebration-overlay.fade{animation:.6s forwards celebFadeOut}@keyframes celebFadeIn{0%{opacity:0}to{opacity:1}}@keyframes celebFadeOut{0%{opacity:1}to{opacity:0}}.celebration-particles{position:absolute;inset:0;overflow:hidden}.celebration-particle{opacity:0;animation:ease-out forwards particleRise;position:absolute;bottom:0}@keyframes particleRise{0%{transform:translateY(var(--start-y)) translateX(0) scale(.3) rotate(0deg);opacity:0}15%{opacity:1}70%{opacity:1}to{transform:translateY(-110vh) translateX(var(--drift)) scale(1) rotate(360deg);opacity:0}}.celebration-message{text-align:center;opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.5)}.celebration-message.visible{opacity:1;transform:scale(1)}.celebration-bloom{margin-bottom:8px;font-size:64px;animation:.8s forwards bloomGrow}@keyframes bloomGrow{0%{transform:scale(.3)rotate(-20deg)}50%{transform:scale(1.3)rotate(10deg)}70%{transform:scale(.9)rotate(-5deg)}to{transform:scale(1)rotate(0)}}.celebration-message h2{color:var(--leaf-green-dark);margin-bottom:4px;font-size:24px;font-weight:800}.celebration-word{color:var(--leaf-green);margin-top:4px;font-size:28px;font-weight:700}.celebration-sparkle-ring{pointer-events:none;width:160px;height:160px;margin:-80px 0 0 -80px;position:absolute;top:50%;left:50%}.sparkle-dot{background:var(--warm-yellow);width:8px;height:8px;animation:.8s ease-out forwards sparkleOut;animation-delay:inherit;opacity:0;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes sparkleOut{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(0);opacity:0}30%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-60px) scale(1.2)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-90px) scale(.3)}}.celebration-overlay.first-word{background:#fffdf6f2}.celebration-egg-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.celebration-egg{transform-origin:50% 75%;font-size:96px;animation:1.4s ease-in-out eggShake}.celebration-egg-emoji{filter:drop-shadow(0 6px 16px #8b6f4740);display:inline-block}@keyframes eggShake{0%{transform:rotate(0)scale(.9)}10%{transform:rotate(-8deg)scale(1)}20%{transform:rotate(10deg)scale(1.02)}30%{transform:rotate(-12deg)scale(1.04)}45%{transform:rotate(14deg)scale(1.06)}60%{transform:rotate(-10deg)scale(1.08)}75%{transform:rotate(8deg)scale(1.1)}90%{transform:rotate(-4deg)scale(1.12)}to{transform:rotate(0)scale(1.15)}}.celebration-egg-hint{color:var(--moss,#6b8e5a);opacity:0;margin-top:24px;font-size:15px;font-weight:600;animation:1.4s .4s forwards hintFade}@keyframes hintFade{0%{opacity:0;transform:translateY(8px)}to{opacity:.85;transform:translateY(0)}}.hatch-stage{width:200px;height:200px;position:relative}.celebration-egg-half{filter:drop-shadow(0 4px 10px #8b6f474d);font-size:72px;position:absolute;left:50%}.celebration-egg-half.top{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:1.2s cubic-bezier(.4,1.6,.5,1) forwards eggHalfTop;top:8%;transform:translate(-50%)}.celebration-egg-half.bottom{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:1.2s cubic-bezier(.4,1.6,.5,1) forwards eggHalfBottom;top:8%;transform:translate(-50%)}@keyframes eggHalfTop{0%{opacity:1;transform:translate(-50%)rotate(0)}60%{opacity:1;transform:translate(-90%,-40px)rotate(-25deg)}to{opacity:0;transform:translate(-130%,-100px)rotate(-45deg)}}@keyframes eggHalfBottom{0%{opacity:1;transform:translate(-50%)rotate(0)}60%{opacity:1;transform:translate(-10%,30px)rotate(20deg)}to{opacity:0;transform:translate(20%,80px)rotate(40deg)}}.celebration-hatchling{filter:drop-shadow(0 6px 14px #8b6f474d);font-size:96px;animation:1.2s cubic-bezier(.34,1.8,.64,1) .3s forwards hatchlingPop;position:absolute;top:35%;left:50%;transform:translate(-50%)scale(0)}@keyframes hatchlingPop{0%{opacity:0;transform:translate(-50%,30px)scale(0)rotate(0)}40%{opacity:1;transform:translate(-50%,-8px)scale(1.25)rotate(-8deg)}60%{opacity:1;transform:translate(-50%)scale(.95)rotate(6deg)}80%{opacity:1;transform:translate(-50%,-2px)scale(1.05)rotate(-3deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}.celebration-rays{pointer-events:none;animation:1.2s forwards raysFade;position:absolute;inset:0}.celebration-rays .ray{background:linear-gradient(to top, transparent, var(--warm-yellow,#f5d16a));transform-origin:50% 100%;width:4px;height:90px;transform:translate(-50%, -100%) rotate(var(--angle));opacity:0;border-radius:2px;margin-left:-2px;animation:1.2s forwards rayBeam;position:absolute;top:50%;left:50%}@keyframes rayBeam{0%{transform:translate(-50%, -100%) rotate(var(--angle)) scaleY(0);opacity:0}40%{transform:translate(-50%, -100%) rotate(var(--angle)) scaleY(1);opacity:.9}to{transform:translate(-50%, -100%) rotate(var(--angle)) scaleY(1.4);opacity:0}}@keyframes raysFade{0%,80%{opacity:1}to{opacity:0}}.first-word-message{max-width:320px;padding:0 24px}.celebration-bloom-big{font-size:88px!important}.first-word-title{color:var(--leaf-green-dark,#4a6a3d)!important;margin-bottom:12px!important;font-size:28px!important}.first-word-subtitle{color:var(--moss,#6b8e5a);letter-spacing:.3px;margin:0 0 4px;font-size:14px;font-weight:500}.celebration-word-big{margin:4px 0 16px!important;font-size:36px!important}.first-word-footer{color:var(--moss,#6b8e5a);opacity:.85;margin:8px 0 0;font-size:14px;font-weight:500}@media (prefers-reduced-motion:reduce){.celebration-egg,.celebration-egg-half,.celebration-hatchling,.celebration-rays .ray{animation-duration:.6s!important;animation-iteration-count:1!important}.celebration-egg{animation-name:none}}.log-word-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.log-word-sheet{background:var(--cream);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-md) var(--space-lg) var(--space-2xl);width:100%;max-width:430px;max-height:85vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--border);width:40px;height:4px;margin:0 auto var(--space-lg);border-radius:2px}.sheet-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.sheet-logo-img{width:36px;height:auto}.sheet-header h3{font-size:18px;font-weight:700}.sheet-header p{color:var(--text-secondary);margin-top:2px;font-size:13px}.word-input{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;margin-bottom:var(--space-lg);padding:16px 18px;font-size:18px;transition:border-color .2s}.word-input:focus{border-color:var(--leaf-green)}.chip-section{margin-bottom:var(--space-lg)}.chip-section label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600;display:block}.chip-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);white-space:nowrap;padding:8px 14px;font-size:13px;transition:all .2s}.chip.selected{border-color:var(--leaf-green);color:var(--leaf-green-dark);background:#8ed08126;font-weight:600}.lang-chip.selected{border-color:var(--sky-blue);color:var(--text-primary);background:#a0d8ef26}.language-section{margin-bottom:var(--space-sm)}.note-optional{color:var(--text-light);font-weight:400}.word-note-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s}.word-note-input:focus{border-color:var(--leaf-green);outline:none}.word-note-input::placeholder{color:var(--text-light);font-style:italic}.word-flashcard{margin:var(--space-sm) 0 var(--space-md);flex-direction:column;align-items:center;animation:.4s cubic-bezier(.34,1.56,.64,1) both flashcardPop;display:flex}.word-flashcard-inner{border:2.5px solid var(--warm-yellow);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff 0%,#fffdf5 100%);flex-direction:column;align-items:center;gap:8px;min-width:200px;padding:20px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a,inset 0 -3px #f5cb5c33}.word-flashcard-inner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd7644d 0%,#0000 70%);border-radius:50%;width:70px;height:70px;position:absolute;top:-20px;right:-20px}.word-flashcard-image{filter:drop-shadow(0 4px 8px #0000001a);font-size:90px;line-height:1;animation:.6s ease-out .15s both flashcardBounce}.word-flashcard-label{color:var(--text-primary);text-transform:lowercase;letter-spacing:.5px;font-family:Nunito,Quicksand,system-ui,sans-serif;font-size:24px;font-weight:700}.word-flashcard-hint{color:var(--leaf-green-dark);text-align:center;margin:6px 0 0;font-size:12px;font-weight:600;animation:.4s ease-out .4s both flashcardFadeIn}.word-flashcard-inner{width:100%;max-width:260px;font:inherit;cursor:pointer;transition:transform .15s}.word-flashcard-inner:active{transform:scale(.97)}.word-flashcard-image.empty{opacity:.35;filter:grayscale();animation:none}.word-flashcard-edit{color:var(--leaf-green-dark);letter-spacing:.2px;font-size:11px;font-weight:700}.chip-more{color:var(--text-secondary);border-style:dashed;font-weight:700}@keyframes flashcardPop{0%{opacity:0;transform:scale(.7)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes flashcardBounce{0%{transform:scale(.5)rotate(-10deg)}50%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes flashcardFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.duplicate-word-msg{border:1.5px solid var(--warm-yellow);border-radius:var(--radius-lg);margin-top:var(--space-sm);background:linear-gradient(135deg,#fff8f2,#fff3e8);align-items:flex-start;gap:10px;padding:12px 14px;animation:.4s ease-out both duplicateBounceIn;display:flex}.duplicate-word-icon{flex-shrink:0;font-size:1.4rem;animation:.6s ease-in-out .3s both duplicateWiggle}.duplicate-word-msg p{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:500;line-height:1.5}@keyframes duplicateBounceIn{0%{opacity:0;transform:translateY(10px)scale(.95)}60%{transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}.flagged-word-msg{border:1.5px solid var(--warm-yellow);border-radius:var(--radius-lg);margin-top:var(--space-sm);background:linear-gradient(135deg,#fff8f2,#fff3e8);align-items:flex-start;gap:10px;padding:12px 14px;animation:.4s ease-out both duplicateBounceIn;display:flex}.flagged-word-icon{flex-shrink:0;font-size:1.4rem}.flagged-word-msg p{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:500;line-height:1.5}@keyframes duplicateWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.save-word-btn{border-radius:var(--radius-full);background:var(--leaf-green);color:#fff;width:100%;margin-top:var(--space-sm);padding:16px;font-size:17px;font-weight:600;transition:all .2s}.save-word-btn:active{transform:scale(.97)}.save-word-btn.disabled{opacity:.5;pointer-events:none}.save-success{text-align:center;padding:var(--space-2xl) 0;animation:.4s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.success-icon{margin-bottom:var(--space-md);font-size:56px;display:block}.save-success h3{margin-bottom:var(--space-xs);font-size:20px;font-weight:700}.save-success p{color:var(--text-secondary);font-size:14px}.word-limit-gate{text-align:center;padding:var(--space-xl) 0 var(--space-md)}.word-limit-icon{margin-bottom:var(--space-md);font-size:48px;display:block}.word-limit-gate h3{margin-bottom:var(--space-sm);font-size:20px;font-weight:700}.word-limit-gate p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.word-limit-count{margin-bottom:var(--space-lg);justify-content:center;align-items:baseline;gap:6px;display:flex}.word-limit-number{color:var(--leaf-green-dark);font-size:36px;font-weight:800}.word-limit-label{color:var(--text-light);font-size:14px}.word-limit-dismiss{color:var(--text-light);margin-top:var(--space-md);background:0 0;padding:8px 16px;font-size:14px}.word-limit-bar{margin-bottom:var(--space-md)}.word-limit-bar-track{background:var(--cream-dark);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.word-limit-bar-fill{background:linear-gradient(90deg, var(--mint), var(--leaf-green));border-radius:3px;height:100%;transition:width .4s}.word-limit-bar-text{color:var(--text-light);text-align:right;font-size:11px;display:block}