:root{color:#f6f4ef;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f6f4ef;--muted:#9da6a3;--soft:#121718;--paper:#0d1112;--surface:#151a1b;--surface-raised:#1b2222;--line:#2c3533;--red:#e4584e;--red-dark:#a83b35;--red-soft:#351d1c;--green:#2fc77b;--green-dark:#168f55;--green-soft:#153326;--yellow:#f1b94e;--yellow-soft:#352a14;--blue:#5ba7e8;--blue-soft:#15283a;--wood:#573b2e;background:#080b0c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#080b0c;min-height:100dvh;overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2fc77b57}button:disabled{cursor:not-allowed;opacity:.46}.veloce-app-shell{background:var(--paper);border-inline:1px solid var(--line);max-width:760px;min-height:100dvh;margin:0 auto;box-shadow:0 0 60px #00000061}.veloce-header{z-index:20;min-height:66px;padding:max(12px, env(safe-area-inset-top)) 18px 10px;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.veloce-brand{align-items:center;gap:9px;display:inline-flex}.veloce-mark{border:2px solid var(--green);color:#f8f3e8;background:linear-gradient(160deg,#13201a,#0d1312);border-radius:10px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;position:relative;box-shadow:0 0 0 3px #2fc77b17}.veloce-mark svg{width:22px;height:22px}.veloce-wordmark{text-transform:uppercase;color:#fff;font-size:22px;font-weight:850;line-height:1}.veloce-brand.is-compact .veloce-wordmark{font-size:19px}.veloce-brand.is-compact .veloce-mark{flex-basis:26px;width:26px;height:26px}.veloce-brand.is-compact .veloce-mark i{height:15px}.header-metrics{align-items:center;gap:7px;display:flex}.header-xp,.header-streak{border-radius:8px;align-items:center;gap:5px;min-height:38px;padding:0 9px;font-size:13px;display:inline-flex}.header-xp{color:var(--green);background:var(--green-soft);border:1px solid #285641}.header-xp svg{fill:currentColor}.header-streak{color:var(--yellow);background:var(--yellow-soft);border:1px solid #5a4820}.header-streak svg{color:var(--yellow);fill:currentColor}.veloce-main{width:100%;padding:0 18px calc(94px + env(safe-area-inset-bottom))}.section-kicker,.task-kicker{color:var(--yellow);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:850;line-height:1.3;display:block}.today-band{background:var(--surface);border-bottom:1px solid #244a39;margin-inline:-18px}.today-photo{aspect-ratio:16/6.6;width:100%;min-height:138px;box-shadow:inset 0 -4px 0 var(--green);background-color:#101615;background-position:50% 58%;background-repeat:no-repeat;background-size:cover;animation:.52s both scene-reveal}.today-copy{padding:22px 18px 24px}.today-copy h1,.review-hero h1,.profile-heading h1{letter-spacing:0;max-width:620px;margin:8px 0 4px;font-size:32px;line-height:1.06}.today-copy>p,.review-hero>p{color:var(--muted);margin:0;font-size:17px;line-height:1.45}.today-plan{color:#c1c8c4;flex-wrap:wrap;gap:10px 18px;margin:19px 0;font-size:14px;font-weight:700;display:flex}.today-plan span{align-items:center;gap:7px;display:inline-flex}.today-plan svg{color:var(--blue)}.today-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:-7px 0 19px;display:grid}.today-progress>span{background:#28302e;border-radius:4px;height:7px;overflow:hidden}.today-progress i{border-radius:inherit;background:var(--green);height:100%;transition:width .3s;display:block}.today-progress small{color:var(--muted);font-size:11px;font-weight:750}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;padding:12px 17px;font-size:16px;font-weight:800;display:flex}.primary-button{color:#07140d;border:1px solid var(--green);background:var(--green);box-shadow:0 4px 0 var(--green-dark), 0 8px 24px #2fc77b24;transition:transform .13s,box-shadow .13s,filter .13s}.primary-button:not(:disabled):hover{filter:brightness(1.06)}.primary-button:not(:disabled):active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(3px)scale(.99)}.secondary-button{color:var(--ink);background:var(--surface-raised);border:1px solid #394240}.course-section{padding:24px 0 14px}.chapter-navigator{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding-bottom:18px;display:grid}.chapter-navigator>div{text-align:center;min-width:0}.chapter-navigator span,.chapter-navigator small{color:var(--muted);font-size:12px;line-height:1.35;display:block}.chapter-navigator strong{margin:2px 0;font-size:21px;line-height:1.2;display:block}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.lesson-path{padding:8px 0 0;position:relative}.lesson-path:before{content:"";background:#29322f;width:2px;position:absolute;top:38px;bottom:42px;left:22px}.lesson-path-item{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:92px;padding:12px 8px 12px 0;transition:background .16s,border-color .16s,transform .16s;display:grid;position:relative}.lesson-path-item:not(.is-current):active{transform:scale(.99)}.lesson-path-item.is-current{background:var(--green-soft);box-shadow:inset 4px 0 0 var(--green);border:1px solid #2e7753;border-left:0;border-radius:0 8px 8px 0;margin:7px 0;padding:15px 10px 15px 0}.lesson-path-marker{z-index:1;background:var(--surface);width:44px;height:44px;color:var(--muted);border:2px solid #46504e;border-radius:50%;place-items:center;font-size:13px;font-weight:850;display:grid}.is-current .lesson-path-marker{color:#06140d;border-color:var(--green);background:var(--green);animation:1.8s infinite path-pulse}.is-complete .lesson-path-marker{color:#06140d;border-color:var(--green);background:var(--green)}.is-upcoming.tone-0 .lesson-path-marker{color:var(--green);border-color:#28734e}.is-upcoming.tone-1 .lesson-path-marker{color:var(--blue);border-color:#315d7e}.is-upcoming.tone-2 .lesson-path-marker{color:var(--red);border-color:#74413e}.is-upcoming.tone-3 .lesson-path-marker{color:var(--yellow);border-color:#705b2e}.lesson-path-copy{min-width:0}.lesson-path-copy>small{color:var(--green);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.lesson-path-copy>strong{margin:2px 0;font-size:18px;line-height:1.2;display:block}.lesson-path-copy>span:not(.lesson-unit-track){color:var(--muted);font-size:13px;line-height:1.35;display:block}.lesson-unit-track{gap:4px;margin-top:9px;display:flex}.lesson-unit-track i{background:#313937;border-radius:2px;width:24px;max-width:16%;height:4px}.lesson-unit-track i.done{background:var(--green)}.lesson-unit-track i.active{background:var(--yellow);animation:1.2s infinite alternate unit-blink}.lesson-path-action{color:var(--muted);align-items:center;gap:5px;display:flex}.lesson-path-action b{color:var(--green);font-size:13px}.napoli-section{background:#111413;border-top:1px solid #5a4522;margin-top:22px;padding-bottom:30px}.napoli-intro{padding:22px 18px 18px}.napoli-intro h2{margin:5px 0 7px;font-size:28px;line-height:1.12}.napoli-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.napoli-intro>span:last-child{color:var(--yellow);align-items:center;gap:7px;margin-top:13px;font-size:12px;font-weight:800;display:inline-flex}.napoli-path-list{border-top:1px solid var(--line);padding:0 18px}.napoli-path-item{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:82px;padding:12px 0;display:grid}.napoli-path-number{width:34px;height:34px;color:var(--yellow);background:var(--yellow-soft);border:1px solid #6f5828;border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.napoli-path-item.is-complete .napoli-path-number{color:#0b160f;border-color:var(--green);background:var(--green)}.napoli-path-item>span:nth-child(2){min-width:0}.napoli-path-item small,.napoli-path-item strong,.napoli-path-item em{display:block}.napoli-path-item small{color:var(--yellow);text-transform:uppercase;font-size:10px;font-weight:850}.napoli-path-item strong{margin:2px 0;font-size:16px;line-height:1.25}.napoli-path-item em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;line-height:1.35;overflow:hidden}.napoli-path-progress{color:var(--muted);align-items:center;gap:3px;font-size:11px;display:flex}.lesson-overview{z-index:70;width:min(100%,640px);min-width:320px;color:var(--ink);border-inline:1px solid var(--line);background:var(--paper);grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;animation:.22s both lesson-plan-in;display:grid;position:fixed;inset:0;box-shadow:0 0 80px #0000008c}.lesson-overview-header{min-height:66px;padding:max(10px, env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.lesson-overview-header .veloce-brand{justify-self:center}.lesson-overview-header>span{min-width:42px;color:var(--green);text-align:right;font-size:12px;font-weight:850}.lesson-overview>main{overscroll-behavior:contain;min-height:0;overflow-y:auto}.lesson-overview-scene{aspect-ratio:16/6.8;width:100%;min-height:132px;box-shadow:inset 0 -4px 0 var(--green);background-color:#101615;background-position:50% 55%;background-size:cover}.lesson-overview-intro{padding:22px 18px 18px}.lesson-overview-intro h1{margin:7px 0 4px;font-size:30px;line-height:1.08}.lesson-overview-intro>p{color:var(--muted);margin:0;font-size:15px;line-height:1.4}.lesson-overview-totals{border-block:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;display:grid}.lesson-overview-totals>span{min-width:0;min-height:66px;color:var(--muted);overflow-wrap:anywhere;grid-template-columns:auto 1fr;align-content:center;column-gap:5px;padding:10px 8px;font-size:10px;line-height:1.2;display:grid}.lesson-overview-totals>span:nth-child(2n){border-left:1px solid var(--line)}.lesson-overview-totals>span:nth-child(n+3){border-top:1px solid var(--line)}.lesson-overview-totals svg{color:var(--blue);grid-row:1/3;align-self:center}.lesson-overview-totals strong{color:var(--ink);align-self:end;font-size:17px}.lesson-sequence{padding:4px 18px 22px}.lesson-sequence>header{border-bottom:1px solid var(--line);padding:14px 0 10px}.lesson-sequence>header span,.lesson-sequence>header strong{display:block}.lesson-sequence>header span{color:var(--yellow);text-transform:uppercase;font-size:11px;font-weight:850}.lesson-sequence>header strong{margin-top:2px;font-size:18px}.lesson-unit{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:44px minmax(0,1fr) 84px;align-items:center;gap:10px;width:100%;min-height:92px;padding:12px 0;display:grid;position:relative}.lesson-unit.is-current{background:var(--green-soft);box-shadow:-18px 0 0 var(--green-soft), 18px 0 0 var(--green-soft)}.lesson-unit.is-locked{opacity:.5}.lesson-unit-marker{width:40px;height:40px;color:var(--muted);background:var(--surface);border:2px solid #48524f;border-radius:50%;place-items:center;display:grid}.lesson-unit.is-done .lesson-unit-marker{color:#07140d;border-color:var(--green);background:var(--green)}.lesson-unit.is-current .lesson-unit-marker{color:#07140d;border-color:var(--green);background:var(--green);animation:1.8s infinite path-pulse}.lesson-unit.is-conversation .lesson-unit-marker{border-radius:8px}.lesson-unit.is-conversation.is-current .lesson-unit-marker{border-color:var(--yellow);background:var(--yellow)}.lesson-unit-copy{min-width:0}.lesson-unit-copy>small,.lesson-unit-copy>strong,.lesson-unit-copy>span,.lesson-unit-copy>em{display:block}.lesson-unit-copy>small{color:var(--green);text-transform:uppercase;font-size:10px;font-weight:850}.lesson-unit.is-conversation .lesson-unit-copy>small{color:var(--yellow)}.lesson-unit-copy>strong{margin-top:2px;font-size:17px}.lesson-unit-copy>span{color:#c5cdc8;margin-top:2px;font-size:12px}.lesson-unit-copy>em{color:var(--muted);margin-top:5px;font-size:10px;font-style:normal;line-height:1.3}.lesson-unit-status{color:var(--green);text-align:right;justify-content:flex-end;align-items:center;gap:2px;font-size:10px;font-weight:800;display:flex}.lesson-unit.is-locked .lesson-unit-status{color:var(--muted)}.lesson-overview-action{padding:13px 18px calc(15px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -10px 24px #0003}.install-help{z-index:90;width:min(100%,560px);min-width:320px;color:var(--ink);background:var(--paper);grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;animation:.22s both lesson-plan-in;display:grid;position:fixed;inset:0;box-shadow:0 0 80px #000000a6}.install-help>header{min-height:66px;padding:max(10px, env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:minmax(0,1fr) 44px;align-items:center;display:grid}.install-help>header .icon-button{justify-self:end}.install-help>main{flex-direction:column;justify-content:center;min-height:0;padding:32px 20px;display:flex;overflow-y:auto}.install-app-icon{background:var(--surface);width:74px;height:74px;box-shadow:inset 0 -4px 0 var(--green);border:1px solid #3f4946;border-radius:8px;place-items:center;margin-bottom:26px;display:grid}.install-help h1{max-width:420px;margin:8px 0 28px;font-size:30px;line-height:1.12}.install-steps{border-block:1px solid var(--line);gap:0;display:grid}.install-steps>div{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-height:70px;padding:10px 0;display:grid}.install-steps>div+div{border-top:1px solid var(--line)}.install-steps>div>span{width:38px;height:38px;color:var(--green);background:var(--green-soft);border:1px solid #315d48;border-radius:50%;place-items:center;display:grid}.install-steps strong{font-size:15px;line-height:1.35}.install-help>footer{padding:13px 18px calc(15px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}.bottom-navigation{z-index:30;width:min(100%,760px);min-height:calc(70px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px #0000003d}.bottom-navigation button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:750;transition:color .15s,transform .15s;display:flex}.bottom-navigation button.active{color:var(--green);transform:translateY(-2px)}.review-hero{border-bottom:1px solid var(--line);background:var(--surface);border-top:5px solid var(--wood);margin-inline:-18px;padding:34px 18px 28px}.review-hero h1{max-width:520px}.review-count{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;grid-template-columns:32px auto 1fr;align-items:baseline;gap:7px;margin:24px 0 18px;padding:15px;display:grid}.review-count svg{color:var(--blue);align-self:center}.review-count strong{font-size:38px;line-height:1}.review-count span{color:var(--muted);font-weight:700}.review-list-section{padding:25px 0}.review-list-section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.review-list-section>header span{color:var(--muted);font-size:13px}.review-list-section>header strong{font-size:14px}.review-word-row{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;min-height:54px;display:grid}.review-word-row>span{color:#727d79;font-size:12px}.review-word-row>strong{font-size:16px}.review-word-row>small{color:var(--muted);text-align:right;font-size:13px}.profile-heading{align-items:center;gap:14px;padding:32px 0 24px;display:flex}.profile-avatar{width:58px;height:58px;color:var(--yellow);background:var(--yellow-soft);border:2px solid #725d2c;border-radius:50%;flex:0 0 58px;place-items:center;display:grid}.profile-heading h1{max-width:480px;margin-top:5px;font-size:25px}.profile-stats{border-block:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(2,1fr);display:grid}.profile-stats div{grid-template-rows:auto auto;grid-template-columns:25px 1fr;column-gap:8px;min-height:92px;padding:18px 14px;display:grid}.profile-stats div:nth-child(odd){border-right:1px solid var(--line)}.profile-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.profile-stats svg{color:var(--blue);grid-row:1/3;align-self:center}.profile-stats strong{font-size:24px;line-height:1}.profile-stats span{color:var(--muted);font-size:12px}.settings-section{padding:28px 0 10px}.settings-section>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:13px;display:flex}.settings-section>header>div span,.settings-section>header>div strong{display:block}.settings-section>header>div span{color:var(--muted);font-size:12px}.setting-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:40px minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:78px;display:grid;position:relative}.setting-row>span:nth-child(2) strong,.setting-row>span:nth-child(2) small{display:block}.setting-row>span:nth-child(2) strong{font-size:15px}.setting-row>span:nth-child(2) small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35}.setting-icon{width:36px;height:36px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;display:grid}.setting-row input{opacity:0;pointer-events:none;position:absolute}.setting-row>i{background:#3b4441;border-radius:14px;width:46px;height:28px;transition:background .16s;position:relative}.setting-row>i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.setting-row input:checked+i{background:var(--green)}.setting-row input:checked+i:after{transform:translate(18px)}.device-settings-section{padding-bottom:4px}.device-action-row{width:100%;min-height:70px;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;display:grid}.device-action-row>span:nth-child(2) strong,.device-action-row>span:nth-child(2) small{display:block}.device-action-row>span:nth-child(2) strong{font-size:15px}.device-action-row>span:nth-child(2) small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35}.device-action-row>svg{color:var(--green)}.reminder-time-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:11px 0;display:flex}.reminder-time-row>span strong,.reminder-time-row>span small{display:block}.reminder-time-row>span strong{font-size:14px}.reminder-time-row>span small{color:var(--muted);margin-top:2px;font-size:11px}.reminder-time-row input{width:104px;min-height:42px;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--surface);font:inherit;border:1px solid #414a47;border-radius:7px;padding:7px 9px;font-weight:750}.reminder-time-row input:disabled{opacity:.42}.reminder-status{color:var(--muted);border-left:3px solid var(--blue);background:var(--blue-soft);margin:12px 0 2px;padding:11px 12px;font-size:12px;line-height:1.4}.reminder-status.is-success{color:#a8f0cd;border-color:var(--green);background:var(--green-soft)}.reminder-status.is-learning{color:#ffe29a;border-color:var(--yellow);background:var(--yellow-soft)}.sync-settings-section{padding-top:24px}.sync-onboarding{padding-top:14px}.sync-activate{color:#06140d;text-align:left;background:var(--green);cursor:pointer;width:100%;min-height:64px;box-shadow:0 3px 0 var(--green-dark);border:0;border-radius:8px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:11px 12px;display:grid}.sync-activate>svg:first-child{justify-self:center}.sync-activate strong,.sync-activate small{display:block}.sync-activate strong{font-size:14px}.sync-activate small{color:#103824;margin-top:3px;font-size:11px;line-height:1.35}.sync-separator{color:var(--muted);text-transform:uppercase;align-items:center;gap:9px;margin:18px 0 2px;font-size:10px;font-weight:800;display:flex}.sync-separator:before,.sync-separator:after{content:"";background:var(--line);flex:1;height:1px}.sync-pair-form{padding:16px 0 4px}.sync-pair-form>label{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:7px;font-size:11px;font-weight:800;display:flex}.sync-pair-form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.sync-pair-form input{min-width:0;min-height:46px;color:var(--ink);background:var(--surface);font:inherit;letter-spacing:0;text-transform:uppercase;border:1px solid #414a47;border-radius:7px;outline:0;padding:9px 11px;font-weight:750}.sync-pair-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2fc77b1f}.sync-pair-form button{color:#06140d;background:var(--green);cursor:pointer;border:0;border-radius:7px;min-height:46px;padding:9px 13px;font-weight:850}.sync-pair-form button:disabled{color:var(--muted);cursor:default;background:#313937}.sync-pair-form>small{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.4;display:block}.sync-recovery-form{border-top:1px solid var(--line);padding-top:10px}.sync-secret-box{border:1px solid #2a6748;border-left:4px solid var(--green);background:var(--green-soft);border-radius:0 8px 8px 0;grid-template-columns:minmax(0,1fr) 38px;gap:5px 10px;margin:12px 0;padding:14px;display:grid;position:relative}.sync-secret-box>span,.sync-secret-box>small{grid-column:1}.sync-secret-box>span{color:#a8f0cd;text-transform:uppercase;font-size:10px;font-weight:850}.sync-secret-box>strong{overflow-wrap:anywhere;align-self:center;font-size:22px;line-height:1.15}.sync-secret-box>small{color:var(--muted);font-size:11px}.sync-secret-box>button{width:38px;height:38px;color:var(--green);cursor:pointer;background:0 0;border:1px solid #2a6748;border-radius:7px;grid-area:1/2/span 3;align-self:center;place-items:center;display:grid}.sync-secret-box.is-recovery{border-color:#685425;border-left-color:var(--yellow);background:var(--yellow-soft)}.sync-secret-box.is-recovery>span,.sync-secret-box.is-recovery>button{color:var(--yellow)}.sync-secret-box.is-recovery>button{border-color:#685425}.sync-secret-box.is-recovery>strong{font-size:13px}.sync-disconnect{color:#ffb4ae;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:38px;margin-top:8px;padding:7px 0;font-size:12px;font-weight:800;display:inline-flex}.method-note{border-top:1px solid var(--line);gap:12px;margin:16px 0 10px;padding:18px 0;display:flex}.method-note svg{color:var(--yellow);flex:none}.method-note strong{display:block}.method-note p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.45}.veloce-session,.session-complete{background:var(--paper);border-inline:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,640px);min-height:100dvh;margin:0 auto;display:grid}.veloce-session{height:100dvh;max-height:100dvh}.session-header{padding:max(10px, env(safe-area-inset-top)) 16px 11px;border-bottom:1px solid var(--line);background:var(--paper);grid-template-rows:44px 5px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px 12px;display:grid;box-shadow:0 8px 24px #0000002e}.session-progress-copy{align-items:center;gap:9px;min-width:0;display:flex}.session-progress-copy>.session-titel{flex:auto}.session-progress-copy span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.session-progress-copy strong{color:var(--muted);font-size:13px}.session-progress-status{flex:none;align-items:center;gap:8px;display:inline-flex}.session-progress-status b{color:var(--yellow);align-items:center;gap:3px;font-size:12px;display:inline-flex}.session-progress-status b svg{fill:currentColor}.session-progress-track{background:#29312f;border-radius:3px;grid-column:2;height:6px;overflow:hidden}.session-progress-track span{border-radius:inherit;background:var(--green);height:100%;transition:width .22s;display:block}.session-task{overscroll-behavior:contain;min-height:0;padding:28px 20px 24px;animation:.22s both task-enter;overflow-y:auto}.session-task>h1{letter-spacing:0;margin:8px 0 24px;font-size:27px;line-height:1.16}.session-action-bar,.session-actions,.feedback-bar{z-index:5;padding:14px 18px calc(15px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);gap:11px;display:grid;box-shadow:0 -10px 24px #0000002e}.session-action-bar.is-success,.feedback-bar.is-correct{background:var(--green-soft);border-color:#2a6748}.session-action-bar.is-learning,.feedback-bar.is-wrong{background:var(--yellow-soft);border-color:#6a5525}.session-action-bar.is-success .primary-button,.feedback-bar.is-correct .primary-button{background:var(--green);border-color:var(--green);box-shadow:0 3px 0 var(--green-dark)}.session-action-bar.is-learning .primary-button,.feedback-bar.is-wrong .primary-button{color:#080b0c;background:var(--yellow);border-color:var(--yellow);box-shadow:0 3px #9e7524}.feedback-bar .feedback-body{gap:3px;display:grid}.feedback-bar .feedback-body strong{font-size:16px}.feedback-bar .feedback-body p{color:#d3d9d5;margin:0;font-size:14px;line-height:1.35}.feedback-bar .feedback-body em{color:#f2cf80;font-size:12px;font-style:normal}.action-hint{color:var(--muted);text-align:center;margin:0;font-size:14px}.feedback-copy{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;display:grid}.feedback-copy strong,.feedback-copy p,.feedback-copy small,.feedback-copy em{display:block}.feedback-copy strong{font-size:16px}.feedback-copy p{color:#d3d9d5;margin:3px 0 0;font-size:14px;line-height:1.35}.feedback-copy small{color:var(--muted);margin-top:3px;font-size:12px}.feedback-copy em{color:#f2cf80;margin-top:5px;font-size:12px;font-style:normal}.feedback-nebenbei{color:#9fb3aa!important}.feedback-icon{width:36px;height:36px;color:var(--green);border:1px solid;border-radius:50%;place-items:center;display:grid}.is-learning .feedback-icon{color:#946913}.feedback-reward{color:var(--green);align-items:center;gap:3px;margin:3px 0 1px;font-size:11px;font-weight:850;display:inline-flex}.feedback-reward svg{fill:currentColor}.feedback-audio{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:7px;padding:0;font-size:12px;font-weight:800;display:inline-flex}.word-task{text-align:center;align-content:center;display:grid}.word-task .task-kicker{margin-bottom:8px}.word-stage{border:1px solid var(--line);border-top:4px solid var(--green);background:var(--surface);border-radius:8px;padding:28px 16px;animation:.36s cubic-bezier(.2,.8,.2,1) both word-in;box-shadow:0 18px 36px #0003}.word-stage>small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.word-stage h1{overflow-wrap:anywhere;letter-spacing:0;margin:14px 0 5px;font-size:52px;line-height:1}.word-stage p{color:#c7ceca;margin:0;font-size:20px}.pronunciation{color:#7f8985;margin:9px 0 20px;font-size:14px;display:block}.audio-button{min-height:46px;color:var(--blue);background:var(--blue-soft);cursor:pointer;border:1px solid #315d7e;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:800;display:inline-flex}.audio-button.is-playing svg{animation:.7s infinite alternate audio-pulse}.match-task h1{margin-bottom:18px}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.match-grid>div{align-content:start;gap:9px;display:grid}.match-grid button{overflow-wrap:anywhere;background:var(--surface);cursor:pointer;border:1px solid #39423f;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;min-height:52px;padding:10px;font-size:14px;font-weight:750;display:flex}.match-grid button.selected{color:#cce8ff;border:2px solid var(--blue);background:var(--blue-soft);transform:translateY(-1px)}.match-grid button.matched{color:var(--green);background:var(--green-soft);opacity:.72;border-color:#2a6748}.match-grid.is-wrong button.selected{color:#ffb4ae;border-color:var(--red);background:var(--red-soft);animation:.22s horizontal-shake}.match-summary{border-top:1px solid var(--line);display:grid}.match-summary div{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9px;min-height:54px;display:grid}.match-summary svg{color:var(--green)}.match-summary strong{overflow-wrap:anywhere}.match-summary span{color:var(--muted);text-align:right;overflow-wrap:anywhere;font-size:14px}.choice-prompt{border-block:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:84px;margin-bottom:18px;padding-block:14px;padding-inline:14px;display:flex}.choice-prompt>strong{overflow-wrap:anywhere;min-width:0;font-size:28px;line-height:1.15}.choice-prompt .audio-button{flex:0 0 46px;width:46px;padding:0}.choice-prompt .audio-button span{display:none}.sentence-choice-prompt>strong{font-size:22px;line-height:1.3}.sentence-answer-options button{min-height:62px;font-size:14px;line-height:1.35}.cloze-prompt{border:1px solid var(--line);border-top:4px solid var(--yellow);background:var(--surface);border-radius:8px;gap:9px;margin-bottom:20px;padding:22px 16px;display:grid}.cloze-prompt strong{overflow-wrap:anywhere;font-size:25px;line-height:1.3}.cloze-prompt span{color:var(--muted);font-size:14px;line-height:1.4}.cloze-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cloze-options button{overflow-wrap:anywhere;min-width:0}.pattern-task>h1,.pattern-decision-task>h1,.sentence-transform-task>h1{font-size:25px}.pattern-board{border:1px solid #2a6748;border-top:4px solid var(--green);background:var(--green-soft);border-radius:8px;padding:18px 16px}.pattern-board>span{color:var(--green);text-transform:uppercase;font-size:10px;font-weight:850;display:block}.pattern-board>strong{margin-top:7px;font-size:20px;line-height:1.25;display:block}.pattern-board>p{color:#c7d8cf;margin:13px 0 0;font-size:13px;line-height:1.5}.pattern-structure{flex-wrap:wrap;align-items:stretch;gap:6px;margin-top:15px;display:flex}.pattern-structure b{color:#d9f8e9;text-align:center;background:#173329;border:1px solid #39785a;border-radius:7px;place-items:center;min-height:38px;padding:7px 10px;font-size:12px;display:grid}.pattern-examples{border:1px solid var(--line);background:var(--line);border-radius:8px;gap:1px;margin-top:14px;display:grid;overflow:hidden}.pattern-examples>div{background:var(--surface);padding:12px 14px}.pattern-examples strong,.pattern-examples span{display:block}.pattern-examples strong{font-size:15px}.pattern-examples span{color:var(--muted);margin-top:3px;font-size:12px}.pattern-tip{color:#f2cf80;border-left:3px solid var(--yellow);margin:14px 0 0;padding-left:12px;font-size:12px;line-height:1.45}.pattern-decision-prompt{color:#f5f8f6;border:1px solid var(--line);border-left:4px solid var(--yellow);background:var(--surface);overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin-bottom:18px;padding:24px 16px;font-size:25px;font-weight:800;line-height:1.25}.transform-source,.transform-target{border:1px solid var(--line);background:var(--surface);padding:13px 14px}.transform-source{border-left:4px solid var(--blue);border-radius:8px 8px 0 0}.transform-target{border-top:0;border-left:4px solid var(--yellow);border-radius:0 0 8px 8px}.transform-source>span,.transform-target>span{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:850;display:block}.transform-source>strong,.transform-source>small,.transform-target>strong{display:block}.transform-source>strong{font-size:18px}.transform-source>small{color:var(--muted);margin-top:4px;font-size:12px}.transform-target>strong{color:#f2cf80;font-size:17px}.sentence-transform-task .sentence-answer{margin-top:16px}.sentence-transform-task .word-bank{margin-top:18px}.answer-options,.dialog-options{gap:10px;display:grid}.answer-options button,.dialog-options button{text-align:left;background:var(--surface);cursor:pointer;border:1px solid #39423f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:13px 15px;font-size:16px;font-weight:700;transition:background .14s,border-color .14s,transform .14s;display:flex}.answer-options button:active,.dialog-options button:active{transform:scale(.99)}.answer-options button.selected,.dialog-options button.selected{color:#d7edff;border:2px solid var(--blue);background:var(--blue-soft);transform:translateY(-1px)}.answer-options button.correct,.dialog-options button.correct{color:#a8f0cd;border-color:var(--green);background:var(--green-soft);animation:.22s correct-pop}.answer-options button.wrong,.dialog-options button.wrong{color:#ffb4ae;border-color:var(--red);background:var(--red-soft)}.sentence-answer{border-block:1px solid var(--line);flex-wrap:wrap;align-content:flex-start;gap:7px;min-height:104px;padding:13px 0;display:flex}.sentence-answer>span{color:#727d79;align-self:center;font-size:14px}.sentence-answer button,.word-bank button{background:var(--surface);cursor:pointer;border:1px solid #414a47;border-radius:7px;min-height:42px;padding:8px 11px;font-weight:750}.sentence-answer button{color:#fff;border-color:var(--blue);background:var(--blue)}.sentence-answer.is-correct{border-color:var(--green)}.sentence-answer.is-wrong{border-color:var(--red)}.word-bank{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.word-bank button:disabled{color:#8a9691;background:#161b1a;border-color:#2b3331;-webkit-text-decoration:line-through #46524e;text-decoration:line-through #46524e}.speak-task{text-align:center}.speak-target{border:1px solid var(--line);border-top:4px solid var(--yellow);background:var(--surface);border-radius:8px;padding:24px 16px}.speak-target>strong,.speak-target>span,.speak-target>small{display:block}.speak-target>strong{overflow-wrap:anywhere;font-size:34px;line-height:1.15}.speak-target>span{color:var(--muted);margin-top:7px;font-size:17px}.speak-target>small{color:#7f8985;margin:6px 0 17px}.microphone-button{color:#fff;text-align:left;background:var(--green);cursor:pointer;width:100%;min-height:74px;box-shadow:0 4px 0 var(--green-dark);border:0;border-radius:8px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;margin-top:20px;padding:10px 16px;font-size:17px;font-weight:800;display:grid}.microphone-button svg{justify-self:center}.microphone-button.is-listening{background:var(--red);animation:.9s infinite alternate microphone-listening}.speech-result{text-align:left;background:var(--green-soft);color:var(--green);border:1px solid #2a6748;border-radius:8px;align-items:center;gap:11px;margin-top:20px;padding:15px;display:flex}.speech-result span strong,.speech-result span small{display:block}.speech-result span small{color:var(--muted);margin-top:3px}.speech-result.is-neutral{color:var(--blue);background:var(--blue-soft);border-color:#315d7e}.dialog-intro-task{padding-top:18px}.dialog-scene{aspect-ratio:16/8;width:calc(100% + 40px);box-shadow:inset 0 -4px 0 var(--green);background-color:#101615;background-position:50% 58%;background-repeat:no-repeat;background-size:cover;margin:-18px -20px 24px;animation:.52s both scene-reveal}.dialog-intro-task>p{color:var(--muted);margin:-12px 0 22px;font-size:16px;line-height:1.5}.dialog-promise{border:1px solid var(--line);border-left:4px solid var(--green);background:var(--surface);border-radius:0 8px 8px 0;gap:11px;padding:16px;display:flex}.dialog-promise svg{color:var(--blue);flex:none}.dialog-promise strong,.dialog-promise small{display:block}.dialog-promise small{color:var(--muted);margin-top:4px;line-height:1.4}.partner-line{border-left:4px solid var(--blue);background:var(--blue-soft);border-radius:0 8px 8px 0;padding:17px}.partner-line>span{color:var(--blue);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:850;display:block}.partner-line>strong{font-size:20px;line-height:1.28;display:block}.partner-line>p{color:var(--muted);margin:7px 0 13px;font-size:14px;line-height:1.35}.partner-line .audio-button{min-height:38px;padding:6px 10px;font-size:12px}.dialog-task>h1{margin-top:24px;margin-bottom:15px;font-size:21px}.dialog-options button{font-size:15px;line-height:1.35}.dialog-recall{gap:11px;display:grid}.dialog-recall textarea{resize:vertical;width:100%;min-height:104px;color:var(--ink);background:#0b0f10;border:2px solid #3b4744;border-radius:6px;padding:15px;font-size:17px;line-height:1.4}.dialog-recall textarea::placeholder{color:#697370}.recall-microphone{min-height:48px;color:var(--blue);background:var(--blue-soft);cursor:pointer;border:1px solid #315d7e;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.recall-microphone.is-listening{color:#07140d;border-color:var(--green);background:var(--green);animation:1.4s infinite path-pulse}.dialog-recall>small{color:var(--muted);line-height:1.4}.native-audio-note{color:var(--yellow);background:var(--yellow-soft);border:1px solid #6f5828;border-radius:5px;margin-top:13px;padding:8px 10px;font-size:11px;font-weight:750;display:inline-block}.session-complete>header{min-height:64px;padding:max(12px, env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid var(--line);align-items:center;display:flex}.session-complete>main{text-align:center;align-content:center;justify-items:center;padding:30px 22px;display:grid;position:relative;overflow:hidden}.completion-check{z-index:1;color:#06140d;background:var(--green);border-radius:50%;place-items:center;width:74px;height:74px;margin-bottom:24px;animation:.36s cubic-bezier(.2,.9,.2,1) both completion-in;display:grid;box-shadow:0 0 0 10px #2fc77b17}.session-complete h1{letter-spacing:0;max-width:480px;margin:9px 0 26px;font-size:29px;line-height:1.15}.completion-reward{color:var(--yellow);background:var(--yellow-soft);border:1px solid #685425;border-radius:8px;align-items:center;gap:6px;margin:-12px 0 18px;padding:8px 12px;animation:.42s .12s both reward-in;display:inline-flex}.completion-reward svg{fill:currentColor}.completion-confetti{pointer-events:none;position:absolute;inset:0}.completion-confetti i{background:var(--green);border-radius:2px;width:7px;height:16px;animation:.72s ease-out both confetti-burst;position:absolute;top:46%;left:50%}.completion-confetti i:nth-child(3n+2){background:var(--yellow)}.completion-confetti i:nth-child(3n){background:var(--red)}.completion-confetti i:nth-child(4n){background:var(--blue)}.completion-confetti i:first-child{--x:-150px;--y:-115px;--r:120deg}.completion-confetti i:nth-child(2){--x:-108px;--y:-165px;--r:210deg}.completion-confetti i:nth-child(3){--x:-55px;--y:-185px;--r:320deg}.completion-confetti i:nth-child(4){--x:10px;--y:-180px;--r:170deg}.completion-confetti i:nth-child(5){--x:72px;--y:-165px;--r:270deg}.completion-confetti i:nth-child(6){--x:132px;--y:-120px;--r:380deg}.completion-confetti i:nth-child(7){--x:-158px;--y:-45px;--r:250deg}.completion-confetti i:nth-child(8){--x:150px;--y:-48px;--r:160deg}.completion-confetti i:nth-child(9){--x:-122px;--y:35px;--r:320deg}.completion-confetti i:nth-child(10){--x:120px;--y:38px;--r:220deg}.completion-confetti i:nth-child(11){--x:-70px;--y:68px;--r:180deg}.completion-confetti i:nth-child(12){--x:68px;--y:72px;--r:340deg}.completion-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,420px);display:grid}.completion-stats div{padding:17px 10px}.completion-stats div+div{border-left:1px solid var(--line)}.completion-stats strong,.completion-stats span{display:block}.completion-stats strong{color:var(--green);font-size:26px}.completion-stats span{color:var(--muted);margin-top:2px;font-size:12px}.veloce-loading,.veloce-error{text-align:center;background:var(--paper);place-content:center;justify-items:center;min-height:100dvh;padding:28px;display:grid}.veloce-loading{grid-auto-flow:column;gap:10px;font-size:24px}.veloce-error h1{max-width:420px;margin:14px 0 7px;font-size:25px}.veloce-error p{color:var(--muted);margin:0 0 20px}.veloce-error .primary-button{max-width:260px}@keyframes word-in{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scene-reveal{0%{opacity:.45;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes task-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes lesson-plan-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes path-pulse{0%,to{box-shadow:0 0 #2fc77b47}50%{box-shadow:0 0 0 8px #2fc77b00}}@keyframes unit-blink{to{filter:brightness(1.3)}}@keyframes correct-pop{0%{transform:scale(.98)}70%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes reward-in{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(0)rotate(0)scale(.6)}18%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(1)}}@keyframes horizontal-shake{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(5px)}}@keyframes audio-pulse{to{transform:scale(1.12)}}@keyframes microphone-listening{to{filter:brightness(1.12)}}@keyframes completion-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (width>=700px){.today-band{grid-template-columns:minmax(260px,.9fr) minmax(330px,1.1fr);min-height:330px;display:grid}.today-photo{aspect-ratio:auto;height:100%;min-height:330px}.today-copy{align-self:center;padding:34px}.course-section{padding-inline:22px}.review-hero{padding:46px 40px 38px}.review-list-section,.profile-view{padding-inline:40px}.session-task{padding:38px 36px 30px}.session-action-bar{padding-inline:34px}.dialog-scene{width:calc(100% + 72px);margin-inline:-36px}}@media (height<=700px){.session-task{padding-top:20px;padding-bottom:16px}.session-task>h1{margin-bottom:16px;font-size:24px}.word-stage h1{font-size:44px}.word-stage .pronunciation{margin-bottom:12px}.answer-options,.dialog-options{gap:7px}.answer-options button,.dialog-options button{min-height:48px;padding-block:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.placement-offer{background:var(--blue-soft);border:1px solid #315d7e;border-radius:8px;gap:14px;margin:18px 0 0;padding:18px;display:grid}.placement-offer h2{margin:5px 0 7px;font-size:22px;line-height:1.15}.placement-offer p{color:#b9cbd8;margin:0;font-size:14px;line-height:1.5}.placement-offer button{justify-self:start}.chapter-checkpoint{border:1px solid var(--line);border-left:4px solid var(--yellow);background:var(--surface);border-radius:8px;gap:14px;margin:16px 0 4px;padding:18px;display:grid}.chapter-checkpoint.is-passed{border-left-color:var(--green)}.chapter-checkpoint h3{margin:5px 0 7px;font-size:20px;line-height:1.15}.chapter-checkpoint p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.chapter-checkpoint button{justify-self:start}.recall-task{align-content:start;gap:14px;display:grid}.recall-prompt{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:18px}.recall-prompt strong{font-size:21px;line-height:1.3}.recall-task textarea{resize:vertical;width:100%;min-height:88px;color:var(--ink);background:#0b0f10;border:2px solid #3b4744;border-radius:6px;padding:15px;font-size:18px;line-height:1.4}.recall-task textarea:focus-visible{border-color:var(--green);outline:none}.recall-task textarea::placeholder{color:#697370}.recall-task .action-hint{justify-content:center;align-items:center;gap:7px;font-size:13px;display:inline-flex}.completion-note{max-width:34ch;color:var(--muted);text-align:center;margin:12px auto 0;font-size:13px;line-height:1.5}.header-streak.is-cold{color:var(--muted);opacity:.65}.header-streak.is-active{color:var(--yellow)}.focus-offer{border:1px solid #6b4a1f;border-left:4px solid var(--yellow);background:var(--yellow-soft);border-radius:8px;gap:14px;margin:16px 0 0;padding:18px;display:grid}.focus-offer h2{margin:5px 0 7px;font-size:21px;line-height:1.15}.focus-offer p{color:#d8c9a6;margin:0;font-size:14px;line-height:1.5}.focus-examples{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.focus-examples li{color:var(--ink);background:#00000047;border-radius:5px;padding:8px 11px;font-size:14px}.focus-offer button{justify-self:start}.sentence-intro-task{align-content:center;gap:16px;display:grid}.sentence-stage{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:10px;justify-items:center;gap:9px;padding:26px 20px 22px;display:grid}.sentence-stage small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850}.sentence-stage h1{margin:0;font-size:27px;line-height:1.22}.sentence-stage>p{color:var(--ink);margin:0;font-size:17px;line-height:1.4}.sentence-stage .pronunciation{color:var(--muted);font-size:14px}.sentence-intro-tip{color:var(--muted);border-left:3px solid var(--yellow);background:var(--yellow-soft);border-radius:4px;margin:0;padding:13px 15px;font-size:14px;line-height:1.5}.verb-offer{border:1px solid #2f5f4a;border-left:4px solid var(--green);background:var(--green-soft);border-radius:8px;gap:14px;margin:16px 0 0;padding:18px;display:grid}.verb-offer h2{margin:5px 0 7px;font-size:21px;line-height:1.15}.verb-offer p{color:#a8ccb8;margin:0;font-size:14px;line-height:1.5}.verb-offer button{justify-self:start}.verb-progress{gap:6px;margin-top:13px;display:grid}.verb-progress>span{background:#00000059;border-radius:4px;height:7px;display:block;overflow:hidden}.verb-progress i{background:var(--green);border-radius:4px;height:100%;display:block}.verb-progress small{color:#8fb9a2;font-size:12px}.verb-table-task{align-content:start;gap:16px;display:grid}.verb-head{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:10px;justify-items:center;gap:7px;padding:20px 18px 18px;display:grid}.verb-head h1{margin:0;font-size:32px;line-height:1.1}.verb-head>p{color:var(--ink);margin:0;font-size:16px}.verb-kind{color:var(--yellow);letter-spacing:.02em;font-size:12px;font-weight:800}.verb-table{background:var(--line);border:1px solid var(--line);border-radius:8px;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.verb-table li{background:var(--surface);grid-template-columns:74px 1fr auto;align-items:baseline;gap:10px;padding:12px 14px;display:grid}.verb-person{color:var(--muted);font-size:14px}.verb-table strong{font-size:18px}.verb-table small{color:var(--muted);text-align:right;font-size:12.5px}.verb-form-task h1 i{color:var(--green);font-style:italic}.verb-form-task h1 b{color:var(--yellow)}.verb-hint{color:var(--muted);margin:-6px 0 4px;font-size:14px}.verb-zeiten{gap:7px;margin:13px 0 0;padding:0;list-style:none;display:grid}.verb-zeiten li{background:#00000038;border-radius:5px;grid-template-columns:minmax(96px,1fr) minmax(60px,1.1fr) 34px;align-items:center;gap:10px;padding:7px 9px;display:grid}.verb-zeiten li.is-aktiv{box-shadow:inset 2px 0 0 var(--green);background:#2fc77b29}.verb-zeit-name{gap:1px;min-width:0;display:grid}.verb-zeit-name b{font-size:13.5px;line-height:1.2}.verb-zeit-name small{color:#8fb9a2;font-size:11px}.verb-zeit-balken{background:#0006;border-radius:3px;height:6px;display:block;overflow:hidden}.verb-zeit-balken i{background:var(--green);border-radius:3px;height:100%;display:block}.verb-zeit-wert{color:#8fb9a2;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.verb-summe{color:#8fb9a2;margin-top:11px;font-size:12px;display:block}.verb-zeit-hinweis{color:var(--muted);border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:4px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.basics-offer{background:#1c1830;border:1px solid #4a3f6b;border-left:4px solid #9b83e5;border-radius:8px;gap:14px;margin:16px 0 0;padding:18px;display:grid}.basics-offer h2{margin:5px 0 7px;font-size:21px;line-height:1.15}.basics-offer p{color:#bfb4dd;margin:0;font-size:14px;line-height:1.5}.basics-offer button{justify-self:start}.basics-progress{gap:6px;margin-top:13px;display:grid}.basics-progress>span{background:#00000059;border-radius:4px;height:7px;display:block;overflow:hidden}.basics-progress i{background:#9b83e5;border-radius:4px;height:100%;display:block}.basics-progress small{color:#a99cc9;font-size:12px}.wortfeld-offer{border-left-color:#4eb6a8}.wortfeld-offer .basics-progress i{background:#4eb6a8}.wortfeld-offer h2{color:#e8e2f5;font-size:18px}.satzbau{border-top:1px solid #ffffff17;margin-top:14px;padding-top:12px}.satzbau-schalter{cursor:pointer;color:#bfb4dd;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:34px;padding:4px 0;font-size:13.5px;display:flex}.satzbau-schalter:hover{color:#e8e2f5}.satzbau-schalter code{color:#8f85ad;white-space:nowrap;background:#00000047;border-radius:4px;margin-left:auto;padding:2px 7px;font-size:11.5px}@media (width<=460px){.satzbau-schalter{flex-wrap:wrap}.satzbau-schalter code{width:100%;max-width:none;margin-left:24px}}.satzbau-liste{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.satzbau-teil{background:#0003;border-left:3px solid #4a3f6b;border-radius:7px;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:3px 12px;padding:9px 12px;display:grid}.satzbau-verb{border-left-color:#31c88a}.satzbau-frage{border-left-color:#f2b84b}.satzbau-offen{opacity:.72;border-left-color:#6b6280}.satzbau-wort{color:#f0ecf9;font-size:15px;font-weight:600}.satzbau-rolle{letter-spacing:.06em;text-transform:uppercase;color:#9186b0;place-self:center end;font-size:11px}.satzbau-herkunft{color:#cdc3e4;grid-column:1/-1;font-size:13.5px;line-height:1.45}.satzbau-herkunft b{color:#f0ecf9}.satzbau-herkunft small{color:#9186b0;margin-top:2px;font-size:12px;display:block}.satzbau-falle{color:#e6b566!important}.satzbau-reihe{flex-wrap:wrap;grid-column:1/-1;gap:5px;margin:8px 0 0;padding:0;list-style:none;display:flex}.satzbau-reihe li{color:#a99cc9;background:#ffffff0d;border-radius:4px;padding:3px 8px;font-size:12px}.satzbau-reihe li.ist-hier{color:#7fe0b4;background:#31c88a2e;font-weight:600}.satzbau-reihe li.ist-verwechselt{color:#f0a79f;background:#e96e6429;font-weight:600;-webkit-text-decoration:line-through #f0a79f8c;text-decoration:line-through #f0a79f8c}.transfer-task{border-top:3px solid #f2b84b}.transfer-hinweis{color:#bfb4dd;margin:6px 0 16px;font-size:14px;line-height:1.5}.transfer-vorgabe{color:#f0ecf9;margin:0 0 16px;font-size:22px;font-weight:600;line-height:1.3}.transfer-eingabe{color:#f0ecf9;background:#00000047;border:1px solid #4a3f6b;border-radius:8px;width:100%;min-height:48px;padding:13px 15px;font-size:17px}.transfer-eingabe:focus{outline-offset:1px;outline:2px solid #9b83e5}.transfer-eingabe:disabled{opacity:.6}.transfer-urteil{background:#00000038;border-radius:9px;margin-top:16px;padding:14px 16px}.transfer-urteil.ist-richtig{border-left:3px solid #31c88a}.transfer-urteil.ist-falsch{border-left:3px solid #e66b5b}.transfer-loesung{color:#f0ecf9;margin:0 0 6px;font-size:19px;font-weight:600}.transfer-urteil em{color:#e6b566;margin-bottom:8px;font-size:14px;font-style:normal;display:block}.transfer-herkunft{border-top:1px solid #ffffff17;margin-top:14px;padding-top:12px}.transfer-bauplan{margin:0 0 10px}.transfer-bauplan code{color:#8f85ad;background:#0000004d;border-radius:4px;padding:3px 8px;font-size:12px}.transfer-falle{color:#e6b566;margin:10px 0 0;font-size:13.5px;line-height:1.5}.bilanz-liste{flex-direction:column;display:flex}.bilanz-zeile{border-bottom:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:14px;padding:14px 2px;display:grid}.bilanz-zeile:last-child{border-bottom:0}.bilanz-titel{font-size:15px}.bilanz-zeile strong{font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/2;font-size:16px}.bilanz-zeile strong.bilanz-gut{color:var(--green,#31c88a)}.bilanz-zeile strong.bilanz-neutral{color:var(--text)}.bilanz-zeile strong.bilanz-huerde{color:#e8b563;font-size:15px}.bilanz-zeile strong.bilanz-leer{color:var(--muted);font-size:14px;font-weight:500}.bilanz-zeile small{color:var(--muted);grid-area:2/1/auto/-1;font-size:12px}.ereignis-blatt{margin-top:14px}.ereignis-blatt>summary{cursor:pointer;color:var(--muted);padding:10px 2px;font-size:13px}.ereignis-blatt>summary:hover{color:var(--text)}.ereignis-blatt dl{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:2px;margin:6px 0 0;padding:12px;font-size:12.5px;display:flex}.blatt-feld{grid-template-columns:128px minmax(0,1fr);gap:10px;padding:3px 0;display:grid}.blatt-feld dt{color:var(--muted)}.blatt-feld dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.pattern-decision-de{color:var(--muted);margin:-6px 0 16px;font-size:15px}.pattern-decision-loesung{margin:0 0 6px}.pattern-decision-loesung span{color:var(--muted)}.bilanz-wackelt{border-top:1px solid var(--line);padding:14px 2px 4px}.bilanz-wackelt ul{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.bilanz-wackelt li{border:1px solid var(--line);background:var(--surface);border-left:3px solid #e8b563;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:9px 12px;font-size:14px;display:grid}.bilanz-wackelt small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.themen-hinweis{color:var(--muted);margin:12px 0 4px;font-size:13px}.themen-raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px;display:grid}.themen-kachel{border:1px solid var(--line);background:var(--surface);text-align:left;color:inherit;cursor:pointer;border-radius:14px;grid-template-rows:auto auto auto auto;gap:5px;padding:14px 13px 12px;transition:border-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:grid}.themen-kachel:hover{border-color:var(--blue)}.themen-kachel:active{transform:scale(.98)}.themen-kachel strong{font-size:14.5px;line-height:1.25}.themen-kachel small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.themen-icon{color:var(--blue);display:flex}.themen-balken{background:var(--line);border-radius:2px;height:3px;margin-top:4px;display:block;overflow:hidden}.themen-balken span{background:var(--green,#31c88a);border-radius:2px;height:100%;display:block}.themen-kachel.ist-fertig{opacity:.62}.themen-kachel.ist-fertig .themen-icon{color:var(--green,#31c88a)}@media (prefers-reduced-motion:reduce){.themen-kachel{transition:none}.themen-kachel:active{transform:none}}.speak-target.ist-verdeckt{border-top-color:var(--blue);background:var(--blue-soft)}.speak-target.ist-verdeckt>strong{font-size:27px}.speak-target.ist-verdeckt>span{color:#a9c4dc;font-size:15px}.lektionshinweis b{color:var(--muted);font-weight:800}.gedaechtnisstuetze{margin-top:14px}.stuetze-knopf{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:800}.stuetze-kicker{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:7px;font-size:11.5px;font-weight:800;display:block}.stuetze-liste{gap:5px;margin:0 0 10px;padding:0;list-style:none;display:grid}.stuetze-liste li{border:1px solid var(--line);background:var(--surface);color:#d3d9d5;border-radius:8px;padding:8px 11px;font-size:14px;line-height:1.35}.stuetze-anfang{color:var(--muted);margin:8px 0 0;font-size:14px}.stuetze-anfang b{color:var(--ink);font-size:16px}.rangring{align-items:center;gap:8px;min-width:0;display:flex}.rangring svg{flex:0 0 30px;width:30px;height:30px;transform:rotate(-90deg)}.rangring circle{fill:none;stroke-width:3px}.ring-bahn{stroke:#29312f}.ring-fuellung{stroke:var(--yellow);stroke-linecap:round;transition:stroke-dasharray .42s cubic-bezier(.22,.9,.3,1)}.rangring>b{width:30px;color:var(--yellow);text-align:center;pointer-events:none;font-size:12px;font-weight:850;line-height:30px;position:absolute}.session-titel{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.session-xp{color:var(--green);align-items:center;gap:2px;font-size:12px;font-style:normal;font-weight:850;display:inline-flex}.session-xp svg{fill:currentColor}.session-progress-copy{position:relative}:root{--nacht:#0e1210;--stein:#161c19;--stein-hoch:#1d2521;--kante:#2b342f;--kante-hell:#3a4640;--sonne:#f5b53d;--sonne-tief:#c98b1c;--terra:#e2704a;--terra-tief:#b04f2f;--meer:#4aa5d9;--meer-tief:#2e7ba8;--basilikum:#34c98a;--basilikum-tief:#1d8f5f;--vesuv:#d94f4f;--schwung-raus:cubic-bezier(.23, 1, .32, 1);--schwung-beides:cubic-bezier(.77, 0, .175, 1);--schwung-feder:cubic-bezier(.34, 1.56, .64, 1)}.kopf-leiste{padding:max(10px, env(safe-area-inset-top)) 16px 12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.rang-marke{min-height:44px;color:inherit;cursor:pointer;transition:transform .14s var(--schwung-raus);background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex;position:relative}.rang-marke:active{transform:scale(.96)}.rang-scheibe{background:conic-gradient(var(--sonne) var(--rang-winkel,0deg), #ffffff1a 0);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative}.rang-scheibe:after{content:"";background:var(--stein-hoch);border-radius:50%;position:absolute;inset:3px}.rang-stufe{z-index:1;color:var(--sonne);font-variant-numeric:tabular-nums;font-size:15px;font-weight:900;position:relative}.rang-text{text-align:left;gap:1px;min-width:0;display:grid}.rang-text b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;line-height:1.15;overflow:hidden}.rang-text small{color:var(--muted);font-size:11px;line-height:1.2}.tagesziel{border:1px solid var(--kante);background:var(--stein);cursor:pointer;min-height:44px;transition:transform .14s var(--schwung-raus), border-color .2s ease;border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 6px;display:flex}.tagesziel:active{transform:scale(.96)}.tagesziel.is-geschafft{border-color:var(--basilikum-tief);background:#34c98a1f}.ziel-ring{background:conic-gradient(var(--basilikum) var(--ziel-winkel,0deg), #ffffff1f 0);width:26px;height:26px;transition:background .5s var(--schwung-raus);border-radius:50%;place-items:center;display:grid;position:relative}.ziel-ring:after{content:"";background:var(--stein);border-radius:50%;position:absolute;inset:3px}.ziel-ring svg{z-index:1;width:13px;height:13px;color:var(--basilikum);position:relative}.tagesziel b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.tagesziel small{color:var(--muted);font-size:11px}.serie-marke{cursor:pointer;min-height:44px;transition:transform .14s var(--schwung-raus);background:linear-gradient(160deg,#3a2a12,#241a0d);border:1px solid #6b4a1f;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;display:flex}.serie-marke:active{transform:scale(.96)}.serie-marke b{color:var(--sonne);font-variant-numeric:tabular-nums;font-size:14px;font-weight:900}.serie-marke svg{color:var(--sonne)}.serie-marke.is-heiss svg{transform-origin:50% 85%;animation:2.4s ease-in-out infinite flamme}.serie-marke.is-kalt{border-color:var(--kante);background:var(--stein);opacity:.6}.serie-marke.is-kalt b,.serie-marke.is-kalt svg{color:var(--muted)}@keyframes flamme{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.12)rotate(-4deg)}60%{transform:scale(1.04)rotate(3deg)}}.abzeichen-gitter{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:14px;display:grid}.abzeichen{border:1px solid var(--kante);background:var(--stein);text-align:center;transition:transform .16s var(--schwung-raus), border-color .22s ease;border-radius:12px;justify-items:center;gap:5px;padding:14px 8px 12px;display:grid}.abzeichen.is-erreicht{border-color:var(--sonne-tief);background:linear-gradient(170deg,#f5b53d24,#f5b53d0a)}.abzeichen-symbol{filter:grayscale()opacity(.34);transition:filter .3s ease, transform .3s var(--schwung-feder);font-size:27px;line-height:1}.abzeichen.is-erreicht .abzeichen-symbol{filter:none}.abzeichen b{font-size:12px;font-weight:800;line-height:1.2}.abzeichen small{color:var(--muted);font-size:10.5px;line-height:1.28}.abzeichen.is-erreicht b{color:var(--sonne)}.abzeichen.is-neu .abzeichen-symbol{animation:abzeichen-pop .7s var(--schwung-feder)}@keyframes abzeichen-pop{0%{transform:scale(.4)rotate(-14deg)}55%{transform:scale(1.18)rotate(6deg)}to{transform:scale(1)rotate(0)}}@media (hover:hover) and (pointer:fine){.abzeichen.is-erreicht:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.serie-marke.is-heiss svg,.abzeichen.is-neu .abzeichen-symbol{animation:none}.ort-zaehler i,.ziel-ring{transition-duration:1ms}}.naechste-einheit{border:1px solid var(--kante);background:linear-gradient(150deg, var(--stein-hoch), var(--stein));width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform .15s var(--schwung-raus), border-color .22s ease;border-radius:14px;align-items:center;gap:14px;margin:18px 0 4px;padding:15px 16px;display:flex}.naechste-einheit:active{transform:scale(.985)}.naechste-einheit:focus-visible{outline:2px solid var(--sonne);outline-offset:3px}.naechste-text{flex:1;gap:2px;min-width:0;display:grid}.naechste-text small{color:var(--sonne);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:850}.naechste-text b{font-size:18px;font-weight:800;line-height:1.2}.naechste-text>span{color:var(--muted);font-size:13px}.naechste-ring{background:conic-gradient(var(--basilikum) var(--winkel,0deg), #ffffff1a 0);border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;position:relative}.naechste-ring:after{content:"";background:var(--stein-hoch);border-radius:50%;position:absolute;inset:4px}.naechste-ring svg{z-index:1;color:var(--basilikum);position:relative}.placement-offer.is-schlank{margin-top:14px;padding:15px 16px}.placement-offer.is-schlank h2{font-size:19px}.placement-offer.is-schlank p{font-size:13.5px}.weg-blaettern{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e0cb8;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:10px;right:14px}.weg-blaettern button{width:34px;height:34px;color:var(--ink);cursor:pointer;transition:transform .14s var(--schwung-raus), color .18s ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.weg-blaettern button:disabled{color:#55605a;cursor:default}.weg-blaettern button:not(:disabled):active{transform:scale(.9)}.weg-blaettern span{color:var(--muted);font-variant-numeric:tabular-nums;padding:0 4px;font-size:12px;font-weight:700}.belohnung{background:radial-gradient(120% 60% at 50% 0%, #f5b53d1f, transparent 58%), var(--nacht);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid;position:relative;overflow:hidden}.belohnung>header{padding:max(14px, env(safe-area-inset-top)) 18px 6px}.belohnung-marke{color:var(--muted);letter-spacing:.16em;font-size:12px;font-weight:900}.belohnung>main{text-align:center;align-content:start;justify-items:center;gap:14px;padding:8px 18px 20px;display:grid}.belohnung h1{text-wrap:balance;max-width:17ch;margin:0;font-size:27px;line-height:1.16}.belohnung-haken{color:#06170f;background:linear-gradient(165deg, #46d99a, var(--basilikum));opacity:0;width:76px;height:76px;transition:opacity .26s var(--schwung-raus), transform .42s var(--schwung-feder);border-radius:50%;place-items:center;display:grid;transform:scale(.7);box-shadow:0 8px 28px #34c98a4d}.belohnung-haken.is-da{opacity:1;transform:scale(1)}.belohnung-xp{opacity:0;transition:opacity .3s ease, transform .38s var(--schwung-raus);background:linear-gradient(160deg,#3a2a12,#241a0d);border:1px solid #6b4a1f;border-radius:999px;align-items:baseline;gap:10px;padding:12px 28px;display:flex;transform:translateY(8px)}.belohnung-xp.is-da{opacity:1;transform:none}.belohnung-xp.ist-angekommen{animation:.52s cubic-bezier(.22,1.2,.36,1) both xp-ruck}.belohnung-xp.ist-angekommen strong{animation:.52s cubic-bezier(.22,1.2,.36,1) both xp-zahl}@keyframes xp-ruck{0%{transform:scale(1);box-shadow:0 0 #f5b53d73}38%{transform:scale(1.09);box-shadow:0 0 0 14px #f5b53d00}to{transform:scale(1);box-shadow:0 0 #f5b53d00}}@keyframes xp-zahl{0%{transform:scale(1)}38%{transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.belohnung-xp.ist-angekommen,.belohnung-xp.ist-angekommen strong{animation:none}}.belohnung-xp svg{color:var(--sonne);fill:currentColor;align-self:center}.belohnung-xp strong{color:var(--sonne);font-variant-numeric:tabular-nums;font-size:52px;font-weight:900;line-height:1}.belohnung-xp span{color:var(--sonne);font-size:14px;font-weight:800}.belohnung-werte{border:1px solid var(--kante);background:var(--kante);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;width:100%;max-width:380px;margin:0;display:grid;overflow:hidden}.belohnung-werte>div{background:var(--stein);padding:9px 6px 10px}.belohnung-werte dt{color:var(--muted);font-size:10.5px;line-height:1.25}.belohnung-werte dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:21px;font-weight:900}.belohnung-ziel{border:1px solid var(--kante);background:var(--stein);opacity:0;width:100%;max-width:380px;transition:opacity .3s ease, transform .38s var(--schwung-raus), border-color .4s ease;border-radius:12px;gap:8px;padding:14px 15px;display:grid;transform:translateY(10px)}.belohnung-ziel.is-da{opacity:1;transform:none}.belohnung-ziel.is-erreicht{border-color:var(--basilikum-tief);background:#34c98a1a}.ziel-kopf{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.ziel-kopf svg{color:var(--basilikum)}.ziel-kopf b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto}.ziel-balken{background:#ffffff1a;border-radius:4px;height:8px;display:block;overflow:hidden}.ziel-balken i{background:linear-gradient(90deg, var(--basilikum-tief), var(--basilikum));height:100%;transition:width .9s var(--schwung-raus);border-radius:4px;display:block}.belohnung-ziel small{color:var(--sonne);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.belohnung-rang{border:1px solid var(--sonne-tief);text-align:left;opacity:0;width:100%;max-width:380px;transition:opacity .32s ease, transform .52s var(--schwung-feder);background:linear-gradient(150deg,#f5b53d33,#f5b53d0d);border-radius:14px;align-items:center;gap:13px;padding:15px 16px;display:flex;transform:scale(.94)}.belohnung-rang.is-da{opacity:1;transform:none}.rang-krone{color:#1a1204;background:linear-gradient(165deg, #ffcd5c, var(--sonne));border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.belohnung-rang small{color:var(--sonne);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.belohnung-rang b{margin:2px 0 1px;font-size:19px;line-height:1.15;display:block}.belohnung-rang em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.35}.belohnung-abzeichen{opacity:0;gap:8px;width:100%;max-width:380px;margin:0;padding:0;list-style:none;transition:opacity .3s;display:grid}.belohnung-abzeichen.is-da{opacity:1}.belohnung-abzeichen li{border:1px solid var(--sonne-tief);text-align:left;animation:abzeichen-rein .52s var(--schwung-feder) both;animation-delay:var(--verzug,0s);background:#f5b53d1a;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:1px 13px;padding:12px 15px;display:grid}.belohnung-abzeichen span{grid-row:1/3;align-self:center;font-size:28px;line-height:1}.belohnung-abzeichen b{color:var(--sonne);font-size:15px}.belohnung-abzeichen small{color:var(--muted);font-size:12px}@keyframes abzeichen-rein{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:none}}.belohnung-notiz{max-width:34ch;color:var(--muted);margin:0;font-size:13px;line-height:1.45}.belohnung-fuss{padding:12px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--kante);background:var(--nacht);gap:9px;display:grid}.konfetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.konfetti i{top:-20px;left:var(--links);width:var(--breite,6px);background:var(--farbe);height:11px;animation:konfetti-fall 1.9s cubic-bezier(.25, .6, .4, 1) var(--verzug,0s) both;border-radius:1px;position:absolute}@keyframes konfetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:1}to{transform:translateY(78vh) rotate(var(--dreh));opacity:0}}@media (prefers-reduced-motion:reduce){.konfetti{display:none}.belohnung-haken,.belohnung-xp,.belohnung-ziel,.belohnung-rang,.belohnung-abzeichen{opacity:1;transition:none;transform:none}.belohnung-abzeichen li{animation:none}.ziel-balken i{transition:none}}.einstieg{background:radial-gradient(130% 55% at 50% 0%, #f5b53d21, transparent 60%), var(--nacht);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.einstieg-kopf{padding:max(16px, env(safe-area-inset-top)) 20px 8px;justify-content:space-between;align-items:center;gap:16px;display:flex}.einstieg-punkte{gap:6px;display:flex}.einstieg-punkte i{background:var(--kante);width:24px;height:4px;transition:background .3s var(--schwung-raus);border-radius:2px;display:block}.einstieg-punkte i.is-da{background:var(--sonne)}.einstieg-seite{padding:18px 20px calc(24px + env(safe-area-inset-bottom));animation:seite-rein .34s var(--schwung-raus);align-content:start;gap:12px;display:grid}@keyframes seite-rein{0%{opacity:0;transform:translateY(10px)}}.einstieg-kicker{color:var(--sonne);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:850;display:inline-flex}.einstieg-seite h1{letter-spacing:-.02em;text-wrap:balance;max-width:15ch;margin:0;font-size:33px;line-height:1.08}.einstieg-seite>p{max-width:40ch;color:var(--muted);margin:0 0 6px;font-size:15px;line-height:1.5}.grund-liste,.ziel-liste{gap:9px;margin:4px 0 0;padding:0;list-style:none;display:grid}.grund-liste button{border:1px solid var(--kante);background:var(--stein);width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform .15s var(--schwung-raus), border-color .2s ease, background .2s ease;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:1px 14px;padding:15px 44px 15px 16px;display:grid;position:relative}.grund-liste button:active{transform:scale(.985)}.grund-liste button.is-gewaehlt{border-color:var(--sonne);background:#f5b53d1a}.grund-liste span[aria-hidden]{grid-row:1/3;align-self:center;font-size:27px;line-height:1}.grund-liste b{font-size:16px}.grund-liste small{color:var(--muted);font-size:13px;line-height:1.35}.grund-haken{color:var(--sonne);position:absolute;top:50%;right:15px;transform:translateY(-50%)}.ziel-liste button{border:1px solid var(--kante);background:var(--stein);width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform .15s var(--schwung-raus), border-color .2s ease, background .2s ease;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.ziel-liste button:active{transform:scale(.985)}.ziel-liste button.is-gewaehlt{border-color:var(--basilikum);background:#34c98a1a}.ziel-liste button.is-gewaehlt>svg{color:var(--basilikum);margin-left:auto}.ziel-menge{background:var(--stein-hoch);width:54px;height:54px;color:var(--sonne);border-radius:12px;flex-shrink:0;place-items:center;font-size:19px;font-weight:900;line-height:1;display:grid}.ziel-menge small{color:var(--muted);font-size:10px;font-weight:700}.ziel-text{gap:2px;min-width:0;display:grid}.ziel-text b{font-size:16px}.ziel-text small{color:var(--muted);font-size:13px;line-height:1.35}.konto-wahl{gap:10px;min-width:0;margin-top:4px;display:grid}.konto-karte{border:1px solid var(--kante);background:var(--stein);width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;transition:transform .15s var(--schwung-raus), border-color .2s ease;border-radius:14px;gap:4px;padding:16px;display:grid}.konto-karte:not(.is-code):active{transform:scale(.985)}.konto-karte.is-code{cursor:default}.konto-symbol{width:40px;height:40px;color:var(--meer);background:#4aa5d924;border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.konto-karte b{font-size:16px}.konto-karte small{color:var(--muted);font-size:13px;line-height:1.4}.code-zeile{gap:8px;margin-top:10px;display:flex}.code-zeile input{min-width:0;min-height:46px;color:var(--ink);border:1px solid var(--kante-hell);letter-spacing:.08em;background:#0c100e;border-radius:9px;flex:1;padding:10px 13px;font-family:inherit;font-size:16px}.code-zeile input:focus-visible{border-color:var(--meer);outline:none}.code-zeile .secondary-button{width:auto;min-height:46px;padding-inline:16px}.code-hinweis{color:var(--muted);margin:9px 0 0;font-size:12.5px;line-height:1.4}.start-wahl{gap:9px;margin-top:8px;display:grid}.einstieg-fuss{margin-top:8px}.einstieg-ueberspringen{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:center;margin-top:6px;padding:10px 16px;font-family:inherit;font-size:14px;text-decoration:underline}.einstieg-ueberspringen:active{color:var(--ink)}@media (prefers-reduced-motion:reduce){.einstieg-seite{animation:none}}.belohnung-lob{opacity:0;gap:2px;margin:10px 0 0;transition:opacity .42s,transform .42s cubic-bezier(.22,.9,.3,1);display:grid;transform:translateY(6px)}.belohnung-lob.is-da{opacity:1;transform:none}.belohnung-lob b{color:var(--yellow);letter-spacing:.1px;font-size:21px;font-style:italic;font-weight:800}.belohnung-lob small{color:var(--muted);font-size:13px}.serienkarte{text-align:center;opacity:0;width:100%;max-width:380px;transition:opacity .36s ease, transform .46s var(--schwung-feder);background:linear-gradient(165deg,#3d2b12,#1e1710);border:1px solid #6b4a1f;border-radius:16px;justify-items:center;gap:3px;margin-top:14px;padding:20px 18px 18px;display:grid;position:relative;transform:translateY(10px)scale(.97)}.serienkarte.is-da{opacity:1;transform:none}.serienkarte-flamme{color:var(--sonne)}.serienkarte.is-da .serienkarte-flamme{transform-origin:50% 85%;animation:2.4s ease-in-out .5s infinite flamme;display:block}.serienkarte-zahl{color:var(--sonne);font-variant-numeric:tabular-nums;font-size:44px;font-weight:900;line-height:1.05}.serienkarte b{color:var(--sonne);font-size:18px;font-style:italic;font-weight:800}.serienkarte small{color:#ddd3c0;max-width:30ch;margin-top:2px;font-size:13.5px;line-height:1.4}.serienkarte em{color:var(--muted);margin-top:7px;font-size:12px;font-style:normal}@media (prefers-reduced-motion:reduce){.serienkarte.is-da .serienkarte-flamme{animation:none}}:root{--verjuengung:16px;--kante-hoehe:16px;--stein-schrift:#221a10;--stein-schrift-leise:#43372a}.ort{--ort-akzent:var(--sonne,#f5b53d);--ort-tief:var(--sonne-tief,#c98b1c);--ort-glut:#f7dfa8;--stein-hell:#e9dcc3;--stein-mittel:#bfae90;--stein-dunkel:#93856c;margin:0 0 6px;position:relative}.ort-kopf{margin:0 -18px 4px;padding:0 18px;position:relative}.ort-bild{background-color:var(--stein,#161c19);background-position:50% 38%;background-size:cover;height:172px;margin:0 -18px;display:block}.ort-kopf:after{content:"";pointer-events:none;background:linear-gradient(180deg, #080b0c80 0%, #080b0c0a 32%, #080b0cd6 74%, #080b0c 100%), linear-gradient(180deg, transparent 42%, color-mix(in srgb, var(--ort-tief) 26%, transparent) 100%);height:172px;position:absolute;inset:0 0 auto}.ort.is-fern .ort-bild{filter:saturate(.35)brightness(.5)}.ort-blaettern{z-index:2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#080b0c9e;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:18px}.ort-blaettern button{width:40px;height:40px;color:var(--ink);cursor:pointer;transition:transform .14s var(--schwung-raus), background .14s ease;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.ort-blaettern button:after{content:"";position:absolute;inset:-4px}.ort-blaettern button{position:relative}.ort-blaettern button:not(:disabled):active{background:#ffffff1a;transform:scale(.9)}.ort-blaettern button:disabled{opacity:.3;cursor:default}.ort-blaettern span{font-variant-numeric:tabular-nums;color:var(--muted);padding:0 5px;font-size:12px;font-weight:800}.ort-text{z-index:1;margin-top:-60px;position:relative}.ort-etappe{background:color-mix(in srgb, var(--ort-akzent) 18%, transparent);color:var(--ort-akzent);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:7px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-flex}.ort-text h2{letter-spacing:-.02em;margin:0 0 6px;font-size:34px;font-weight:900;line-height:1.02}.ort-stiege{border-bottom:1px solid var(--kante,#2b342f);flex-wrap:wrap;align-items:baseline;gap:4px 9px;margin:0 0 11px;padding-bottom:11px;display:flex}.ort-stiege b{color:#cdd6d1;font-size:14px;font-style:italic;font-weight:700}.ort-stiege span{letter-spacing:.04em;color:var(--ort-akzent);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:900}.ort-ferne{color:#c3cbc6;background:#ffffff0a;border-radius:9px;align-items:center;gap:7px;margin:0 0 11px;padding:8px 11px;font-size:13px;font-weight:700;display:flex}.ort-ferne svg{color:var(--ort-akzent);flex-shrink:0}.ort-beschreibung{color:#b3beb8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.ort-beschreibung.is-offen{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.ort-mehr{min-height:44px;color:var(--ort-akzent);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:0 0 9px;padding:0 4px;font-size:12.5px;font-weight:800;display:inline-flex}.ort-mehr svg{transition:transform .2s var(--schwung-raus)}.ort-mehr.is-offen svg{transform:rotate(180deg)}.ort-zaehler{align-items:center;gap:9px;height:8px;display:flex;position:relative}.ort-zaehler:before{content:"";background:#ffffff14;border-radius:99px;height:8px;position:absolute;left:0;right:66px}.ort-zaehler i{z-index:1;background:linear-gradient(90deg, var(--ort-tief), var(--ort-akzent));height:8px;transition:width .52s var(--schwung-raus);border-radius:99px;position:relative}.ort-zaehler small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:800;position:absolute;right:0}.ort.is-komplett .ort-zaehler i{background:linear-gradient(90deg, var(--basilikum-tief), var(--basilikum))}.scalinata{margin:18px -18px 0;padding:26px 18px 20px;position:relative;overflow:hidden}.scalinata:before{content:"";background:radial-gradient(84% 40% at 50% 100%, color-mix(in srgb, var(--ort-glut) 26%, transparent), transparent 68%), linear-gradient(180deg, #080b0a 0%, #0c100e 44%, #0a0e0c 100%);position:absolute;inset:0}.scalinata>*{z-index:1;position:relative}.stufen{flex-direction:column;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.stufe{width:calc(100% - var(--tiefe,0) * var(--verjuengung));margin-bottom:var(--kante-hoehe);z-index:calc(30 - var(--tiefe,0));position:relative}.stufe-front{width:100%;min-height:66px;color:var(--stein-schrift);text-align:left;cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--stein-hell) 62%, var(--stein-mittel)) 0%, color-mix(in srgb, var(--stein-hell) 30%, var(--stein-mittel)) 62%, var(--stein-mittel) 100%);transition:transform .13s var(--schwung-raus), filter .13s ease;border:0;border-radius:3px 3px 0 0;align-items:center;gap:12px;padding:11px 70px 11px 14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff80}.stufe-front:after{content:"";height:var(--kante-hoehe);background:linear-gradient(180deg, color-mix(in srgb, var(--stein-dunkel) 88%, #000) 0%, #14100b 55%, #070a08 100%);border-radius:0 0 3px 3px;position:absolute;top:100%;left:0;right:0;box-shadow:0 9px 13px -4px #0c0701d9}.stufe-front:not(:disabled):active{filter:brightness(.97);transform:translateY(2px)}.stufe-front:focus-visible{outline:3px solid var(--ort-akzent);outline-offset:3px}.stufe-front:disabled{cursor:not-allowed}.stufe-marke{background:linear-gradient(160deg,#28180829,#ffffff38);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:inset 0 2px 3px #1e120657,inset 0 -1px #ffffff6b}.stufe-zeichen{z-index:1;font-variant-numeric:tabular-nums;color:var(--stein-schrift);place-items:center;font-size:16px;font-style:normal;font-weight:900;display:grid;position:relative}.stufe-text{flex:1;gap:2px;min-width:0;display:grid}.stufe-text b{letter-spacing:-.01em;color:var(--stein-schrift);font-size:15.5px;font-weight:800;line-height:1.18}.stufe-text small{color:var(--stein-schrift-leise);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.32;display:-webkit-box;overflow:hidden}.stufe-text em{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--ort-tief) 82%, #000);margin-top:3px;font-size:11px;font-style:normal;font-weight:900}.stufe.is-fertig .stufe-front{filter:saturate(.84)brightness(.93)}.stufe.is-fertig .stufe-marke{background:linear-gradient(160deg,#3fd694,#178f5b);box-shadow:inset 0 1px 2px #ffffff73,0 1px 3px #140c0466}.stufe.is-fertig .stufe-zeichen{color:#06301c}.stufe.is-begonnen .stufe-marke{box-shadow:inset 0 0 0 2px var(--ort-tief), inset 0 1px 2px #fff6}.stufe.is-gesperrt .stufe-front,.stufe.is-gesperrt .stufe-front:after{filter:brightness(.44)saturate(.35)}.stufe.is-gesperrt .stufe-front{cursor:not-allowed}.stufe.is-aktuell .stufe-front{background:linear-gradient(180deg, color-mix(in srgb, var(--stein-hell) 92%, #fff) 0%, var(--stein-hell) 58%, color-mix(in srgb, var(--stein-hell) 55%, var(--stein-mittel)) 100%);min-height:84px;box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 2px color-mix(in srgb, var(--ort-akzent) 48%, transparent), 0 0 38px -6px color-mix(in srgb, var(--ort-glut) 60%, transparent)}.stufe.is-aktuell .stufe-marke{background:linear-gradient(160deg, color-mix(in srgb, var(--ort-akzent) 82%, #fff), var(--ort-tief));width:44px;height:44px;box-shadow:inset 0 1px 2px #ffffff80,0 2px 5px #1e120659}.stufe.is-aktuell .stufe-zeichen{color:#201406}.stufe.is-aktuell .stufe-text b{font-size:17px}.stufe-ring{background:conic-gradient(#fffdf6 var(--winkel,0deg), #2818084d 0);border-radius:50%;animation:3s ease-in-out infinite stufe-atmen;position:absolute;inset:-4px}.stufe-ring:after{content:"";background:linear-gradient(160deg, color-mix(in srgb, var(--ort-akzent) 82%, #fff), var(--ort-tief));border-radius:50%;position:absolute;inset:4px}@keyframes stufe-atmen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.84;transform:scale(1.06)}}.truhe{z-index:3;cursor:pointer;perspective:260px;background:0 0;border:0;width:48px;height:44px;padding:0;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.truhe.is-zu{cursor:default}.truhe:focus-visible{outline:3px solid var(--ort-akzent);outline-offset:4px;border-radius:5px}.truhe-korpus{background:linear-gradient(#8a5a30 0%,#6b4020 55%,#4a2b13 100%);border-radius:2px 2px 4px 4px;height:23px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #1e0f0499,0 4px 7px -3px #0a0601cc}.truhe-deckel{transform-origin:bottom;background:linear-gradient(#a06c3c 0%,#83512a 60%,#633a1a 100%);border-radius:9px 9px 1px 1px;height:19px;transition:transform .56s cubic-bezier(.3,1.15,.45,1);position:absolute;bottom:21px;left:-1px;right:-1px;transform:rotateX(0);box-shadow:inset 0 1px #ffdfaa59,inset 0 0 0 1px #1e0f048c}.truhe.is-offen .truhe-deckel{transform:rotateX(-108deg)}.truhe-band{background:linear-gradient(90deg,#b48a3c,#edc873 45%,#a87c2e);width:7px;margin-left:-3.5px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 .5px #28180680}.truhe-korpus .truhe-band{border-radius:0 0 2px 2px}.truhe-deckel .truhe-band{border-radius:4px 4px 0 0}.truhe-schloss{color:#3b280a;background:linear-gradient(160deg,#e6c069,#9d7226);border-radius:2px;place-items:center;width:13px;height:12px;margin-left:-6.5px;display:grid;position:absolute;top:4px;left:50%;box-shadow:0 1px 2px #00000080}.truhe-schein{pointer-events:none;opacity:0;background:radial-gradient(circle,#ffe8a8f2 0%,#ffc45c73 42%,#ffbe5000 70%);border-radius:50%;width:46px;height:46px;margin-left:-23px;position:absolute;bottom:14px;left:50%;transform:scale(.3)}.truhe.is-offen .truhe-schein{animation:truhe-licht .9s .16s var(--schwung-raus) both}@keyframes truhe-licht{0%{opacity:0;transform:scale(.3)}38%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(1)}}.truhe-fund{z-index:2;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px #3c220a80);font-size:18px;line-height:1;transition:transform .56s cubic-bezier(.2,1.35,.4,1) .2s,opacity .22s .2s;position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px)scale(.4)}.truhe.is-offen .truhe-fund{opacity:1;transform:translate(-50%,-16px)scale(1)}.truhe-funke{opacity:0;pointer-events:none;background:#ffe09a;border-radius:50%;width:3px;height:3px;position:absolute;bottom:22px}.truhe-funke.f1{left:26%}.truhe-funke.f2{left:48%}.truhe-funke.f3{left:70%}.truhe.is-offen .truhe-funke{animation:truhe-funke .78s var(--schwung-raus) both}.truhe.is-offen .f1{animation-delay:.21s}.truhe.is-offen .f2{animation-delay:.29s}.truhe.is-offen .f3{animation-delay:.36s}@keyframes truhe-funke{0%{opacity:0;transform:translateY(0)scale(.5)}25%{opacity:1}to{opacity:0;transform:translateY(-28px)scale(1.15)}}.truhe.is-zu .truhe-korpus{background:linear-gradient(#4a3018 0%,#392208 55%,#281706 100%)}.truhe.is-zu .truhe-deckel{background:linear-gradient(#563820 0%,#402611 60%,#2e1a08 100%)}.truhe.is-zu .truhe-band{background:linear-gradient(90deg,#6a5325,#96793c 45%,#5f4a1f)}.truhe.is-bereit .truhe-korpus,.truhe.is-bereit .truhe-deckel{box-shadow:inset 0 0 0 1px #1e0f0499, 0 0 16px 2px color-mix(in srgb, var(--ort-glut) 70%, transparent)}.truhe.is-bereit{animation:3.4s ease-in-out infinite truhe-wackelt}@keyframes truhe-wackelt{0%,84%,to{transform:translateY(-50%)rotate(0)}88%{transform:translateY(-50%)rotate(-5deg)}92%{transform:translateY(-50%)rotate(4deg)}96%{transform:translateY(-50%)rotate(-2deg)}}.truhe:not(.is-zu):active{animation:none;transform:translateY(-50%)scale(.93)}.ankunft{width:100%;margin-top:4px;position:relative}.ankunft-boden{background:linear-gradient(180deg, var(--stein-hell), var(--stein-mittel));border-radius:4px 4px 0 0;height:13px;display:block;box-shadow:inset 0 1px #ffffff80}.ankunft-tafel{text-align:center;background:linear-gradient(#1b211d 0%,#121714 100%);border-radius:0 0 6px 6px;padding:22px 20px 24px;box-shadow:inset 0 0 0 1px #ffffff0f}.ankunft-schild{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:900;display:block}.ankunft-tafel p{color:#a9b2ad;margin:0;font-size:14px;line-height:1.45}.ankunft-tafel em{color:var(--ort-glut);border-top:1px solid #ffffff1f;gap:2px;margin-top:12px;padding-top:12px;font-size:14px;font-style:italic;display:grid}.ankunft-tafel em span{color:var(--muted);font-size:12.5px;font-style:normal}.ankunft.is-erreicht .ankunft-boden{background:linear-gradient(180deg, color-mix(in srgb, var(--ort-glut) 55%, var(--stein-hell)), var(--stein-hell))}.ankunft.is-erreicht .ankunft-tafel{background:radial-gradient(112% 130% at 50% -12%, color-mix(in srgb, var(--ort-glut) 88%, #fff) 0%, var(--ort-akzent) 44%, color-mix(in srgb, var(--ort-tief) 82%, #241505) 100%);box-shadow:0 0 44px -8px color-mix(in srgb, var(--ort-glut) 70%, transparent)}.ankunft.is-erreicht .ankunft-schild{letter-spacing:-.015em;text-transform:none;color:#241605;font-size:25px;font-weight:900}.ankunft.is-erreicht .ankunft-tafel p{color:#3d2a0e;font-weight:600}.ankunft.is-erreicht .ankunft-tafel em{color:#2e1d06;border-top-color:#28180842}.ankunft.is-erreicht .ankunft-tafel em span{color:#5b421c}.scalinata-fuss{text-align:center;color:#6f7a75;letter-spacing:.05em;text-transform:uppercase;margin:18px 0 0;font-size:11.5px;font-weight:700}.blatt-huelle{z-index:90;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.blatt-grund{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040706bd;border:0;padding:0;animation:.22s both grund-auf;position:absolute;inset:0}@keyframes grund-auf{0%{opacity:0}}.blatt{background:linear-gradient(180deg, #1b2320, var(--nacht,#0e1210) 220px);width:100%;max-width:560px;max-height:92vh;animation:blatt-rein .32s var(--schwung-raus) both;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:relative;box-shadow:0 -10px 44px #0009}@keyframes blatt-rein{0%{opacity:0;transform:translateY(26px)}}.blatt-kopf{justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 8px;display:flex}.blatt-kopf:before{content:"";background:#ffffff2b;border-radius:99px;width:38px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.blatt-art{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 9px;font-size:11.5px;font-weight:900;display:inline-flex}.blatt-art span{font-size:14px}.art-kultur{color:#7cc4ec;background:#4aa5d929}.art-rezept{color:#f09571;background:#e2704a2b}.art-sprache{color:#55d6a1;background:#34c98a26}.art-ort{color:var(--sonne,#f5b53d);background:#f5b53d29}.blatt-inhalt{-webkit-overflow-scrolling:touch;flex:1;padding:4px 20px 20px;overflow-y:auto}.blatt-herkunft{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11.5px;font-weight:800;display:block}.blatt-inhalt h2{letter-spacing:-.02em;margin:0 0 14px;font-size:26px;font-weight:900;line-height:1.1}.blatt-inhalt>p{color:#cbd4cf;margin:0 0 13px;font-size:15px;line-height:1.58}.blatt-rezept{background:#e2704a0e;border:1px solid #e2704a38;border-radius:14px;margin:18px 0 4px;padding:16px}.rezept-kopf{border-bottom:1px solid #e2704a38;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:13px;padding-bottom:12px;display:flex}.rezept-kopf h3{color:#f5b18f;flex:1 0 100%;margin:0;font-size:19px;font-style:italic;font-weight:900}.rezept-kopf span{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.blatt-rezept h4{letter-spacing:.1em;text-transform:uppercase;color:#f09571;margin:0 0 9px;font-size:11.5px;font-style:italic;font-weight:900}.rezept-zutaten{gap:7px;margin:0 0 18px;padding:0;list-style:none;display:grid}.rezept-zutaten li{border-bottom:1px dotted #ffffff17;flex-wrap:wrap;align-items:baseline;gap:3px 10px;padding-bottom:7px;display:flex}.rezept-zutaten b{font-size:14.5px;font-weight:700}.rezept-zutaten small{color:var(--muted);font-size:12.5px}.rezept-schritte{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rezept-schritte li{align-items:flex-start;gap:11px;display:flex}.rezept-nummer{color:#f5b18f;background:#e2704a33;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.rezept-schritte li>span:last-child{gap:2px;display:grid}.rezept-schritte b{font-size:14.5px;font-weight:700;line-height:1.36}.rezept-schritte small{color:var(--muted);font-size:12.5px;line-height:1.4}.blatt-wendung{border-left:3px solid var(--sonne,#f5b53d);background:#f5b53d12;border-radius:14px;margin-top:20px;padding:15px 16px}.wendung-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--sonne,#f5b53d);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-flex}.blatt-wendung p{letter-spacing:-.01em;margin:0 0 4px;font-size:19px;font-weight:800;line-height:1.3}.blatt-wendung small{color:var(--muted);font-size:13.5px;line-height:1.4;display:block}.wendung-hoeren{color:var(--sonne,#f5b53d);cursor:pointer;transition:transform .14s var(--schwung-raus);background:#f5b53d1a;border:1px solid #f5b53d57;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:8px 15px 8px 12px;font-size:13.5px;font-weight:800;display:inline-flex}.wendung-hoeren:active{transform:scale(.95)}.blatt-fuss{padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--kante,#2b342f);background:var(--nacht,#0e1210)}.sammlung-section,.rangleiter-section{border:1px solid var(--kante,#2b342f);background:var(--stein,#161c19);border-radius:16px;margin:18px 0 0;padding:16px}.sammlung-section>header,.rangleiter-section>header{color:var(--sonne,#f5b53d);align-items:center;gap:12px;margin-bottom:15px;display:flex}.sammlung-section>header div,.rangleiter-section>header div{gap:2px;min-width:0;display:grid}.sammlung-section>header span,.rangleiter-section>header span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:900}.sammlung-section>header strong,.rangleiter-section>header strong{color:var(--ink);font-size:14.5px;font-weight:800}.sammlung-karten{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:7px;margin-bottom:18px;display:grid}.sammlung-karte{aspect-ratio:1;border:1px solid var(--kante,#2b342f);color:var(--muted);filter:grayscale();opacity:.4;cursor:default;transition:transform .15s var(--schwung-raus);background:#ffffff05;border-radius:9px;place-items:center;padding:0;font-size:17px;display:grid}.sammlung-karte.is-offen{filter:none;opacity:1;cursor:pointer;border-color:var(--sonne-tief,#c98b1c);background:#f5b53d1a}.sammlung-karte.is-offen:active{transform:scale(.9)}.sammlung-karte:focus-visible{outline:3px solid var(--sonne,#f5b53d);outline-offset:2px}.rangleiter{gap:3px;margin:0;padding:0;list-style:none;display:grid}.rangleiter li{opacity:.48;border-radius:10px;align-items:center;gap:11px;padding:9px 11px;display:flex}.rangleiter li.is-erreicht{opacity:1}.rangleiter li.is-jetzt{box-shadow:inset 0 0 0 1px var(--sonne-tief,#c98b1c);background:#f5b53d1a}.rangleiter-stufe{font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.rangleiter li.is-erreicht .rangleiter-stufe{background:var(--sonne-tief,#c98b1c);color:#1a1206}.rangleiter-text{flex:1;gap:1px;min-width:0;display:grid}.rangleiter-text b{font-size:14px;font-style:italic;font-weight:800}.rangleiter-text small{color:var(--muted);font-size:11.5px;line-height:1.3}.rangleiter-xp{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11.5px;font-weight:800}.belohnung-fund{border:1px solid var(--sonne-tief,#c98b1c);width:100%;color:inherit;text-align:left;cursor:pointer;opacity:0;transition:opacity .4s var(--schwung-raus), transform .4s var(--schwung-raus);background:linear-gradient(135deg,#f5b53d29,#f5b53d0a);border-radius:14px;align-items:center;gap:13px;margin-top:18px;padding:14px;display:flex;transform:translateY(10px)}.belohnung-fund.is-da{opacity:1;transform:none}.belohnung-fund:active{transform:scale(.985)}.fund-symbol{background:radial-gradient(130% 110% at 50% 26%,#ffeec7,#d9a860 60%,#8a6234);border-radius:5px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:21px;display:grid;position:relative;box-shadow:inset 0 2px 8px #321a0680}.fund-symbol:after{content:"";background:repeating-linear-gradient(#ffffff1f 0 1px,#0003 1px 2px,#0000 2px 5px),linear-gradient(148deg,#55875f,#2c4f36);border-radius:5px 0 0 5px;width:30%;position:absolute;top:0;bottom:0;left:0;box-shadow:3px 0 6px -2px #0009}.fund-text{flex:1;gap:2px;min-width:0;display:grid}.fund-text small{letter-spacing:.09em;text-transform:uppercase;color:var(--sonne,#f5b53d);align-items:center;gap:5px;font-size:10.5px;font-weight:900;display:inline-flex}.fund-text b{font-size:15px;font-weight:800;line-height:1.2}.fund-text em{color:var(--muted);font-size:12.5px;font-style:normal;line-height:1.3}@media (hover:hover) and (pointer:fine){.stufe-front:not(:disabled):hover{filter:brightness(1.04)}.stufe.is-fertig .stufe-front:hover{filter:saturate(.84)brightness()}.truhe:not(.is-zu):hover .truhe-deckel{transform:rotateX(-26deg)}.truhe.is-offen:hover .truhe-deckel{transform:rotateX(-108deg)}.truhe:not(.is-zu):hover{animation:none}.sammlung-karte.is-offen:hover{transform:translateY(-2px)}}@media (width>=700px){:root{--verjuengung:30px;--kante-hoehe:20px}.ort-bild,.ort-kopf:after{height:232px}.ort-text h2{font-size:40px}.stufe-front{min-height:74px}.stufe.is-aktuell .stufe-front{min-height:92px}.stufe-text b{font-size:16.5px}.truhe{width:56px;height:51px;right:18px}.stufe-front{padding-right:84px}.blatt-huelle{align-items:center;padding:24px}.blatt{border-radius:20px;max-height:84vh}.blatt-kopf:before{display:none}}@media (prefers-reduced-motion:reduce){.stufe-ring,.truhe.is-bereit,.truhe.is-offen .truhe-schein,.truhe.is-offen .truhe-funke{animation:none}.truhe.is-bereit{transform:translateY(-50%)}.truhe.is-offen .truhe-schein{opacity:.5;transform:scale(1)}.truhe-deckel{transition-duration:1ms}.truhe-fund{transition-duration:1ms;transition-delay:0s}.blatt,.blatt-grund{animation:none}.belohnung-fund{opacity:1;transition:none;transform:none}.stufe-front{transition:none}}.kartenbild{flex:none;width:100%;height:132px;display:block;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}@media (height<=700px){.kartenbild{height:96px}}:root{--holz:#3a2c1e;--holz-hell:#55402b;--holz-kante:#241a10;--messing:#d3ae63}.wegweiser-anstoss{border:1px solid var(--kante,#2b342f);color:#b8c2bc;text-align:left;cursor:pointer;width:100%;transition:transform .14s var(--schwung-raus), border-color .14s ease;background:#ffffff07;border-radius:11px;align-items:center;gap:10px;margin:14px 0 4px;padding:11px 14px;font-size:13px;line-height:1.4;display:flex}.wegweiser-anstoss svg{color:var(--sonne,#f5b53d);flex-shrink:0}.wegweiser-anstoss:active{transform:scale(.99)}.wegweiser-anstoss:hover{border-color:var(--kante-hell,#3a4640)}.wegweiser-huelle{z-index:95;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.wegweiser-grund{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040706cc;border:0;padding:0;animation:.22s both wegweiser-grund-auf;position:absolute;inset:0}@keyframes wegweiser-grund-auf{0%{opacity:0}}.wegweiser{width:100%;max-width:480px;padding:16px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #1d2622, var(--nacht,#0e1210) 200px);animation:wegweiser-rein .34s var(--schwung-raus) both;border-radius:20px 20px 0 0;position:relative;box-shadow:0 -10px 44px #0000009e}@keyframes wegweiser-rein{0%{opacity:0;transform:translateY(28px)}}.wegweiser>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.wegweiser-marke{letter-spacing:.11em;text-transform:uppercase;color:var(--sonne,#f5b53d);font-size:11px;font-weight:900}.wegweiser h2{letter-spacing:-.02em;margin:16px 0 9px;font-size:23px;font-weight:900;line-height:1.12}.wegweiser p{color:#c4cec9;margin:0;font-size:15px;line-height:1.55}.wegweiser>footer{align-items:center;gap:14px;margin-top:20px;display:flex}.wegweiser>footer .primary-button{flex:1;min-height:50px}.wegweiser-punkte{flex-shrink:0;gap:6px;display:flex}.wegweiser-punkte i{background:var(--kante-hell,#3a4640);width:7px;height:7px;transition:background .22s ease, transform .22s var(--schwung-raus);border-radius:50%}.wegweiser-punkte i.is-da{background:var(--sonne,#f5b53d);transform:scale(1.25)}.wegweiser-skizze{background:linear-gradient(#0d1210,#0a0d0c);border-radius:13px;gap:5px;padding:18px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.wegweiser-skizze>i{background:linear-gradient(180deg, var(--sonne-tief,#c98b1c), #6b4b10);opacity:.45;border-radius:2px;justify-self:center;height:13px}.wegweiser-skizze>i.is-hier{opacity:1;background:linear-gradient(180deg, #ffe3a4, var(--sonne,#f5b53d));box-shadow:0 0 16px -2px #f5b53d99}.wegweiser-skizze>b{background:linear-gradient(180deg, var(--sonne,#f5b53d), var(--sonne-tief,#c98b1c));color:#1e1405;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;justify-self:center;margin-top:4px;padding:5px 20px;font-size:11px;font-weight:900}.wegweiser-skizze.is-ort{text-align:left;gap:4px}.wegweiser-skizze.is-ort>span{letter-spacing:.1em;color:var(--sonne,#f5b53d);font-size:10.5px;font-weight:900}.wegweiser-skizze.is-ort>b{color:var(--ink);letter-spacing:-.02em;text-transform:none;background:0 0;justify-self:start;margin:0;padding:0;font-size:26px}.wegweiser-skizze.is-ort>em{color:var(--muted);font-size:12.5px;font-style:italic}.wegweiser-skizze.is-truhe{grid-template-columns:1fr 1fr;place-items:center;gap:18px;padding:22px 16px}.skizze-truhe{width:46px;height:40px;position:relative}.skizze-truhe i{background:linear-gradient(#8a5a30,#4a2b13);border-radius:2px 2px 4px 4px;height:22px;position:absolute;bottom:0;left:0;right:0}.skizze-truhe em{transform-origin:bottom;background:linear-gradient(#a06c3c,#633a1a);border-radius:9px 9px 1px 1px;height:18px;position:absolute;bottom:20px;left:-1px;right:-1px}.skizze-truhe.is-offen em{transform:rotate(-24deg)translateY(-3px)}.skizze-truhe u{font-size:17px;text-decoration:none;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.wegweiser-skizze.is-bottega{grid-template-columns:auto auto auto;place-items:center;gap:8px 10px;padding:20px 16px}.wegweiser-skizze.is-bottega>span{color:#a8c8b6;background:#7d9c8b29;border-radius:999px;padding:5px 11px;font-size:13px;font-style:italic}.wegweiser-skizze.is-bottega>b{color:#16241d;letter-spacing:-.01em;text-transform:none;background:linear-gradient(#a8d0bb,#6d9682);grid-column:1/-1;margin-top:6px;padding:7px 16px;font-size:15px;font-style:italic}.bottega{background:repeating-linear-gradient(90deg, #ffffff03 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--holz) 0%, var(--holz-kante) 100%);margin:26px -18px 0;padding:26px 18px 24px;position:relative;box-shadow:inset 0 1px #ffe0aa1f,inset 0 -1px #00000080}.bottega-kopf{margin-bottom:20px}.bottega-marke{color:var(--messing);letter-spacing:.1em;text-transform:uppercase;background:#d3ae6329;border-radius:999px;align-items:center;gap:7px;margin-bottom:9px;padding:4px 11px;font-size:11px;font-weight:900;display:inline-flex}.bottega-kopf h2{letter-spacing:-.025em;color:#f2e6d2;margin:0 0 9px;font-size:32px;font-style:italic;font-weight:900;line-height:1.03}.bottega-satz{color:#d5c6b0;margin:0 0 11px;font-size:15px;line-height:1.5}.bottega-warum{border-left:3px solid var(--messing);color:#c3b49e;background:#00000042;border-radius:0 8px 8px 0;margin:0 0 16px;padding:12px 14px;font-size:13.5px;line-height:1.55}.bottega-warum b{color:#f0dcb8;font-style:italic;font-weight:700}.bottega-zaehler{align-items:center;height:7px;display:flex;position:relative}.bottega-zaehler:before{content:"";background:#00000059;border-radius:99px;height:7px;position:absolute;left:0;right:92px}.bottega-zaehler i{z-index:1;background:linear-gradient(90deg, #8a6a2e, var(--messing));height:7px;transition:width .52s var(--schwung-raus);border-radius:99px;position:relative}.bottega-zaehler small{color:#a3927a;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:800;position:absolute;right:0}.werkbank{gap:9px;margin:0;padding:0;list-style:none;display:grid}.werkstueck>button{width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform .14s var(--schwung-raus), box-shadow .14s ease;background:linear-gradient(#fff0d616,#fff0d608);border:0;border-radius:10px;align-items:center;gap:13px;padding:13px 14px;display:flex;box-shadow:inset 0 0 0 1px #ffe0aa1a,0 3px 8px -3px #0009}.werkstueck>button:active{transform:translateY(2px)}.werkstueck>button:focus-visible{outline:3px solid var(--messing);outline-offset:3px}.werkstueck-nr{color:#cbb790;font-variant-numeric:tabular-nums;background:#00000052;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffe0aa24}.werkstueck.is-geuebt .werkstueck-nr{color:#0f1c15;box-shadow:none;background:linear-gradient(160deg,#7d9c8b,#4a6b59)}.werkstueck-text{flex:1;gap:2px;min-width:0;display:grid}.werkstueck-text b{letter-spacing:-.01em;color:#f4e9d7;font-size:16px;font-style:italic;font-weight:800}.werkstueck-text small{color:#bda98d;font-size:12.5px;line-height:1.3}.werkstueck-text em{color:#8f7f66;margin-top:3px;font-size:11.5px;font-style:normal;line-height:1.35}.werkstueck-stand{color:var(--messing);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:5px;font-size:12.5px;font-weight:800;display:inline-flex}.bottega-fuss{color:#8f7f66;text-align:center;margin:18px 0 0;font-size:12px;line-height:1.5}@media (width>=700px){.wegweiser-huelle{align-items:center;padding:24px}.wegweiser{border-radius:18px;padding-bottom:20px}.bottega-kopf h2{font-size:38px}.werkbank{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.wegweiser,.wegweiser-grund{animation:none}.wegweiser-punkte i,.werkstueck>button,.wegweiser-anstoss{transition:none}.bottega-zaehler i{transition-duration:1ms}}.missione-fatta{background:radial-gradient(120% 90% at 50% 0%, #f5b53d33, transparent 62%), linear-gradient(180deg, #1c2420, var(--nacht,#0e1210));border-radius:16px;margin:18px 0 0;padding:22px 20px 20px;box-shadow:inset 0 0 0 1px #f5b53d47}.missione-marke{letter-spacing:.11em;text-transform:uppercase;color:var(--sonne,#f5b53d);align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:900;display:inline-flex}.missione-fatta h2{letter-spacing:-.02em;margin:0 0 9px;font-size:25px;font-weight:900;line-height:1.1}.missione-fatta>p{color:#b9c3bd;margin:0 0 18px;font-size:14.5px;line-height:1.55}.missione-weiter{gap:9px;display:grid}.missione-weiter button{border:1px solid var(--kante,#2b342f);width:100%;min-height:56px;color:inherit;text-align:left;cursor:pointer;transition:transform .14s var(--schwung-raus), border-color .14s ease;background:#ffffff08;border-radius:11px;gap:2px;padding:12px 14px;display:grid}.missione-weiter button:active{transform:scale(.99)}.missione-weiter button:hover{border-color:var(--sonne-tief,#c98b1c)}.missione-weiter b{font-size:15px;font-weight:800}.missione-weiter small{color:var(--muted);font-size:12.5px;line-height:1.35}@media (width>=700px){.missione-weiter{grid-template-columns:repeat(3,1fr)}}:root{--mz-motor:#7fc3a8;--mz-motor-soft:#14251f;--mz-hoeren:#5ba7e8;--mz-hoeren-soft:#14212e;--mz-frei:#d9a353;--mz-frei-soft:#2a2113}.mikroziel-karte>h1{letter-spacing:-.01em;text-wrap:balance;margin:6px 0 10px;font-size:29px;line-height:1.1}.mikroziel-cando{color:var(--muted);margin:0 0 24px;font-size:17px;line-height:1.5}.mikroziel-motor{background:var(--mz-motor-soft);border:1px solid color-mix(in srgb, var(--mz-motor) 26%, transparent);border-radius:14px;margin:0 0 20px;padding:14px 16px}.mikroziel-motor>small{letter-spacing:.09em;text-transform:uppercase;color:var(--mz-motor);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.mikroziel-motor ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.mikroziel-motor li{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:4px 10px;display:grid}.mikroziel-motor li b{color:var(--ink);font-size:16px;font-style:italic}.mikroziel-motor li span{color:var(--muted);font-size:14px;line-height:1.4}.mikroziel-vorschau>small,.produce-bausteine>small,.produce-muster>small,.motor-regel>small,.motor-falle>small{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.mikroziel-vorschau p,.produce-muster p{border-bottom:1px solid var(--line);gap:2px;margin:0 0 12px;padding:0 0 12px;display:grid}.mikroziel-vorschau p:last-of-type,.produce-muster p:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.mikroziel-vorschau p b,.produce-muster p b{font-size:17px;font-weight:600;line-height:1.3}.mikroziel-vorschau p span,.produce-muster p span{color:var(--muted);font-size:14.5px}.motor-kopf{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:6px 0 12px;display:flex}.motor-kopf h1{color:var(--mz-motor);overflow-wrap:anywhere;margin:0;font-size:32px;font-style:italic;line-height:1.05}.motor-kopf span{color:var(--muted);font-size:16px}.motor-leistung{margin:0 0 10px;font-size:17px;line-height:1.45}.motor-kurz{color:var(--muted);margin:0 0 20px;font-size:15.5px;line-height:1.55}.motor-regel{background:var(--mz-motor-soft);border-left:3px solid var(--mz-motor);border-radius:14px;margin:0 0 18px;padding:14px 16px}.motor-regel p{overflow-wrap:anywhere;margin:0;font-size:15.5px;line-height:1.5}.motor-formen{background:var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 18px;display:grid;overflow:hidden}.motor-formen>div{background:var(--surface);padding:10px 12px}.motor-formen small{color:var(--muted);margin-bottom:2px;font-size:11.5px;display:block}.motor-formen b{font-size:16px;font-style:italic}.motor-beispiele{gap:12px;margin:0 0 18px;display:grid}.motor-beispiele p{background:var(--surface);border-radius:14px;gap:3px;margin:0;padding:12px 14px;display:grid}.motor-beispiele p b{font-size:16.5px;font-weight:600;line-height:1.3}.motor-beispiele p span{color:var(--muted);font-size:14.5px}.motor-falle{background:var(--yellow-soft);border-left:3px solid var(--yellow);border-radius:14px;margin:0;padding:14px 16px}.motor-falle p{margin:0;font-size:15px;line-height:1.5}.hoer-knopf{border:1px solid var(--line);background:var(--surface-raised);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14.5px;font-weight:600;transition:transform .14s cubic-bezier(.23,1,.32,1),border-color .14s;display:inline-flex}.hoer-knopf:active{transform:scale(.97)}.hoer-knopf.ist-aktiv{border-color:var(--mz-hoeren);color:var(--mz-hoeren)}.hoer-knopf.ist-gross{background:var(--mz-hoeren-soft);border-color:color-mix(in srgb, var(--mz-hoeren) 32%, transparent);width:100%;min-height:88px;color:var(--mz-hoeren);border-radius:18px;flex-direction:column;gap:6px;margin:0 0 22px;font-size:14px;display:flex}.hoer-knopf.ist-gross.ist-aktiv{background:color-mix(in srgb, var(--mz-hoeren) 18%, var(--mz-hoeren-soft))}.motor-beispiele .hoer-knopf{justify-self:start;min-height:40px;margin-top:6px;padding:8px 14px;font-size:13.5px}.audio-aufgabe>h1{margin:6px 0 18px}.audio-zuordnung .answer-options{gap:10px}.produce-aufgabe>h1{text-wrap:balance;margin:6px 0 18px;font-size:24px;line-height:1.22}.produce-bausteine{background:var(--mz-frei-soft);border:1px solid color-mix(in srgb, var(--mz-frei) 24%, transparent);border-radius:14px;margin:0 0 18px;padding:14px 16px}.produce-bausteine>small{color:var(--mz-frei)}.produce-woerter,.produce-motoren{flex-wrap:wrap;gap:8px;display:flex}.produce-motoren{border-top:1px solid color-mix(in srgb, var(--mz-frei) 20%, transparent);margin-top:12px;padding-top:12px}.produce-woerter span,.produce-motoren span{background:var(--surface);color:var(--muted);border-radius:9px;padding:7px 11px;font-size:13.5px;line-height:1.35}.produce-woerter b,.produce-motoren b{color:var(--ink);margin-right:5px;font-style:italic}.produce-motoren span{flex:100%}.produce-eingabe{border:1px solid var(--line);background:var(--surface);width:100%;min-height:96px;color:var(--ink);font:inherit;resize:vertical;border-radius:14px;padding:14px 16px;font-size:17px;line-height:1.45}.produce-eingabe:focus{border-color:var(--mz-frei);outline:none}.produce-eingabe::placeholder{color:var(--muted)}.produce-eingabe:disabled{opacity:.6}.produce-muster{background:var(--surface);border-radius:14px;margin:18px 0 0;padding:16px}.produce-muster em{border-top:1px solid var(--line);color:var(--muted);margin-top:14px;padding-top:14px;font-size:14px;font-style:normal;line-height:1.5;display:block}.produce-urteil{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.produce-urteil button{justify-content:center;align-items:center;gap:8px;min-height:52px;display:inline-flex}.produce-urteil .ghost-button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:14px;font-size:15px;font-weight:600;transition:transform .14s cubic-bezier(.23,1,.32,1)}.produce-urteil .ghost-button:active{transform:scale(.97)}@media (width<=374px){.mikroziel-karte>h1{font-size:25px}.motor-kopf h1{font-size:27px}.motor-formen,.produce-urteil{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hoer-knopf,.produce-urteil .ghost-button{transition:none}}.completion-ziel{letter-spacing:.03em;color:var(--muted);margin:-8px 0 18px;font-size:13px;font-weight:600}.lernlage{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:0 0 18px;padding:18px 18px 16px}.lernlage.ist-dringend{border-color:color-mix(in srgb, var(--yellow) 42%, transparent);background:color-mix(in srgb, var(--yellow-soft) 70%, var(--surface))}.lernlage-marke{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.lernlage-zu-schwer .lernlage-marke{color:var(--yellow)}.lernlage-besser .lernlage-marke,.lernlage-zu-leicht .lernlage-marke{color:var(--green)}.lernlage-kopf h2{letter-spacing:-.01em;text-wrap:balance;margin:8px 0 0;font-size:20px;line-height:1.22}.lernlage-kurve{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:6px;height:76px;margin:16px 0 6px;display:grid}.lernlage-kurve span{height:var(--hoehe,50%);background:color-mix(in srgb, var(--muted) 30%, transparent);border-radius:6px 6px 3px 3px;display:block;position:relative}.lernlage-kurve span.ist-jetzt{background:color-mix(in srgb, var(--yellow) 55%, transparent)}.lernlage-besser .lernlage-kurve span.ist-jetzt,.lernlage-zu-leicht .lernlage-kurve span.ist-jetzt{background:color-mix(in srgb, var(--green) 55%, transparent)}.lernlage-kurve b{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11.5px;font-weight:700;position:absolute;top:-17px;left:0;right:0}.lernlage-kurve span.ist-jetzt b{color:var(--ink)}.lernlage-achse{color:var(--muted);justify-content:space-between;margin:0 0 14px;font-size:11px;display:flex}.lernlage-text{color:var(--muted);margin:0 0 16px;font-size:15.5px;line-height:1.5}.lernlage-tun{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lernlage-tun .primary-button{flex:12rem;justify-content:center;align-items:center;gap:8px;min-height:48px;display:inline-flex}.lernlage-weg{min-height:48px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 14px;font-size:14.5px;font-weight:600}.lernlage-weg:active{transform:scale(.97)}@media (width<=374px){.lernlage-kurve{height:64px}.lernlage-tun .primary-button{flex-basis:100%}}.feedback-copy .verwechslung{opacity:.82;border-top:1px solid #ffffff1f;margin:8px 0 0;padding-top:8px;font-size:14px}.bottega.is-verschlossen{opacity:.72;padding-bottom:22px}.bottega-sperre{border:1px dashed var(--kante,#2a302d);color:var(--muted,#9da6a3);border-radius:10px;margin:10px 0 0;padding:11px 13px;font-size:13.5px;line-height:1.45}.sammlung-nummer{font-variant-numeric:tabular-nums;opacity:.5;font-family:inherit;font-size:12px;font-weight:700}.einstieg-ueberspringen{min-height:44px}.ort-blaettern button{min-width:44px;min-height:44px}.hoer-knopf{min-height:44px}.setting-row{min-height:52px}.transform-verbinder{border:1px solid var(--sonne,#f5b53d);background:#f5b53d1a;border-radius:999px;align-self:center;align-items:baseline;gap:10px;margin:-2px 0;padding:7px 16px;display:flex}.transform-verbinder strong{color:var(--sonne,#f5b53d);letter-spacing:.01em;font-size:16px}.transform-verbinder small{color:var(--muted,#9da6a3);font-size:12.5px}.transform-ausloeser{border:1px solid var(--meer,#4a90b8);background:#4a90b81a;border-radius:14px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:10px 14px;margin:-2px 0;padding:9px 16px;display:flex}.ausloeser-wort{align-items:baseline;gap:8px;display:flex}.ausloeser-wort strong{color:var(--meer,#4a90b8);font-size:16px}.ausloeser-wort small{color:var(--muted,#9da6a3);font-size:12.5px}.ausloeser-wechsel{border-left:1px solid #ffffff24;align-items:baseline;gap:7px;padding-left:14px;font-size:14px;display:flex}.ausloeser-wechsel span{color:var(--muted,#9da6a3);text-decoration:line-through}.ausloeser-wechsel i{color:var(--muted,#9da6a3);font-style:normal}.ausloeser-wechsel b{color:var(--sonne,#f5b53d)}@media (width<=420px){.ausloeser-wechsel{border-left:0;padding-left:0}}.lernstand-warnung{background:var(--yellow-soft);border:1px solid #6a5525;border-radius:12px;grid-template-columns:34px minmax(0,1fr) 30px;align-items:start;gap:11px;margin:0 0 14px;padding:14px 12px 14px 14px;display:grid;position:relative}.lernstand-zeichen{width:32px;height:32px;color:var(--yellow);background:#f1b94e1f;border-radius:9px;place-items:center;display:grid}.lernstand-warnung strong{font-size:15px;line-height:1.3;display:block}.lernstand-warnung p{color:#d9d2c2;margin:5px 0 0;font-size:13.5px;line-height:1.45}.lernstand-weg{color:#101112;background:var(--yellow);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:8px 13px;font-size:13.5px;font-weight:800;display:inline-flex}.lernstand-zu{width:30px;height:30px;color:var(--muted)}