button.modal-icon-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:1}button.modal-icon-close>.modal-close-icon{display:block;width:var(--modal-close-icon-size, 20px);height:var(--modal-close-icon-size, 20px);flex:none;margin:0;pointer-events:none}.flashcards-deck-close-btn{--modal-close-icon-size: 24px}.vocabulary-image{position:relative;display:block;background:transparent}.vocabulary-image:not(.is-loaded){background:transparent}.vocabulary-image img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .28s ease}.vocabulary-image.is-loaded img{opacity:1}.vocabulary-image-spinner{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;box-sizing:border-box;border:3px solid color-mix(in srgb,var(--accent-primary) 18%,transparent);border-top-color:var(--accent-primary);border-radius:50%;animation:vocabularyImageSpin .8s linear infinite}@keyframes vocabularyImageSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vocabulary-image img{transition:none}.vocabulary-image-spinner{animation:none}}.flashcards-deck-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s ease}.flashcards-deck-overlay.active{opacity:1;pointer-events:all}.flashcards-deck-top-bar{width:100%;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:10}.flashcards-deck-top-spacer{width:44px;height:44px;flex:0 0 auto}.flashcards-deck-preferences{display:inline-flex;align-items:center;gap:8px;min-width:0}.flashcards-deck-toggle{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;padding:0;background:#ffffff1a;color:#fff;font-size:13px;font-weight:800;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}.flashcards-deck-toggle.is-on{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 6px 14px color-mix(in srgb,var(--accent-primary) 32%,transparent)}.flashcards-deck-toggle:active{transform:scale(.95)}.flashcards-deck-toggle:disabled{cursor:default;opacity:.58;filter:grayscale(.25);transform:scale(.94);box-shadow:none}.flashcards-deck-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.flashcards-deck-toggle .flashcards-autoplay-toggle-icon{width:25px;height:25px}.flashcards-autoplay-play-mark{fill:currentColor;stroke:none}.flashcards-deck-close-btn{background:#fff3;border:none;color:#fff;font-size:28px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.flashcards-deck-card-container{flex:1;display:flex;align-items:center;justify-content:center;perspective:1200px;padding:0 20px;position:relative}.flashcards-deck-fly-wrapper{width:100%;max-width:340px;height:65vh;max-height:450px;will-change:transform;transition:none;transform-style:preserve-3d}.flashcards-deck-fly-wrapper.is-hidden{visibility:hidden;pointer-events:none}.flashcards-deck-fly-wrapper.animate-in{animation:flashcardDeckEnter .42s cubic-bezier(.22,.9,.3,1) both}@keyframes flashcardDeckEnter{0%{transform:translateY(14px) scale(.96)}to{transform:translateY(0) scale(1)}}.flashcards-deck-flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;cursor:grab;touch-action:none}.flashcards-deck-flashcard:active{cursor:grabbing}.flashcards-deck-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:20px;box-shadow:0 15px 35px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;overflow:hidden}.flashcards-deck-card-front{transform:rotateY(0) translateZ(1px)}.flashcards-deck-card-back{transform:rotateY(180deg) translateZ(1px);background-color:#e2e8f0}.flashcards-deck-card-face.is-word-side{background:#fff}.flashcards-deck-card-face.is-definition-side{background:#e2e8f0}.flashcards-deck-explosion{position:absolute;top:50%;left:50%;width:800px;height:800px;border-radius:50%;background-color:transparent;transform:translate(-50%,-50%) scale(0);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}.flashcards-deck-flashcard.is-correct .flashcards-deck-explosion{background-color:#22c55e;transform:translate(-50%,-50%) scale(1)}.flashcards-deck-flashcard.is-incorrect .flashcards-deck-explosion{background-color:#ef4444;transform:translate(-50%,-50%) scale(1)}.flashcards-deck-card-content{position:relative;z-index:2;width:100%;transition:color .2s ease}.flashcards-deck-audio-btn{position:absolute;inset:auto auto 14px 50%;transform:translate(-50%);z-index:4;width:58px;height:58px;border:1.5px solid rgba(49,27,146,.2);border-radius:50%;color:var(--accent-primary);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none}.flashcards-deck-audio-btn.is-playing{background:#fff;border-color:var(--accent-primary)}.flashcards-deck-audio-btn.is-muted{color:#64748b;border-color:#64748b61;background:#f8fafc}.flashcards-deck-audio-btn .flashcards-audio-muted-slash{stroke-width:1.9}.flashcards-deck-audio-btn:disabled{opacity:.92;cursor:not-allowed}.flashcards-deck-audio-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#fff}.flashcards-deck-audio-btn svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.flashcards-audio-activity{width:40px;height:24px;position:relative;display:inline-flex;align-items:center;justify-content:center}.flashcards-audio-activity .wave{position:absolute;left:3px;right:3px;top:50%;transform:translateY(-50%);height:18px;display:inline-flex;align-items:center;justify-content:center;gap:2px}.flashcards-audio-activity .wave span{width:4px;height:2px;border-radius:999px;background:var(--accent-primary);animation:flashcardsAudioWave .9s ease-in-out infinite}.flashcards-audio-activity .wave span:nth-child(2){animation-delay:.12s}.flashcards-audio-activity .wave span:nth-child(3){animation-delay:.24s}.flashcards-audio-activity .wave span:nth-child(4){animation-delay:.36s}@keyframes flashcardsAudioWave{0%,to{height:2px}50%{height:16px}}.flashcards-deck-flashcard.skip-color-transition .flashcards-deck-explosion{transition:none!important}.flashcards-deck-card-front h2,.flashcards-deck-card-face.is-word-side h2{font-size:36px;font-weight:700;color:#1f2937;margin:0;transition:color .2s ease}.flashcards-deck-card-front .flashcards-deck-card-content,.flashcards-word-content{width:100%}.flashcards-deck-card-front .flashcards-deck-card-content.no-front-example,.flashcards-word-content.no-front-example{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}.flashcards-deck-card-front .flashcards-deck-card-content.has-front-example,.flashcards-word-content.has-front-example{display:flex;flex-direction:column;align-items:center;justify-content:center}.flashcards-front-image{display:block;width:min(220px,100%);max-height:210px;aspect-ratio:1;border-radius:16px;margin:0 auto 16px;overflow:hidden;background:transparent}.flashcards-word-content.has-front-example .flashcards-front-image{width:min(190px,100%);max-height:170px}.flashcards-front-example{margin-top:10px;font-size:16px;line-height:1.45;color:#374151;max-width:260px}.flashcards-front-example-highlight{color:var(--accent-primary);font-weight:700}.flashcards-deck-card-back h3,.flashcards-definition-content h3{font-size:28px;color:var(--accent-primary);margin-bottom:16px;transition:color .2s ease}.flashcards-translation-slot{width:100%;min-height:34px;display:flex;align-items:center;justify-content:center}.flashcards-translation-slot.is-loading{color:transparent}.flashcards-deck-card-back p,.flashcards-definition-text{font-size:18px;color:#4b5563;line-height:1.5;transition:color .2s ease}.flashcards-shimmer-loader{display:inline-block;width:min(70%,240px);height:34px;border-radius:8px;margin:0;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:flashcardsShimmer 1.1s linear infinite}@keyframes flashcardsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.flashcards-deck-flashcard.is-correct .flashcards-deck-card-content *,.flashcards-deck-flashcard.is-incorrect .flashcards-deck-card-content *{color:#fff!important}.flashcards-deck-controls{padding:30px 20px 50px;display:flex;justify-content:center;align-items:center;gap:24px;z-index:10}.flashcards-deck-action-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #00000026;transition:transform .1s,filter .2s ease}.flashcards-deck-action-btn:active{transform:scale(.9)}.flashcards-deck-action-btn:disabled{filter:grayscale(.7);opacity:.5;cursor:not-allowed}.flashcards-deck-btn-cross{background-color:#ef4444}.flashcards-deck-btn-tick{background-color:#22c55e}.flashcards-deck-btn-nav{background-color:var(--accent-primary)}.flashcards-deck-btn-nav:hover:not(:disabled){filter:brightness(1.04)}.flashcards-deck-btn-delete{background:color-mix(in srgb,var(--danger-color, #ef4444) 12%,white);border:2px solid var(--danger-color, #ef4444);color:var(--danger-color, #ef4444);box-shadow:0 4px 10px #0000001f}.flashcards-deck-btn-delete:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color, #ef4444) 18%,white);filter:none}.flashcards-deck-btn-delete svg{stroke:currentColor}.flashcards-deck-btn-plus{background:color-mix(in srgb,var(--accent-primary) 12%,white);border:2px solid var(--accent-primary);color:var(--accent-primary);box-shadow:0 4px 10px #0000001f;position:relative}.flashcards-deck-btn-plus .wordlist-icon{position:absolute;width:28px;height:28px;opacity:0;transform:scale(.82);transition:opacity .22s ease,transform .22s ease}.flashcards-deck-btn-plus .wordlist-icon path,.flashcards-deck-btn-plus .wordlist-icon circle{stroke:currentColor;stroke-width:2.2}.flashcards-deck-btn-plus.state-plus .plus-icon,.flashcards-deck-btn-plus.state-loading .loading-icon,.flashcards-deck-btn-plus.state-added .tick-icon,.flashcards-deck-btn-plus.state-error .error-icon{opacity:1;transform:scale(1)}.flashcards-deck-btn-plus.state-added{color:var(--accent-primary);border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,white)}.flashcards-deck-btn-plus.state-loading .loading-icon{animation:tooltip-wordlist-spin 1s linear infinite}.flashcards-deck-btn-plus.state-loading .loading-icon circle{stroke-dasharray:44 100;stroke-dashoffset:8}@keyframes tooltip-wordlist-spin{0%{transform:scale(1) rotate(0)}to{transform:scale(1) rotate(360deg)}}.flashcards-deck-action-btn svg{width:32px;height:32px;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}.flashcards-deck-action-btn.flashcards-deck-btn-delete svg{stroke:currentColor}.flashcards-deck-flashcard.is-crumbling{cursor:default}.flashcards-deck-flashcard.is-crumbling .flashcards-deck-card-face{animation:flashcardsCardDustFade .42s ease-out .22s forwards}.flashcards-crumble-layer{position:absolute;inset:0;z-index:8;border-radius:20px;overflow:visible;pointer-events:none;transform:translateZ(8px)}.flashcards-crumble-piece{position:absolute;display:block;border-radius:2px;box-shadow:inset 0 0 0 .5px #1118270d;opacity:0;transform:translateZ(0) rotate(0) scale(1);animation:flashcardsCrumbleFall var(--crumble-duration) cubic-bezier(.28,.02,.22,1) var(--crumble-delay) forwards;will-change:transform,opacity}.flashcards-crumble-piece:after{content:"";position:absolute;inset:18%;border-radius:inherit;background:#ffffff57;opacity:.55}@keyframes flashcardsCardDustFade{to{opacity:0;filter:blur(8px)}}@keyframes flashcardsCrumbleFall{0%{opacity:1;transform:translateZ(0) rotate(0) scale(1)}26%{opacity:1;transform:translate3d(calc(var(--crumble-drift-x) * .16),10px,0) rotate(calc(var(--crumble-rotate) * .12)) scale(.98)}to{opacity:0;transform:translate3d(var(--crumble-drift-x),var(--crumble-fall-y),0) rotate(var(--crumble-rotate)) scale(.24)}}.flashcards-delete-modal-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a5c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.flashcards-delete-modal{width:min(92vw,360px);border-radius:14px;background:#fff;color:#111827;padding:22px;box-shadow:0 24px 70px #0f172a47;transform-origin:center;animation:flashcardsDeleteModalEnter .18s ease-out both}.flashcards-delete-modal h3{margin:0 0 10px;font-size:1.25rem;line-height:1.2}.flashcards-delete-modal p{margin:0;color:#4b5563;line-height:1.45;font-size:.98rem}.flashcards-delete-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.flashcards-delete-modal-btn{border:none;border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:800;cursor:pointer}.flashcards-delete-modal-btn.secondary{color:#111827;background:#e5e7eb}.flashcards-delete-modal-btn.danger{color:#fff;background:#dc2626}@keyframes flashcardsDeleteModalEnter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.flashcards-deck-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;z-index:20;color:#fff;background:#00000073;border-radius:16px}.flashcards-deck-prompt h3{margin:0;font-size:1.6rem}.flashcards-deck-prompt p{margin:0;font-size:1rem;opacity:.9}.flashcards-deck-prompt-btn{background:#22c55e;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer}.flashcards-deck-prompt-btn.secondary{background:#ffffff38}.flashcards-deck-inline-actions{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:10px;z-index:25}.flashcards-deck-inline-actions .flashcards-deck-prompt-btn{padding:14px 24px;font-size:1.05rem;font-weight:800;border-radius:12px}.ai-word-input-wrap{position:relative}.ai-word-input{padding-right:64px!important}.ai-fill-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:32px;min-width:46px;border:1px solid #b45309;border-radius:8px;background:linear-gradient(135deg,#a16207,#facc15);color:#1f2937;font-size:.75rem;font-weight:700;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px #eab3084d;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;overflow:hidden;isolation:isolate}.ai-fill-btn:after{content:"";position:absolute;top:-140%;left:-50%;width:34%;height:280%;background:linear-gradient(90deg,#fff0,#ffffff85,#fff0);transform:skew(-22deg) translate(-220%);animation:premium-gold-sheen 2.8s ease-in-out infinite;pointer-events:none;z-index:2}.ai-fill-btn:not(:disabled):not(.ai-fill-btn--inline):hover{transform:translateY(calc(-50% - 1px));filter:brightness(1.02);box-shadow:0 8px 18px #eab30857}.ai-fill-btn:disabled{opacity:.8;cursor:wait}.flashcards-deck-overlay{--accent-primary: var(--primary-color, #e50914);color:#fff}.flashcards-deck-overlay,.flashcards-deck-overlay *{box-sizing:border-box}.flashcards-deck-overlay .flashcards-word-content h2{border:0;padding:0;text-decoration:none}@media(max-width:768px){body.index-account-screen .account-home{margin-top:16px;margin-left:0;margin-right:0}}@keyframes premium-gold-sheen{0%,55%{transform:skew(-22deg) translate(-220%)}to{transform:skew(-22deg) translate(650%)}}@media(prefers-reduced-motion:reduce){.ai-fill-btn:after{animation:none}}.account-vocab-form .ai-fill-btn{gap:5px}.account-vocab-form .ai-word-input{padding-right:98px!important}.ai-fill-btn.is-loading svg{animation:account-spinner 1s linear infinite}.account-vocab-heading-actions .flashcards-btn,body.light-mode .account-vocab-heading-actions .flashcards-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:44px;border:none;padding:10px 12px;border-radius:8px;background-color:var(--primary-color);color:#fff;font-size:16px;font-weight:600;user-select:none;-webkit-tap-highlight-color:transparent}.account-vocab-heading-actions .flashcards-btn svg{width:24px;height:24px;stroke-width:2}.account-ai-fill-help{display:block;margin-top:8px;font-size:.75rem;line-height:1.5;opacity:.75}.account-study-message[hidden]{display:none}.account-study-message{font-size:.9rem}.account-upgrade-modal .account-modal-dialog{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:18px}.account-upgrade-modal .account-modal-dialog>p{line-height:1.6}.account-premium-benefits,.account-premium-desktop{margin:18px 0;padding:18px;border:1px solid rgba(148,163,184,.25);border-radius:12px}.account-premium-benefits{background:#eab3080f}.account-upgrade-modal h4{margin:0 0 12px;font-size:.94rem}.account-premium-benefits ul{display:grid;gap:10px;padding:0;margin:0 0 16px;list-style:none}.account-premium-benefits li{display:flex;align-items:center;gap:10px;font-size:.92rem}.account-premium-benefits li:before{content:"\2713";color:#eab308;font-weight:800}.account-premium-benefits p,.account-premium-desktop p{margin:8px 0 0;font-size:.82rem;line-height:1.6}.account-upgrade-modal .account-premium-usage-note,.account-upgrade-modal .account-premium-billing-note{font-size:.78rem}.account-premium-app-link{display:block;margin-top:16px;text-align:center;color:inherit;font-weight:700;font-size:.86rem}.account-upgrade-modal .form-actions{margin-top:18px}.account-upgrade-modal .btn-save{width:100%;min-height:46px}
