@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f5f1fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--muted:#a49bb2;--line:#332c40;--surface:#211c2b;--purple:#b79aff;--pink:#ff89ba;--yellow:#e8f58d;--cyan:#7de2e8;background:#15121d;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--purple);outline-offset:4px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif}.app-shell{min-height:100svh}.app-header{align-items:center;gap:32px;max-width:1040px;margin:auto;padding:24px 32px;display:flex}.brand{letter-spacing:-1.2px;white-space:nowrap;font:800 24px Manrope,sans-serif}.brand>span{color:var(--pink)}nav{gap:6px;margin:0 auto;display:flex}nav button{min-height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:13px;display:flex}nav button:hover{color:#fff;background:#ffffff05}nav button.active{color:#e1d4ff;background:#b79aff13}.header-actions{gap:4px;display:flex}.icon-button{width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.icon-button:hover{color:#fff;background:var(--surface)}main{padding:0 24px 40px}.main-content{max-width:920px;margin:36px auto 0}.main-content.practice-page{max-width:520px;margin-top:22px}.practice-intro{margin-bottom:20px}.session-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.deck-switch{color:var(--muted);align-items:center;gap:6px;min-height:32px;padding:0 8px;font-size:12px;display:flex}.deck-switch:hover{color:var(--purple)}.combo-badge{color:var(--yellow);align-items:center;gap:4px;font-size:12px;animation:.45s ease-out both combo-badge-pop;display:inline-flex}.combo-badge.milestone{color:#ffd874;text-shadow:0 0 12px #ffc65f99}@keyframes combo-badge-pop{0%{opacity:0;transform:scale(.8)}55%{opacity:1;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}.practice-panel{min-width:0}.session-progress{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:300px;margin:24px auto 0;display:flex}.progress-track,.goal-track{background:#342c42;border-radius:4px;flex:1;height:3px;overflow:hidden}.progress-track>span,.goal-track>span{background:var(--purple);height:100%;transition:width .2s;display:block}.session-progress>span{color:#e4dcec;white-space:nowrap;font-size:11px}.session-progress>span>span{color:var(--muted)}.card-area{perspective:1000px;width:320px;height:420px;margin:0 auto;position:relative}.stack-card{pointer-events:none;background:#b5a4d4;border:1px solid #7c6f94;border-radius:24px;position:absolute;inset:0}.back-two{background:#78668e;transform:translate(2px,5px)rotate(6deg)}.back-one{background:#c0addb;transform:translate(-2px,3px)rotate(-4deg)}.word-card{color:#292035;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#f6f0ff;border:1px solid #fffaff;border-radius:24px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;box-shadow:0 20px 45px #05030b66,inset 0 0 0 6px #ebe2f7}.word-card:active{cursor:grabbing}.card-top{justify-content:space-between;align-items:center;min-height:62px;padding:18px 20px 0;display:flex}.card-top>span{color:#786886;letter-spacing:1px;font-size:11px;font-weight:600}.sound{color:#877496;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.sound:hover{color:#40314e;background:#e8ddf3}.word-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 16px 20px;display:flex;container-type:inline-size}.article-blank{color:#aa87cc;margin-bottom:12px;font:500 28px Manrope,sans-serif}.word-content h2{letter-spacing:-1.8px;overflow-wrap:anywhere;max-width:100%;margin:0 0 12px;font-size:43px;font-weight:800;line-height:1.15}.word-content h2.long-word{letter-spacing:-1px;font-size:29px}.word-content p{color:#786886;margin:0;font-size:15px}.word-rule{border-top:1px solid #d7cce2;width:24px;margin:24px 0 16px}.word-category{color:#9d8eaa;font-size:10px}.card-bottom{color:#7e6c90;justify-content:center;align-items:center;min-height:54px;padding:8px 16px 14px;font-size:11px;display:flex}.card-bottom>span{align-items:center;gap:6px;display:flex}.card-wordmark{letter-spacing:-.5px;color:#b0a0be;font:800 13px Manrope,sans-serif}.correct-card{border-color:#d9ed9b;box-shadow:0 20px 45px #05030b66,inset 0 0 0 6px #e7efcf}.correct-card .card-bottom{color:#56752c}.wrong-card{border-color:#f3b0c9;box-shadow:0 20px 45px #05030b66,inset 0 0 0 6px #f4dfeb}.card-bottom .incorrect{color:#a65b7b}.revealed-article{border-radius:8px;margin-bottom:12px;padding:3px 12px;font-size:19px;font-weight:700}.article-der{color:#28656f;background:#d3edf0}.article-die{color:#9b4d73;background:#f5dbe8}.article-das{color:#6f722c;background:#ebefcf}.swipe-label{color:#78509f;background:#f6f0fff0;border:3px solid #9570c0;border-radius:8px;padding:4px 12px;font-size:30px;font-weight:700;position:absolute;top:70px;left:20px;transform:rotate(-12deg)}.keyboard-hint{color:#776c86;text-align:center;margin:20px 0 0;font-size:11px}kbd{font-family:inherit}.answer-explanation{text-align:center;max-width:350px;margin:28px auto 0}.answer-explanation p{color:#bbb0c9;margin-bottom:10px;font-size:12px;line-height:1.6}.answer-explanation .word-example{color:#eee5f6}.answer-explanation small{color:#776c86;margin-top:10px;font-size:10px;display:block}.primary,.backup-restore,.text-link{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.primary{color:#2e2040;background:var(--purple)}.primary:hover{background:#cab3ff}.backup-restore{color:#e5dced;border:1px solid #473b56}.backup-restore:hover{background:#302638}.text-link{color:var(--purple);padding-inline:4px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:420px;display:flex}.empty-state h2{letter-spacing:-1px;margin:0;font-size:26px}.empty-state p{color:var(--muted);max-width:280px;font-size:13px;line-height:1.6}.empty-state>svg,.complete-icon{color:var(--purple)}.complete-icon{background:#b79aff10;border-radius:50%;padding:20px}.result-metrics{gap:32px;margin-bottom:14px;display:flex}.result-metrics>span{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.result-metrics strong{color:#fff;font-size:24px}.toast{color:#e3d6f2;background:#2f2540;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;max-width:600px;margin:12px auto 0;padding:8px 10px 8px 16px;font-size:12px;display:flex}.toast button{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.page-heading{margin-bottom:32px}.page-heading h1{letter-spacing:-1px;margin-bottom:8px;font-size:28px}.page-heading p{color:var(--muted);font-size:14px}.level-picker{border:0;margin:0 0 24px;padding:0}.level-picker legend{color:var(--muted);margin-bottom:10px;font-size:12px}.level-picker>div{gap:8px;display:flex}.level-picker button{border:1px solid var(--line);min-width:52px;height:40px;color:var(--muted);border-radius:10px;font-size:13px}.level-picker button.active{color:#e1d2ff;background:#b79aff19;border-color:#796298}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:32px;display:grid}.theme-card{border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:16px;display:flex}.theme-card:hover{background:#ffffff04}.theme-card.selected{background:#b79aff10;border-color:#876ca5}.theme-icon{display:none}.theme-card strong{font-size:12px;font-weight:500}.theme-card small{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:10px;display:flex}.theme-card small svg{display:none}.word-list-panel{border-top:1px solid var(--line)}.list-toolbar{align-items:center;gap:20px;padding:20px 0;display:flex}.list-toolbar h3{margin:0 auto 0 0;font-size:14px;font-weight:500}.list-count{color:var(--muted);margin-left:6px;font-size:11px}input{background:var(--surface);color:#eee7f7;border:1px solid var(--line);border-radius:10px;min-width:0;min-height:44px;padding:10px 12px}input::placeholder{color:#887b97}.list-toolbar input{width:160px;font-size:13px}.table-head,.table-row{border-bottom:1px solid #2a2434;grid-template-columns:1.3fr 1fr 1fr .8fr;align-items:center;gap:16px;padding:16px 0;font-size:12px;display:grid}.table-head{color:#887b97;letter-spacing:.7px;font-size:9px}.table-row{color:var(--muted)}.table-row>span:first-child{align-items:center;gap:8px;display:flex}.table-row strong{color:#eee5f7;overflow-wrap:anywhere;font-weight:500}.article-pill{border-radius:5px;padding:3px 6px;font-size:10px;font-weight:500}.word-status{justify-content:space-between;align-items:center;font-size:10px;display:flex}.mastery-dots{gap:3px;display:flex}.mastery-dots i{background:#493955;border-radius:50%;width:4px;height:4px}.mastery-dots i.filled{background:var(--purple)}.list-empty{color:var(--muted);padding:32px 0;font-size:13px}.progress-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;display:grid}.stat-card{background:#1d1825;border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.stat-card>svg{color:var(--purple)}.stat-card>span{color:var(--muted);font-size:12px}.stat-card strong{font:600 30px Manrope,sans-serif}.stat-card small{color:#9687a6;margin-left:5px;font:400 11px DM Sans,sans-serif}.review-panel{border-top:1px solid var(--line);padding:24px 0}.review-panel>svg{display:none}.review-panel h2{margin-bottom:8px;font-size:19px}.review-panel p,.backup-panel p{color:var(--muted);font-size:13px;line-height:1.6}.backup-panel{border-top:1px solid var(--line);margin-top:16px;padding:24px 0}.backup-panel h3{margin-bottom:8px;font-size:16px;font-weight:500}.backup-panel p{margin-bottom:6px}.backup-panel small{color:#83748f;font-size:11px}.backup-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08060ec9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#241d2e;border:1px solid #453550;border-radius:20px;width:100%;max-width:480px;max-height:calc(100svh - 40px);padding:32px;position:relative;overflow:auto}.modal-close{width:44px;height:44px;color:var(--muted);place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal h2{letter-spacing:-.8px;padding-right:26px;font-size:24px}.modal p,.modal li{color:#bcb0c8;font-size:13px;line-height:1.7}.install-instructions{padding-left:18px}.install-instructions li{margin-bottom:12px}.help-directions{justify-content:space-between;gap:8px;margin:20px 0;display:flex}.help-directions>span{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.help-directions b{color:var(--pink);font-size:19px}.help-directions>span:nth-child(2) b{color:var(--yellow)}.help-directions>span:nth-child(3) b{color:var(--cyan)}.loader{border:2px solid #342840;border-top-color:var(--purple);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.app-header{padding:max(16px, env(safe-area-inset-top)) 20px 12px;justify-content:space-between;gap:16px}.brand{font-size:23px}nav{z-index:30;padding:6px 12px max(8px, env(safe-area-inset-bottom));background:#191520f5;border-top:1px solid #2d2538;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0}nav button{border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:4px;min-height:48px;padding:4px;font-size:10px}nav button.active{color:var(--purple);background:0 0}main{padding:0 20px calc(90px + env(safe-area-inset-bottom))}.main-content{margin-top:24px}.main-content.practice-page{margin-top:16px}.practice-intro{margin-bottom:12px}.session-progress{max-width:260px}.card-area{height:clamp(240px, calc(100svh - 380px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 400px);aspect-ratio:.76;width:auto;max-width:calc(100% - 24px)}.word-card,.stack-card{border-radius:20px}.card-top{min-height:52px;padding:12px 14px 0}.word-content{padding-bottom:8px}.word-content h2{font-size:clamp(29px,10vw,40px)}.word-content h2.long-word{font-size:clamp(23px,6.7vw,28px)}.word-content p{font-size:13px}.word-rule{margin:18px 0 12px}.word-category{font-size:9px}.card-bottom{min-height:42px;font-size:10px}.keyboard-hint{display:none}.answer-explanation{margin-top:24px}.practice-panel:has(.answer-explanation) .card-area{height:clamp(220px,100svh - 440px,330px)}.answer-explanation small{display:none}.empty-state{min-height:350px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 12px}.theme-card small{margin-left:0}.list-toolbar{flex-wrap:wrap;gap:12px}.list-toolbar h3{width:100%}.list-toolbar input{flex:1;width:120px;font-size:16px}.list-toolbar .text-link{font-size:12px}.table-head,.table-row{grid-template-columns:1.2fr 1fr .65fr;gap:12px}.table-head>span:nth-child(3),.table-row>span:nth-child(3),.mastery-dots{display:none}.progress-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:18px}.stat-card strong{font-size:28px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:26px}.modal{padding:28px 24px}}@media (width<=700px) and (height<=650px){.app-header{padding-block:8px}.main-content.practice-page{margin-top:8px}.practice-intro{margin-bottom:8px}.word-rule,.word-category{display:none}.article-blank{margin-bottom:8px;font-size:22px}.practice-panel:has(.answer-explanation) .card-area{height:200px}.answer-explanation .word-example{display:none}}@media (width<=700px){.practice-panel:has(.answer-explanation) .word-content{padding:0 12px 6px}.practice-panel:has(.answer-explanation) .word-content h2{margin-bottom:8px;font-size:31px}.practice-panel:has(.answer-explanation) .word-content h2.long-word{font-size:23px}.practice-panel:has(.answer-explanation) .revealed-article{margin-bottom:6px;font-size:16px}.practice-panel:has(.answer-explanation) .card-top{min-height:44px;padding-top:4px}.practice-panel:has(.answer-explanation) .card-bottom{min-height:36px;padding-bottom:10px}}@media (width<=350px){main{padding-inline:14px}.stat-card>span{font-size:11px}.stat-card small{margin-left:0;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{overflow-x:clip}.swipe-stage{padding-top:56px;position:relative}.swipe-stage.revealed{padding-top:0}.edge-hint{opacity:.65;pointer-events:none;justify-content:center;align-items:center;gap:5px;font-size:14px;transition:opacity .15s,transform .15s;display:flex;position:absolute}.edge-hint strong{font-weight:600}.edge-left{color:var(--pink);top:calc(50% + 28px);left:20px;transform:translateY(-50%)}.edge-right{color:var(--cyan);top:calc(50% + 28px);right:20px;transform:translateY(-50%)}.edge-up{color:var(--yellow);flex-direction:column;top:0;left:50%;transform:translate(-50%)}.edge-hint.active{opacity:1}.edge-left.active,.edge-right.active{transform:translateY(-50%)scale(1.15)}.edge-up.active{transform:translate(-50%)scale(1.15)}.word-card{will-change:transform, opacity;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out}.word-card.dragging{transition:none}.stamp-die{color:#9b4d73;background:#fce8f1;border-color:#d979a5}.stamp-das{color:#6f722c;background:#f4f6df;border-color:#afb953}.stamp-der{color:#28656f;background:#e2f4f6;border-color:#62a6b2}.drag-instructions{text-align:center;color:var(--muted);margin:30px 0 0;font-size:12px}.keyboard-hint{margin-top:8px}@media (width<=700px){.swipe-stage{padding-top:50px}.swipe-stage:not(.revealed) .card-area{aspect-ratio:.76;width:calc(100% - 88px);max-width:280px;height:auto;max-height:calc(100svh - 310px)}.edge-left{flex-direction:column;top:calc(50% + 25px);left:-6px}.edge-right{flex-direction:column-reverse;top:calc(50% + 25px);right:-6px}.edge-up{top:0}.edge-hint{gap:3px;font-size:13px}.drag-instructions{margin-top:16px}}@media (height<=500px) and (orientation:landscape){.main-content.practice-page{max-width:650px}.practice-panel{grid-template-columns:minmax(280px,1fr) 200px;gap:12px;display:grid}.session-progress{grid-area:2/1/auto/-1;width:260px;margin:12px auto 0}.swipe-stage{grid-area:1/1;padding-top:44px}.swipe-stage:not(.revealed) .card-area{width:168px;height:220px;max-height:none}.practice-panel:has(.answer-explanation) .card-area{width:168px;height:220px;max-height:none}.drag-instructions,.answer-explanation{grid-area:1/2;align-self:center;margin:0}.keyboard-hint,.answer-explanation .word-example{display:none}.word-content h2{font-size:28px}.word-content h2.long-word{font-size:23px}.article-blank{margin-bottom:4px;font-size:20px}}@media (width<=700px){.swipe-stage:not(.revealed) .card-area{width:min(100% - 88px,76svh - 288.8px,280px);max-height:none}}@media (width<=700px) and (height<=650px){.swipe-stage:not(.revealed) .card-area{width:175px;height:230px}.drag-instructions{margin-top:14px;font-size:11px}}@media (height<=500px) and (orientation:landscape){.swipe-stage:not(.revealed) .card-area{width:168px;height:220px}}@media (width<=700px) and (orientation:portrait){.swipe-stage:not(.revealed) .card-area{aspect-ratio:.76;width:min(100% - 12px,340px,76svh - 243.2px);max-width:none;height:auto;max-height:none}}@media (width<=700px){main:has(.main-content.practice-page){padding-bottom:calc(54px + max(8px, env(safe-area-inset-bottom)))}.main-content.practice-page{margin-top:4px}.practice-intro{margin-bottom:4px}.swipe-stage{padding-top:40px}.session-progress{margin-top:10px}.drag-instructions{margin-top:6px}.word-content h2{font-size:min(clamp(29px, 10vw, 40px), calc(100cqi * var(--noun-fit-scale)));white-space:nowrap;overflow-wrap:normal}.word-content h2.long-word{font-size:min(29px, calc(100cqi * var(--noun-fit-scale)))}}.word-card{box-shadow:none;transform-style:preserve-3d;background:0 0;border:0}.card-rotator{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s;position:relative}.card-rotator.flipped{transform:rotateY(180deg)}.card-face{border-radius:inherit;backface-visibility:hidden;background:#f6f0ff;border:1px solid #fffaff;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 45px #05030b66,inset 0 0 0 6px #ebe2f7}.card-back{background:#ede3ff;transform:rotateY(180deg)}.correct-card .card-face{border-color:#d9ed9b;box-shadow:0 20px 45px #05030b66,inset 0 0 0 6px #e7efcf}.wrong-card .card-face{border-color:#f3b0c9;box-shadow:0 20px 45px #05030b66,inset 0 0 0 6px #f4dfeb}.flip-target{border-radius:inherit;z-index:3;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.flip-target:active{cursor:grabbing}.word-card>.sound{z-index:4;position:absolute;top:18px;right:20px}.swipe-label{z-index:5;pointer-events:none}.word-content h2.translation{letter-spacing:-.7px;font-size:30px;font-weight:600}.card-wordmark{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400}@media (width<=700px){.word-card>.sound{top:12px;right:14px}.practice-panel:has(.answer-explanation) .word-card>.sound{top:4px}.word-content h2.translation{font-size:25px}}.catalog-error{color:var(--muted);padding:24px 0;font-size:13px;line-height:1.6}.outgoing-card{z-index:2;pointer-events:none;animation:.55s cubic-bezier(.2,.7,.3,1) both card-dismiss;position:absolute;inset:0}.outgoing-card .card-rotator{transition:none}@keyframes card-dismiss{0%{opacity:1;transform:translate(var(--start-x), var(--start-y)) rotate(var(--start-angle))}to{opacity:0;transform:translate(var(--end-x), var(--end-y)) rotate(var(--end-angle))}}.answer-reaction{color:#e5ffc4;pointer-events:none;background:radial-gradient(40% 42% at 50% 55%,#b8e77baa,#b8e77b55 45%,#0000 100%);place-items:start center;padding-top:2px;font-size:18px;font-weight:700;animation:.9s ease-out both reaction-flash;display:grid;position:absolute;inset:0}.reaction-badge{z-index:1;background:#263826;border:2px solid #c4f28b;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;display:inline-flex;box-shadow:0 0 28px #b8e77b99,0 8px 22px #05030b88}.answer-reaction.incorrect{color:#ffd6e7;background:radial-gradient(40% 42% at 50% 55%,#ff82b4aa,#ff82b455 45%,#0000 100%)}.answer-reaction.incorrect .reaction-badge{background:#482638;border-color:#ff82b4;box-shadow:0 0 28px #ff82b499,0 8px 22px #05030b88}.answer-reaction.combo{color:#fff4cf;background:radial-gradient(40% 42% at 50% 55%,#ffcf67aa,#ffcf6755 45%,#0000 100%)}.answer-reaction.combo .reaction-badge{background:#49351f;border-color:#ffd874;box-shadow:0 0 28px #ffcf67aa,0 8px 22px #05030b88}.answer-reaction.combo-milestone .reaction-badge{border-color:#fff0ad;box-shadow:0 0 36px #ffcf67dd,0 0 0 3px #ffcf6755,0 8px 22px #05030b88}.reaction-copy{text-align:left;gap:2px;line-height:1.05;display:grid}.reaction-copy strong{font-size:17px}.reaction-copy small{color:#ffe8ad;font-size:11px;font-weight:600}.combo-burst{width:0;height:0;position:absolute;top:58px;left:50%}.combo-burst i{background:#fff0ad;border-radius:999px;width:5px;height:11px;animation:.9s ease-out both combo-spark;position:absolute;box-shadow:0 0 9px #ffcf67}@keyframes combo-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.3)}25%{opacity:1}65%{opacity:.9;transform:rotate(var(--angle)) translateY(-42px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(-52px) scale(.3)}}.card-area.feedback-correct{--reaction-border:#c4f28b;--reaction-ring:#b8e77b;--reaction-shadow:#b8e77baa}.card-area.feedback-wrong{--reaction-border:#ff82b4;--reaction-ring:#ff82b4;--reaction-shadow:#ff82b4aa}.card-area.feedback-combo{--reaction-border:#ffe394;--reaction-ring:#ffcf67;--reaction-shadow:#ffcf67aa}.card-area:is(.feedback-correct,.feedback-wrong) .word-card:not(.outgoing-card) .card-face{animation:.9s ease-out both card-reaction}@keyframes card-reaction{0%,to{border-color:#fffaff;box-shadow:0 0 #0000,0 0 #0000,0 20px 45px #05030b66,inset 0 0 0 6px #ebe2f7}18%,45%{border-color:var(--reaction-border);box-shadow:0 0 0 4px var(--reaction-ring), 0 0 20px var(--reaction-shadow), 0 20px 45px #05030b66, inset 0 0 0 6px #ebe2f7}}@keyframes reaction-flash{0%{opacity:.35;transform:scale(.98)}18%{opacity:1;transform:scale(1.02)}45%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.outgoing-card{animation-duration:10ms}.answer-reaction,.combo-badge,.combo-burst i{animation:none}.combo-burst{display:none}}