.btn{border-radius:var(--r-pill);height:52px;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:700;line-height:20px;display:inline-flex}.btn--primary{background:var(--grape);color:#fff;box-shadow:0 4px 0 var(--grape-deep)}.btn--primary:active{box-shadow:0 1px 0 var(--grape-deep);transform:translateY(3px)}.btn--secondary{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.btn--secondary:active{transform:translateY(1px)}.btn--ghost{height:44px;color:var(--ink-soft);border-radius:var(--r-tile);padding:0 12px}.btn--ghost:hover{background:var(--grape-soft);color:var(--grape)}.btn:disabled{opacity:.45;pointer-events:none}.btn--block{width:100%}.hero-card{background:var(--card);border-radius:var(--r-hero);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.hero-card__chip{background:var(--grape-soft);color:var(--grape);border-radius:var(--r-chip);letter-spacing:.6px;text-transform:uppercase;padding:3px 10px;font-size:12px;font-weight:600;line-height:16px}.hero-card__phonetic{color:var(--ink-soft)}.answer{text-align:left;border-radius:var(--r-card);border:1.5px solid var(--line);background:var(--card);width:100%;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:600;display:flex}.answer__icon{flex-shrink:0;display:none}.answer--selected{border-color:var(--grape);background:var(--grape-soft)}.answer--correct{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-deep);animation:bounce-correct .3s var(--ease)}.answer--wrong{border-color:var(--berry);background:var(--berry-soft);color:var(--berry-deep);animation:shake-wrong .3s var(--ease)}.answer--correct .answer__icon,.answer--wrong .answer__icon{display:inline-flex}.progress{border-radius:var(--r-pill);background:var(--grape-soft);height:12px;overflow:hidden}.progress__fill{border-radius:var(--r-pill);background:var(--grape);height:100%;transition:width .3s var(--ease)}.streak-pill{background:var(--fox-soft);color:var(--fox-deep);border-radius:var(--r-pill);align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;display:inline-flex}.streak-pill svg{color:var(--fox)}.xp-badge{background:var(--gold-soft);color:var(--gold-deep);border-radius:var(--r-pill);align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;display:inline-flex}.xp-badge svg{color:var(--gold);fill:var(--gold)}.level-ring{place-items:center;display:inline-grid;position:relative}.level-ring svg.level-ring__track{position:absolute;inset:0;transform:rotate(-90deg)}.level-ring__badge{background:var(--grape);color:#fff;border-radius:var(--r-pill);border:2px solid var(--paper);padding:1px 7px;font-size:12px;font-weight:700;line-height:16px;position:absolute;bottom:-4px;right:-4px}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.confetti__piece{border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-12px}@keyframes confetti-fall{to{opacity:.7;transform:translateY(105vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.heatmap{justify-content:space-between;gap:3px;display:flex}.heatmap__col{flex-direction:column;flex:1;gap:3px;display:flex}.heatmap__cell{aspect-ratio:1;background:var(--grape-soft);border-radius:3px}.heatmap__cell--future{background:0 0}.heatmap__cell--1{background:color-mix(in srgb, var(--grape) 35%, var(--grape-soft))}.heatmap__cell--2{background:color-mix(in srgb, var(--grape) 60%, var(--grape-soft))}.heatmap__cell--3{background:color-mix(in srgb, var(--grape) 80%, var(--grape-soft))}.heatmap__cell--4{background:var(--grape)}.bottom-nav{background:var(--card);border-top:1.5px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{border-radius:var(--r-tile);min-width:64px;min-height:44px;color:var(--ink-soft);flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:12px;font-weight:600;line-height:16px;display:flex}.bottom-nav__item--active{color:var(--grape)}.home__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.home__brand{font-family:var(--font-display);color:var(--grape);font-size:24px;font-weight:700}.home__badges{gap:8px;display:flex}.home__hello{align-items:center;gap:16px;display:flex}.home__sub{color:var(--ink-soft);margin-top:2px}.home__phases{align-items:flex-end;gap:8px;margin-top:16px;display:flex}.home__phase{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.home__phase-bar{background:var(--grape-soft);border-radius:var(--r-chip);align-items:flex-end;width:100%;max-width:28px;height:72px;display:flex;overflow:hidden}.home__phase-fill{background:var(--grape);border-radius:var(--r-chip) var(--r-chip) 0 0;width:100%;transition:height .3s var(--ease)}.home__phase-fill--done{background:var(--mint)}.home__phase-num{font-size:12px;font-weight:700}.home__phase-label{color:var(--ink-soft);font-size:11px}.home__extras{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home__upcoming{color:var(--ink-soft);gap:16px;margin-top:8px;font-weight:600;display:flex}.home__upcoming b{color:var(--grape);font-size:18px}.home__heatmap{margin-top:12px}.home__testprep{text-align:left;border:1.5px solid var(--fox);background:var(--fox-soft);justify-content:space-between;align-items:center;gap:12px;display:flex}.home__testprep h3{color:var(--fox-deep)}.home__testprep-cta{background:var(--fox);color:#fff;border-radius:var(--r-pill);flex-shrink:0;padding:8px 16px;font-weight:700}.cards__books{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cards__book{border-radius:var(--r-pill);background:var(--card);border:1.5px solid var(--line);color:var(--ink-soft);flex-shrink:0;padding:8px 16px;font-weight:600}.cards__book--active{background:var(--grape);border-color:var(--grape);color:#fff}.cards__lessons{flex-direction:column;gap:12px;display:flex}.cards__lesson{justify-content:space-between;align-items:center;gap:12px;display:flex}.cards__lesson-open{text-align:left;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.cards__chev{color:var(--ink-soft);flex-shrink:0}.cards__meta{align-items:center;gap:8px;margin-top:4px;display:flex}.cards__code{letter-spacing:.4px;border-radius:var(--r-chip);background:var(--grape-soft);color:var(--grape);flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700;line-height:14px}.switch{border-radius:var(--r-pill);background:var(--line);width:52px;height:32px;transition:background var(--t-fast) var(--ease);flex-shrink:0;padding:3px}.switch--on{background:var(--mint)}.switch__knob{width:26px;height:26px;transition:transform var(--t-fast) var(--ease);background:#fff;border-radius:50%;display:block;box-shadow:0 1px 3px #0003}.switch--on .switch__knob{transform:translate(20px)}.ranking__list{flex-direction:column;gap:12px;display:flex}.ranking__row{align-items:center;gap:12px;display:flex}.ranking__row--me{border:1.5px solid var(--grape)}.ranking__pos{background:var(--grape-soft);width:28px;height:28px;color:var(--grape);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ranking__pos--gold{background:var(--gold);color:var(--gold-deep)}.ranking__name{flex:1;font-weight:700}.ranking__stat{color:var(--ink-soft);align-items:center;gap:4px;font-weight:600;display:inline-flex}.ranking__stat svg{color:var(--fox)}.ranking__stat--xp svg{color:var(--gold);fill:var(--gold)}.ranking__self{flex-direction:column;gap:8px;margin-top:8px;display:flex}.ranking__total{font-size:12px;font-weight:500;display:block}.family__child{flex-direction:column;gap:12px;display:flex}.family__head{justify-content:space-between;align-items:center;display:flex}.family__week{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.family__stat{background:var(--grape-soft);border-radius:var(--r-tile);flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.family__num{font-family:var(--font-display);color:var(--grape);font-size:22px;font-weight:700;line-height:26px}.family__phases{flex-wrap:wrap;gap:6px;display:flex}.family__phase{color:var(--ink-soft);background:var(--paper);border-radius:var(--r-chip);padding:3px 8px;font-size:12px;font-weight:600}.family__phase b{color:var(--ink)}.family__hard{flex-direction:column;gap:6px;display:flex}.family__hard-row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.family__views{margin-top:-4px}.family__week--three{grid-template-columns:repeat(3,1fr)}.family__icon{color:var(--ink-soft)}.family__book{flex-direction:column;gap:6px;display:flex}.family__book-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.family__book-head .progress{flex:1}.family__book-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.family__book-count{flex-shrink:0}.family__hard-row--wide{flex-direction:column;gap:2px}.family__hard-meta{font-size:12px}.family__gold-star{color:var(--gold);flex-shrink:0}.family__log{flex-direction:column;gap:8px;display:flex}.family__log-row{align-items:center;gap:10px;font-size:14px;display:flex}.family__log-date{flex-shrink:0;width:88px;font-weight:600}.family__log-mode{letter-spacing:.4px;border-radius:var(--r-chip);background:var(--grape-soft);color:var(--grape);flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700;line-height:14px}.family__log-row .home__sub{text-align:right;margin-left:auto}.report__trend{color:var(--ink-soft);font-size:11px;font-weight:700;line-height:14px}.report__trend--up{color:var(--mint-deep)}.report__trend--down{color:var(--berry-deep)}.report__days{margin-top:8px}.report__day--today{background:var(--fox)}.report__label--today{color:var(--fox);font-weight:700}.report__records{flex-direction:column;gap:10px;display:flex}.report__record{align-items:center;gap:10px;display:flex}.report__record svg{color:var(--gold);flex-shrink:0}.report__record span{color:var(--ink-soft);flex:1;font-weight:600}.report__record b{font-weight:700}.profile__section{flex-direction:column;gap:14px;display:flex}.profile__row{flex-direction:column;gap:6px;display:flex}.profile__row--inline{flex-direction:row;justify-content:space-between;align-items:center;font-weight:600}.profile__input{border-radius:var(--r-tile);border:1.5px solid var(--line);background:var(--card);appearance:none;width:100%;padding:12px 14px;font-size:16px;font-weight:600}.profile__input:focus{border-color:var(--grape);outline:none}.profile__mascots,.profile__themes{flex-wrap:wrap;gap:12px;display:flex}.profile__mascot{border-radius:var(--r-tile);background:var(--paper);border:2px solid #0000;justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex}.profile__mascot--active{border-color:var(--grape);background:var(--grape-soft)}.profile__theme{width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--card);border:3px solid #0000;border-radius:50%}.profile__theme--active{border-color:var(--ink)}.lesson__head{align-items:center;gap:8px;display:flex}.lesson__title{flex:1;min-width:0}.collect{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.collect__card{text-align:left;border-radius:var(--r-tile);border:1.5px solid var(--line);background:var(--card);min-height:76px;transition:transform var(--t-fast) var(--ease);flex-direction:column;gap:2px;padding:14px;display:flex;position:relative}.collect__card:active{transform:scale(.97)}.collect__en{color:var(--ink-soft);overflow-wrap:anywhere;font-size:15px;font-weight:700}.collect__de{color:var(--ink-soft);overflow-wrap:anywhere;font-size:12px;line-height:16px}.collect__card--known{border-color:var(--grape);box-shadow:var(--shadow-card)}.collect__card--known .collect__en{color:var(--grape)}.collect__card--known .collect__de{color:var(--ink)}.collect__card--gold{border-color:var(--gold);background:var(--gold-soft);box-shadow:var(--shadow-card)}.collect__card--gold .collect__en{color:var(--gold-deep)}.collect__card--gold .collect__de{color:var(--ink)}.collect__star{color:var(--gold);fill:var(--gold);position:absolute;top:8px;right:8px}.collect__card--off{opacity:.5}.collect__chip{border-radius:var(--r-chip);background:var(--line);color:var(--ink-soft);align-self:flex-start;margin-top:4px;padding:1px 6px;font-size:11px;font-weight:600;line-height:14px}.collect__chip--custom{background:var(--grape-soft);color:var(--grape)}.testprep__lessons{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.testprep__lesson{border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);align-items:center;gap:4px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.testprep__lesson--on{border-color:var(--grape);background:var(--grape-soft);color:var(--grape)}.testprep__history{flex-direction:column;gap:8px;margin-top:10px;display:flex}.testprep__row{justify-content:space-between;gap:12px;font-weight:600;display:flex}.modal{z-index:50;animation:pop-in .15s var(--ease);background:#16131f8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal__sheet{background:var(--card);border-radius:var(--r-hero) var(--r-hero) 0 0;width:100%;max-width:520px;max-height:88dvh;box-shadow:var(--shadow-float);padding:24px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex;overflow-y:auto}.modal__head{justify-content:space-between;align-items:center;display:flex}.modal__actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.modal__delete{color:var(--berry);margin-right:auto}.login{justify-content:center;min-height:100dvh;padding-bottom:40px}.login__brand{flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;display:flex}.login__title{font-family:var(--font-display);color:var(--grape);font-size:34px;font-weight:700}.login__error{color:var(--berry-deep);background:var(--berry-soft);border-radius:var(--r-chip);padding:10px 12px;font-weight:600}.session__top{align-items:center;gap:12px;display:flex}.session__top .progress{flex:1}.session__answers{flex-direction:column;gap:12px;display:flex}.session__input{border-radius:var(--r-card);border:1.5px solid var(--line);background:var(--card);width:100%;padding:14px 16px;font-size:16px;font-weight:600}.session__input:focus{border-color:var(--grape);outline:none}.session__input--correct{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-deep);animation:bounce-correct .3s var(--ease)}.session__input--wrong{border-color:var(--berry);background:var(--berry-soft);color:var(--berry-deep);animation:shake-wrong .3s var(--ease)}.session__solution{text-align:center;font-size:20px;font-weight:700}.session__grade{grid-template-columns:1fr 1fr;gap:12px;display:grid}.session__feedback{border-radius:var(--r-card);animation:pop-in .2s var(--ease);flex-direction:column;gap:12px;padding:16px;display:flex}.session__feedback--correct{background:var(--mint-soft)}.session__feedback--wrong{background:var(--berry-soft)}.session__feedback-title{justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.session__speak{color:inherit}.session__feedback--correct .session__feedback-title{color:var(--mint-deep)}.session__feedback--wrong .session__feedback-title{color:var(--berry-deep)}.session__example{font-size:14px;line-height:20px}.session__example span{color:var(--ink-soft)}.session__summary{margin-top:40px}.session__levelup{flex-direction:column;align-items:center;gap:4px;display:flex}.session__mascot{animation:bounce-correct .6s var(--ease)}.session__levelup-text{color:var(--gold-deep)}.session__xp{color:var(--gold-deep);font-weight:700}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/baloo2-latin-BztkokVJ.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/baloo2-latin-ext-DgNLcesc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-B2KjpZfh.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-ext-CAOONhfK.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper:#f4f1fa;--card:#fff;--ink:#201a2e;--ink-soft:#6e6880;--line:#e9e4f2;--grape:#6b47e8;--grape-deep:#4e2fc0;--grape-soft:#ece6fd;--mint:#17c471;--mint-soft:#dbf7e9;--mint-deep:#0b7a46;--berry:#f1476b;--berry-soft:#fde3e9;--berry-deep:#a91f40;--fox:#ff8a3d;--fox-soft:#ffe9d8;--fox-deep:#a34d12;--gold:#ffc531;--gold-soft:#fff3d1;--gold-deep:#8a6200;--font-display:"Baloo 2", system-ui, -apple-system, sans-serif;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--r-chip:10px;--r-card:20px;--r-hero:26px;--r-tile:14px;--r-pill:999px;--shadow-card:0 4px 16px #6b47e814;--shadow-float:0 12px 32px #6b47e829;--ease:ease-out;--t-fast:.15s;--t-med:.2s}:root[data-mode=dark]{--paper:#16131f;--card:#211c2e;--ink:#f3f0fa;--ink-soft:#a29cb5;--line:#322b44;--grape:#9b7bf5;--grape-deep:#6b47e8;--grape-soft:#2a2140;--mint-soft:color-mix(in srgb, var(--mint) 15%, var(--paper));--mint-deep:#7fe7b6;--berry-soft:color-mix(in srgb, var(--berry) 15%, var(--paper));--berry-deep:#ff9db2;--fox-soft:color-mix(in srgb, var(--fox) 15%, var(--paper));--fox-deep:#ffc49a;--gold-soft:color-mix(in srgb, var(--gold) 15%, var(--paper));--gold-deep:#ffdd8a;--shadow-card:0 4px 16px #0000004d;--shadow-float:0 12px 32px #00000073}:root[data-theme=ocean]{--grape:#2e7cf6;--grape-deep:#1c56c2;--grape-soft:#e2eefe;--shadow-card:0 4px 16px #2e7cf614;--shadow-float:0 12px 32px #2e7cf629}:root[data-theme=ocean][data-mode=dark]{--grape:#74a9f8;--grape-deep:#2e7cf6;--grape-soft:#1c2540}:root[data-theme=teal]{--grape:#0ca6a6;--grape-deep:#087a7d;--grape-soft:#dcf5f4;--shadow-card:0 4px 16px #0ca6a614;--shadow-float:0 12px 32px #0ca6a629}:root[data-theme=teal][data-mode=dark]{--grape:#58cfcc;--grape-deep:#0ca6a6;--grape-soft:#15302f}:root[data-theme=pink]{--grape:#cf3fb4;--grape-deep:#9c2586;--grape-soft:#fbe4f6;--shadow-card:0 4px 16px #cf3fb414;--shadow-float:0 12px 32px #cf3fb429}:root[data-theme=pink][data-mode=dark]{--grape:#ec7ad6;--grape-deep:#cf3fb4;--grape-soft:#352031}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:15px;font-weight:500;line-height:22px}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:700;line-height:32px}h2{font-size:20px;font-weight:700;line-height:26px}h3{font-size:17px;font-weight:600;line-height:24px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}:focus-visible{outline:2.5px solid var(--grape);outline-offset:2px;border-radius:4px}.caption{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:600;line-height:16px}.hero-word{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:44px}.screen{max-width:520px;padding:calc(20px + env(safe-area-inset-top)) 20px calc(96px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:20px}@keyframes bounce-correct{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake-wrong{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}