.ca-app{--ink:#1a2744;--muted:#5a6a88;--line:#c5d0e6;--paper:#f7f9fc;--cell:#fff;--accent:#2f6fed;--ok:#1f9d63;--bad:#e04b4b;--carry:#c45c1a;--shadow:0 10px 30px #1a274414;--radius:18px}.ca-app header.ca-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ca-app h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,1.7rem)}.ca-app .stats{flex-wrap:wrap;gap:8px;display:flex}.ca-app .chip{border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);background:#ffffffd9;border-radius:999px;padding:8px 14px;font-size:.92rem}.ca-app .chip strong{color:var(--accent)}.ca-app .chip.score strong{color:#e6a100}.ca-app .chip.streak strong{color:#e05a2b}.ca-app .chip.stars strong{color:#c9a227}.ca-app .game-bar{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.ca-app .xp-wrap{min-width:0}.ca-app .xp-top{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.88rem;display:flex}.ca-app .xp-top strong{color:var(--ink)}.ca-app .xp-track{background:#e8eef8;border-radius:999px;height:12px;overflow:hidden}.ca-app .xp-fill{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#22c55e 70%,#f59e0b);width:0%;height:100%;transition:width .45s}.ca-app .combo-tag{color:#c2410c;white-space:nowrap;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:700;animation:.35s ca-popIn;display:none}.ca-app .combo-tag.show{display:inline-flex}.ca-app .float-score{color:#e6a100;pointer-events:none;z-index:5;text-shadow:0 2px 8px #fffc;font-size:1.4rem;font-weight:800;animation:.9s forwards ca-floatUp;position:absolute;top:28%;left:50%;transform:translate(-50%)}.ca-app .float-score.big{color:#16a34a;font-size:1.8rem}.ca-app .float-score.bad{color:var(--bad)}.ca-app .confetti{pointer-events:none;border-radius:inherit;z-index:4;position:absolute;inset:0;overflow:hidden}.ca-app .confetti i{border-radius:2px;width:8px;height:12px;animation:linear forwards ca-confettiFall;position:absolute;top:-10px}.ca-app .stars-row{letter-spacing:2px;justify-content:center;gap:4px;min-height:1.6em;font-size:1.6rem;display:flex}.ca-app .stars-row .star{opacity:.25;filter:grayscale();transition:all .25s;transform:scale(.85)}.ca-app .stars-row .star.on{opacity:1;filter:none;animation:.45s ca-starPop;transform:scale(1.1)}.ca-app .toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ca-app .seg{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;display:inline-flex;overflow:hidden}.ca-app .seg button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;padding:10px 16px}.ca-app .seg button.active{background:var(--accent);color:#fff;font-weight:600}.ca-app .btn{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:10px 16px}.ca-app .btn:hover{border-color:var(--accent)}.ca-app .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.ca-app .layout{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}@media (width<=760px){.ca-app .layout{grid-template-columns:1fr}}.ca-app .paper{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-height:360px;padding:22px 18px 28px;position:relative;overflow:auto}.ca-app .paper:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.22;pointer-events:none;border-radius:inherit;background-size:28px 28px;position:absolute;inset:0}.ca-app .workspace{z-index:1;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.ca-app .prompt{text-align:center;color:var(--muted);min-height:1.4em;font-size:1rem}.ca-app .prompt.ok{color:var(--ok);font-weight:600}.ca-app .prompt.bad{color:var(--bad);font-weight:600}.ca-app .board{font-variant-numeric:tabular-nums;user-select:none;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;line-height:1}.ca-app .row{justify-content:flex-end;align-items:center;gap:6px;margin:4px 0;display:flex}.ca-app .cell{background:0 0;border:2px solid #0000;border-radius:10px;place-items:center;width:2.1rem;height:2.3rem;display:grid;position:relative}.ca-app .cell.digit{background:var(--cell);border-color:#d7e0f2}.ca-app .cell.op{width:1.4rem;color:var(--muted);font-weight:600}.ca-app .cell.blank{visibility:hidden}.ca-app .cell.line{background:var(--ink);border:0;border-radius:2px;width:100%;height:4px;margin:6px 0}.ca-app .cell.active{border-color:var(--accent);animation:1.2s ease-in-out infinite ca-pulse;box-shadow:0 0 0 3px #2f6fed2e}.ca-app .cell.filled-ok{color:var(--ok);background:#eefbf4;border-color:#9ed9bb}.ca-app .cell.filled-ok.tone-blue{color:#2a5bd7;background:#eef3ff;border-color:#a8c0f5}.ca-app .cell.filled-ok.tone-red{color:#d62828;background:#fff0f0;border-color:#f0b4b4}.ca-app .cell.shake{border-color:var(--bad);background:#ffefef;animation:.35s ca-shake}.ca-app .cell.given{background:0 0;border-color:#0000}.ca-app .cell.tone-blue{color:#2a5bd7}.ca-app .cell.tone-red{color:#d62828}.ca-app .div-sub-line.tone-blue{background:#2a5bd7}.ca-app .div-sub-line.tone-red{background:#d62828}.ca-app .div-ua{grid-template-columns:auto 3px auto;align-items:start;gap:0 10px;display:grid}.ca-app .div-bar{background:#2a5bd7;border-radius:2px;align-self:stretch;width:3px;min-height:4.8rem;margin-top:.35rem}.ca-app .div-left{flex-direction:column;gap:2px;display:flex}.ca-app .div-right{flex-direction:column;align-items:flex-start;gap:4px;min-width:4.5rem;padding-top:.15rem;display:flex}.ca-app .div-q-line{background:#2a5bd7;border-radius:2px;width:100%;min-width:3.2rem;height:3px;margin:2px 0 4px}.ca-app .div-q-row{flex-wrap:nowrap;gap:6px;display:flex}.ca-app .div-work-row{justify-content:flex-start;gap:6px;display:flex}.ca-app .div-sub-line{background:#2a5bd7;border-radius:2px;height:3px;margin:4px 0 2px}.ca-app .arc-wrap{gap:6px;display:flex;position:relative}.ca-app .arc-wrap:before{content:"";pointer-events:none;border:2.5px solid #2a5bd7;border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;height:14px;position:absolute;top:-10px;left:8%;right:8%}.ca-app .arc-wrap.arc-done:before{opacity:.55}.ca-app .arc-wrap.arc-active:before{opacity:1}.ca-app .carry{color:var(--carry);text-align:center;min-width:1rem;font-size:.72rem;font-weight:700;position:absolute;top:-.85rem;left:50%;transform:translate(-50%)}.ca-app .carry.pending{border-bottom:2px dashed var(--carry);color:#0000;width:.9rem;height:.95rem}.ca-app .carry.active-carry{outline:2px solid var(--accent);outline-offset:2px;color:#0000;background:#2f6fed1f;border-radius:4px;width:1rem;height:1rem}.ca-app .side{flex-direction:column;gap:12px;display:flex}.ca-app .panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:14px}.ca-app .panel h2{margin:0 0 10px;font-size:1rem}.ca-app .hint{color:var(--muted);min-height:3.2em;font-size:.95rem;line-height:1.45}.ca-app .keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ca-app .key{border:1px solid var(--line);height:52px;font:inherit;cursor:pointer;color:var(--ink);background:#f7f9fc;border-radius:12px;font-size:1.25rem;font-weight:700}.ca-app .key:active{transform:scale(.97)}.ca-app .key:hover{border-color:var(--accent);background:#eaf1ff}.ca-app .done-banner{text-align:center;color:var(--ok);background:linear-gradient(135deg,#e8fff3,#eaf2ff);border:1px solid #b7e5cb;border-radius:14px;padding:18px;font-size:1.15rem;font-weight:700;display:none}.ca-app .done-banner.show{animation:.4s ca-popIn;display:block}.ca-app .done-banner .sub{color:var(--muted);margin-top:6px;font-size:.95rem;font-weight:600;display:block}.ca-app .sound-btn.active{border-color:var(--accent);color:var(--accent);background:#eef6ff}@keyframes ca-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes ca-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes ca-floatUp{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-40px)scale(1)}}@keyframes ca-popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ca-starPop{0%{transform:scale(.4)rotate(-20deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1.1)rotate(0)}}@keyframes ca-confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(360px)rotate(540deg)}}@keyframes ca-chipPulse{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}.ca-app .chip.pulse{animation:.45s ca-chipPulse}.pv-app{--ink:#1a2744;--muted:#5a6a88;--line:#c5d0e6;--paper:#f7f9fc;--cell:#fff;--accent:#2f6fed;--ok:#1f9d63;--bad:#e04b4b;--shadow:0 10px 30px #1a274414;--radius:18px}.pv-app header.pv-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pv-app h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,1.7rem)}.pv-app .stats{flex-wrap:wrap;gap:8px;display:flex}.pv-app .chip{border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);background:#ffffffd9;border-radius:999px;padding:8px 14px;font-size:.92rem}.pv-app .chip strong{color:var(--accent)}.pv-app .chip.score strong{color:#e6a100}.pv-app .chip.streak strong{color:#e05a2b}.pv-app .chip.pulse{animation:.45s pv-pulse}@keyframes pv-pulse{50%{transform:scale(1.06)}}.pv-app .game-bar{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.pv-app .xp-top{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:6px;font-size:.9rem;display:flex}.pv-app .xp-track{background:#e8eef8;border-radius:999px;height:10px;overflow:hidden}.pv-app .xp-fill{background:linear-gradient(90deg,#2f6fed,#5b8cff);width:0;height:100%;transition:width .35s}.pv-app .combo-tag{opacity:0;color:#e05a2b;font-weight:700;transition:opacity .2s}.pv-app .combo-tag.show{opacity:1}.pv-app .toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pv-app .seg{border:1px solid var(--line);background:#ffffffe6;border-radius:12px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.pv-app .seg button{cursor:pointer;color:var(--muted);font:inherit;background:0 0;border:0;padding:8px 12px;font-size:.88rem}.pv-app .seg button.active{background:var(--accent);color:#fff;font-weight:600}.pv-app .btn{border:1px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:8px 14px}.pv-app .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pv-app .btn.sound-btn.active{border-color:var(--accent)}.pv-app .layout{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}@media (width<=820px){.pv-app .layout{grid-template-columns:1fr}}.pv-app .paper{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-height:320px;padding:18px;position:relative;overflow:hidden}.pv-app .workspace{flex-direction:column;gap:14px;display:flex}.pv-app .board{min-height:88px}.pv-app .pv-q{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.pv-app .pv-q-de,.pv-app .pv-prompt-de,.pv-app .pv-hint-de{color:var(--muted)}.pv-app .pv-q-uk,.pv-app .pv-prompt-uk,.pv-app .pv-hint-uk{color:#7a6a4a;font-size:.92em}.pv-app .prompt{color:var(--accent);flex-direction:column;gap:2px;font-weight:600;display:flex}.pv-app .prompt .pv-prompt-de{color:var(--accent)}.pv-app .prompt .pv-prompt-uk{font-weight:500}.pv-app .hint .pv-hint-de+.pv-hint-uk{margin-top:2px}.pv-app .hint .pv-hint-de:nth-child(3){border-top:1px dashed var(--line);margin-top:10px;padding-top:8px}.pv-app .pv-parts,.pv-app .pv-big,.pv-app .pv-word{letter-spacing:-.02em;word-break:break-word;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:750;line-height:1.25}.pv-app .pv-word{font-size:clamp(1.1rem,2.8vw,1.45rem);font-weight:700}.pv-app .answer-box{border:2px dashed var(--line);letter-spacing:.02em;font-variant-numeric:tabular-nums;background:#fff;border-radius:14px;align-self:flex-start;min-width:160px;padding:12px 18px;font-size:1.6rem;font-weight:800}.pv-app .answer-box.empty{color:#b0bacd}.pv-app .answer-box.shake{border-color:var(--bad);animation:.35s pv-shake}@keyframes pv-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.pv-app .chart-wrap h2,.pv-app .panel h2{color:var(--muted);margin:0 0 10px;font-size:.95rem;font-weight:650}.pv-app .pv-chart{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px;display:grid}.pv-app .pv-cell{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:8px 4px}.pv-app .pv-cell.hi{border-color:var(--accent);box-shadow:0 0 0 2px #2f6fed26}.pv-app .pv-lab{color:var(--muted);font-size:.75rem;font-weight:700;display:block}.pv-app .pv-dig{margin-top:2px;font-size:1.35rem;font-weight:800;display:block}.pv-app .side{flex-direction:column;gap:12px;display:flex}.pv-app .panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffeb;padding:14px}.pv-app .keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pv-app .key{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;padding:12px 8px;font-size:1.1rem;font-weight:700}.pv-app .key:hover{border-color:var(--accent)}.pv-app .key.muted{color:var(--muted);font-size:.85rem;font-weight:600}.pv-app .key.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pv-app .key.wide{grid-column:1/-1}.pv-app .hint{color:var(--ink);min-height:3.2em;font-size:.95rem}.pv-app .stars-row{filter:grayscale();opacity:.35;gap:6px;font-size:1.4rem;display:flex}.pv-app .stars-row .star.on{filter:none;opacity:1}.pv-app .done-banner{color:var(--ok);background:#1f9d631f;border-radius:14px;padding:12px 14px;font-weight:700;display:none}.pv-app .done-banner.show{display:block}.pv-app .done-banner .sub{color:var(--muted);margin-top:4px;font-weight:600;display:block}.pv-app .confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pv-app .confetti i{border-radius:2px;width:8px;height:12px;animation:.85s ease-in forwards pv-fall;position:absolute;top:-8px}@keyframes pv-fall{to{opacity:0;transform:translateY(340px)rotate(220deg)}}.pv-app .float-score{color:var(--ok);font-weight:800;animation:.9s forwards pv-float;position:absolute;top:18px;right:18px}.pv-app .float-score.bad{color:var(--bad)}@keyframes pv-float{to{opacity:0;transform:translateY(-18px)}}