@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-ui:Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Bahnschrift, sans-serif;--color-text:#1d1d1f;--color-muted:#6e6e73;--color-tertiary:#8e8e93;--color-canvas:#f5f5f7;--color-surface:#fff;--color-border:#e5e5ea;--color-border-strong:#d2d2d7;--color-accent:#0071e3;--color-accent-hover:#0058b4;--color-accent-soft:#e8f2fd;--color-danger:#b42336;--color-danger-soft:#fff1f2;--color-success:#22784a;--radius-control:10px;--radius-card:18px;--radius-large:26px;--shadow-card:0 10px 30px #0000000f, 0 2px 8px #0000000a;--motion-fast:.18s cubic-bezier(.2, .75, .25, 1);--motion-normal:.26s cubic-bezier(.2, .75, .25, 1);--ease-ios:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.45, .64, 1);--motion-press:90ms;--motion-release:.42s;--motion-screen:.38s}.auth-page{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(36px,8vw,120px);width:min(100% - 48px,1040px);min-height:100dvh;margin:0 auto;padding:50px 0;display:grid}.auth-page__intro h1{max-width:570px;font-size:clamp(3rem,6vw,5.7rem)}.auth-page__intro .app-lead{font-size:1.15rem}.auth-page__art{gap:13px;margin-top:70px;display:flex}.auth-page__art span{border:1px solid var(--color-border);width:76px;height:76px;color:var(--color-tertiary);letter-spacing:-.04em;box-shadow:var(--shadow-card);background:#fff;border-radius:18px;place-items:center;font-size:1.2rem;font-weight:600;display:grid}.auth-page__art span:nth-child(2){color:var(--color-accent);border-color:#c6dfff;transform:translateY(-16px)}.auth-card{width:100%;max-width:430px;box-shadow:var(--shadow-card);justify-self:end;padding:34px}.auth-card__symbol{width:52px;height:52px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:15px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.auth-card h2{margin-bottom:6px}.auth-card .app-lead{margin-bottom:28px}.auth-card .app-button{width:100%}.auth-card__separator{color:var(--color-tertiary);align-items:center;gap:14px;margin:22px 0;font-size:.8rem;display:flex}.auth-card__separator:before,.auth-card__separator:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-card__hint{color:var(--color-tertiary);text-align:center;margin:18px 0 0;font-size:.76rem;line-height:1.5}.home-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:44px;display:grid}.home-brand{color:var(--color-accent);letter-spacing:.14em;text-align:center;grid-column:2;margin:0;padding-left:.14em;font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;line-height:1.1}.home-profil{grid-column:3;justify-self:end;align-items:center;gap:10px;min-width:0;display:flex}.home-profil__name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.home-avatar{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-accent);background:#fff;border-radius:50%;place-items:center;display:grid}.home-subject{min-height:260px;color:var(--color-text);text-align:left;flex-direction:column;justify-content:space-between;align-items:stretch;padding:24px;display:flex;position:relative;overflow:hidden}.home-subject:after{content:"";background:var(--subject-tint);opacity:.55;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-64px;right:-46px}.home-subject--blue{--subject-tint:#dbeafd;--subject-ink:#0071e3}.home-subject--mint{--subject-tint:#daf1e9;--subject-ink:#287958}.home-subject--peach{--subject-tint:#fae9dc;--subject-ink:#ab6540}.home-subject__top{justify-content:space-between;align-items:flex-start;display:flex}.home-subject__icon{width:58px;height:58px;color:var(--subject-ink);background:var(--subject-tint);border-radius:17px;place-items:center;display:grid}.home-subject__number{color:var(--color-tertiary);letter-spacing:.1em;font-size:.82rem}.home-subject__bottom{z-index:1;flex-direction:column;gap:9px;display:flex;position:relative}.home-subject__bottom strong{letter-spacing:-.04em;font-size:1.65rem}.home-subject__bottom span{color:var(--color-muted);font-size:.88rem;line-height:1.4}.home-subject__arrow{z-index:1;color:var(--subject-ink);position:absolute;bottom:23px;right:23px}.home-quick{margin-top:18px}.home-quick__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.home-quick__card{text-align:center;width:100%;min-height:120px;color:var(--color-text);align-content:center;justify-items:center;gap:12px;padding:20px 14px;display:grid}.home-quick__card[aria-expanded=true]{background:var(--color-accent-soft);border-color:#b8d9fc}.home-quick__icon{background:var(--color-canvas);width:48px;height:48px;color:var(--color-accent);border-radius:14px;flex:none;place-items:center;display:grid}.home-quick__card strong{font-size:.95rem}.home-detail-bereich{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:14px;display:grid}.home-detail-bereich>div{grid-column:var(--spalte) / span 2}.home-detail{margin-top:12px}.home-detail__status{color:var(--color-muted);margin:0}.home-detail h3{margin-bottom:8px;font-size:1.3rem}.home-detail h4{margin:0 0 4px;font-size:.98rem}.home-detail__top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.home-detail__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.settings-options{gap:9px;margin-top:16px;display:grid}.settings-option{border:1px solid var(--color-border);cursor:pointer;transition:transform var(--motion-release) var(--ease-spring), background-color var(--motion-fast), border-color var(--motion-fast);border-radius:12px;gap:12px;padding:14px;display:flex}.settings-option:active{transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.985)}.settings-option:has(input:checked){background:var(--color-accent-soft);border-color:#b8d9fc}.settings-option input{accent-color:var(--color-accent);margin-top:4px}.settings-option span{gap:5px;display:grid}.settings-option small{color:var(--color-muted);line-height:1.4}@media (width<=800px){.auth-page{grid-template-columns:1fr;gap:36px;width:min(100% - 32px,520px);padding:48px 0}.auth-page__intro h1{font-size:3.2rem}.auth-page__art{display:none}.auth-card{justify-self:stretch;max-width:none}}@media (width<=720px){.home-header{grid-template-columns:1fr auto;margin-bottom:32px}.home-brand{grid-area:2/1/auto/-1}.home-profil{grid-area:1/2}.home-subject{min-height:180px}.home-quick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-detail-bereich{grid-template-columns:1fr}.home-detail-bereich>div{grid-column:1}.home-detail__top{display:block}.home-detail__top>.app-button{margin-top:16px}}.topic-page__header{margin:10px 0 32px}.topic-page__header h1{margin-bottom:12px}.topic-page .app-list{margin-bottom:22px}.topic-page .app-list-row{justify-content:flex-start}.topic-page .app-list-row>svg:last-child{color:var(--color-tertiary);margin-left:auto}.topic-page__row-icon{background:var(--color-accent-soft);width:44px;height:44px;color:var(--color-accent);border-radius:13px;flex:none;place-items:center;display:grid}.topic-page__row-copy{gap:5px;display:grid}.topic-page__row-copy small,.topic-page__sublist small{color:var(--color-muted);margin-top:4px;font-size:.78rem;font-weight:400;display:block}.topic-page__sublist{gap:8px;padding:10px 0 8px 32px;display:grid}.topic-page__sublist .app-list-row{background:#ffffffb8;min-height:56px}.coming-soon{text-align:center;justify-items:center;margin-top:16px;display:grid}.coming-soon .topic-page__row-icon{width:64px;height:64px;margin-bottom:22px}.coming-soon .app-lead{margin-bottom:24px}.library-page__header{margin:10px 0 26px}.library-page__header h1{margin-bottom:12px}.library-page__actions{flex-wrap:wrap;gap:10px;display:flex}.library-page__delete{flex-wrap:wrap;gap:10px;margin:10px 0 26px;display:flex}.library-page__section{margin-top:38px}.library-page__section-heading{align-items:center;gap:10px;margin-bottom:17px;display:flex}.library-page__section-heading h2{margin:0;font-size:1.3rem}.library-page__count{color:var(--color-tertiary);margin-left:auto;font-size:.77rem}.library-page__item{text-align:center;cursor:pointer;min-width:0;transition:transform var(--motion-release) var(--ease-spring), border-color var(--motion-fast), background-color var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex;position:relative}.library-page__item--selected{border-color:var(--color-danger);background:var(--color-danger-soft);box-shadow:0 0 0 2px var(--color-danger)}.library-page__auswahl{z-index:1;border:2px solid var(--color-border-strong);color:#fff;width:26px;height:26px;transition:background-color var(--motion-fast), border-color var(--motion-fast), transform var(--motion-release) var(--ease-spring);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.library-page__item--selected .library-page__auswahl{border-color:var(--color-danger);background:var(--color-danger);transform:scale(1.08)}.library-page__item-title{overflow-wrap:anywhere;line-height:1.35;color:var(--color-text)!important;font-size:.95rem!important}.import-page__form{gap:24px;display:grid}.import-page__file{padding:10px}.import-page__file::file-selector-button{border:1px solid var(--color-border-strong);background:var(--color-canvas);color:var(--color-text);font:inherit;cursor:pointer;border-radius:8px;margin-right:12px;padding:8px 11px}.import-page__library-link{margin-top:20px;text-decoration:none}.import-page__library-link:hover{text-decoration:none}.import-page__success{color:var(--color-success);margin:0}.curriculum-page__grades{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.curriculum-page__domain .app-list-row{justify-content:flex-start}.curriculum-page__domain .app-list-row>svg{color:var(--color-tertiary);margin-left:auto}.curriculum-page__domain-dot{border-radius:50%;flex:none;width:11px;height:11px}.curriculum-page__tree{border:1px solid var(--color-border);background:#fff;border-radius:14px;margin:8px 0 14px 20px;padding:14px}.curriculum-profile{box-shadow:none;margin-bottom:22px}.curriculum-profile>div:first-child{gap:14px}.app-loading{min-height:100dvh;color:var(--color-muted);place-items:center;display:grid}.app-loading--inhalt{min-height:40vh}.learning-shell__progress{color:var(--color-tertiary);font-size:.82rem;font-weight:600}@media (width<=720px){.library-page__item{min-height:140px}.curriculum-page__grades .app-button{min-height:40px;padding:8px 12px;font-size:.82rem}.topic-page__sublist{padding-left:13px}}.feedback-recording{justify-items:start;gap:15px;display:grid}.feedback-recording .app-lead{margin-bottom:4px}.feedback-recording__button{background:var(--color-accent-soft);width:60px;height:60px;color:var(--color-accent);transition:transform var(--motion-release) var(--ease-spring), box-shadow var(--motion-fast);border:1px solid #b8d9fc;border-radius:18px;place-items:center;display:grid}.feedback-recording__button:active{transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.92)}.feedback-recording__button--active{background:var(--color-danger-soft);color:var(--color-danger);border-color:#ecc9d0;animation:1.6s ease-in-out infinite record-pulse}.feedback-recording__status{color:var(--color-muted);margin:0;font-size:.82rem}.feedback-recording__success{color:var(--color-success);font-size:.88rem}@keyframes record-pulse{50%{box-shadow:0 0 0 7px #b423361a}}.exercise-page{background:var(--color-canvas);color:var(--color-text)}.exercise-page h1,.exercise-page h2{letter-spacing:-.035em;color:var(--color-text)!important}.exercise-page--deutsch>div:not(.exercise-page__footer):not(:first-child){max-width:940px}.exercise-page--deutsch table{border:1px solid var(--color-border);background:#fff;border-radius:14px;overflow:hidden}.exercise-page--deutsch th{background:var(--color-canvas);border-color:var(--color-border-strong)!important}.exercise-page--deutsch td{border-color:var(--color-border)!important}.exercise-page--deutsch input{background:#fff;border-color:var(--color-border-strong)!important;border-radius:var(--radius-control)!important}.exercise-page--englisch>div:not(.exercise-page__footer){max-width:1050px}.exercise-page--englisch input,.exercise-page--englisch textarea{border-color:var(--color-border-strong)!important;border-radius:var(--radius-control)!important}.exercise-page--englisch [style*="solid #2196F3"]{border-radius:var(--radius-card)!important;background:#fff!important;border-color:#b8d9fc!important}.exercise-page--schriftlich{background:var(--color-canvas)}.exercise-page__footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:18;gap:9px;box-shadow:0 -6px 24px #0000000a;border-top:1px solid var(--color-border)!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;background:#fffffff2!important}.exercise-page__footer button{min-height:42px;color:var(--color-text);white-space:nowrap;transition:transform var(--motion-release) var(--ease-spring), box-shadow var(--motion-fast);font-weight:600;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-control)!important;background:#fff!important;width:auto!important;height:auto!important;padding:9px 16px!important;font-size:.88rem!important}.exercise-page__footer button:active:not(:disabled){box-shadow:none;transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.96)}.exercise-page__footer button:nth-of-type(2){border-color:var(--color-accent)!important;background:var(--color-accent)!important;color:#fff!important}.exercise-check{color:var(--color-success);justify-content:center;align-items:center;display:inline-flex}.worksheet-view{background:var(--color-canvas);min-height:100dvh}.worksheet-view__footer{z-index:20;padding:12px 24px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);background:#fffffff5;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.worksheet-view__mitte{text-align:center;color:var(--color-muted);justify-items:center;gap:6px;font-size:1rem;display:grid}.worksheet-view__knopf{min-width:150px;min-height:60px;font:inherit;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--motion-release) var(--ease-spring);background:#fff;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:1.2rem;font-weight:650;display:inline-flex}.worksheet-view__knopf--weiter{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.worksheet-view__knopf:active{transition-duration:var(--motion-press);transform:scale(.96)}@media (width<=720px){.worksheet-view__footer{gap:10px;padding-inline:12px}.worksheet-view__knopf{min-width:0;padding:0 18px;font-size:1.05rem}.exercise-page__footer{padding-left:12px!important;padding-right:12px!important}.exercise-page__footer button{padding:8px 11px!important;font-size:.78rem!important}.exercise-page--deutsch{padding-inline:14px!important}}@media (prefers-reduced-motion:reduce){.feedback-recording__button--active{animation:none}}.phase-page{text-align:center;background:#fff;width:min(100%,940px);min-height:300px;margin:0 auto}.phase-page>h1,.phase-page__brand{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 15px;font-weight:700;line-height:1.2;font-size:.72rem!important}.phase-page>h2{color:var(--color-text);margin-bottom:14px;font-size:clamp(1.55rem,3vw,2rem)}.phase-page>p{color:var(--color-muted);line-height:1.55}.phase-page h3{color:var(--color-text)}.phase-page input:not([type=radio]):not([type=checkbox]){background:#fff;padding:5px;border-color:var(--color-border-strong)!important;border-radius:var(--radius-control)!important}.phase-page button:not(.app-button){border-radius:var(--radius-control);transition:transform var(--motion-release) var(--ease-spring), box-shadow var(--motion-fast)}.phase-page button:not(.app-button):active:not(:disabled){box-shadow:none;transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.96)}.phase-page__navigation{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:18px;display:flex}.phase-page [style*="background: rgb(248, 249, 250)"]{border-color:var(--color-border)!important;background:var(--color-canvas)!important;border-radius:14px!important}.phase-page [style*="background: rgb(248, 215, 218)"]{color:var(--color-danger);background:var(--color-danger-soft)!important;border-radius:14px!important}.phase-page [style*="color: green"]{color:var(--color-success)!important}@media (width<=720px){.phase-page{padding:18px!important}.phase-page>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}.developer-page__tile-icon{background:var(--color-accent-soft);width:58px;height:58px;color:var(--color-accent);border-radius:16px;place-items:center;display:grid}.developer-page__tile{transition:transform var(--motion-release) var(--ease-spring), box-shadow var(--motion-normal)}.developer-page__tile:active{transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.975)}.voice-dialog__listening{color:var(--color-accent);align-items:center;gap:7px;font-size:.82rem;font-weight:600;display:inline-flex}.image-placeholder__icon{color:var(--color-accent)}@media (width<=980px){.developer-page>div[style*=grid-template-columns]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}.developer-page__tile{width:100%!important}}.skill-progress{margin-bottom:20px}.skill-progress__heading{text-align:left;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;font-size:.86rem;display:flex}.skill-progress__heading span{color:var(--color-muted);white-space:nowrap;font-size:.76rem}.skill-progress__track{background:var(--color-border);border-radius:100px;width:100%;height:10px;overflow:hidden}.skill-progress__fill{border-radius:inherit;height:100%;transition:width .5s cubic-bezier(.2,.75,.25,1)}.fraction-view{background:var(--color-canvas);min-height:100dvh;color:var(--color-text)}.fraction-view>div{font-family:var(--font-ui)!important}.fraction-view button:not(.app-button){color:var(--color-text);transition:transform var(--motion-release) var(--ease-spring), box-shadow var(--motion-fast);border-color:var(--color-border-strong)!important;border-radius:var(--radius-control)!important}.fraction-view button:not(.app-button):active:not(:disabled){box-shadow:none;transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.96)}.fraction-view input{border-color:var(--color-border-strong)!important;border-radius:var(--radius-control)!important}.exercise-page--englisch{padding-left:clamp(14px,1.7vw,26px)!important;padding-right:clamp(14px,1.7vw,26px)!important}.exercise-page--englisch>h2{margin-top:78px!important}.exercise-task-list{gap:20px!important}.exercise-task{border-color:var(--color-border);border-radius:var(--radius-card);padding:clamp(18px,2.3vw,28px)}.exercise-task__layout{gap:18px!important}.exercise-task__label{color:var(--color-accent);letter-spacing:.08em;white-space:nowrap;flex:0 0 76px;font-size:.72rem;font-weight:700;line-height:1.45}.exercise-task button[aria-label=Prüfen]{min-width:40px;color:var(--color-accent);background:var(--color-accent-soft)!important;border:1px solid #b8d9fc!important;border-radius:11px!important;width:40px!important;height:40px!important;font-size:1rem!important}@media (width<=720px){.exercise-page--englisch>h2{margin-top:72px!important}.exercise-task__layout{flex-wrap:wrap}.exercise-task__label{flex-basis:100%}.exercise-task__layout>div:nth-child(2){min-width:min(100%,220px)}}.written-grid{border-color:var(--color-border);margin:12px 0 8px;padding:14px;overflow:auto}.written-grid__label{color:var(--color-accent);font-weight:700}.written-grid canvas{border-color:var(--color-border-strong)!important}@media (width<=720px){.written-grid{grid-template-rows:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.exercise-page--schriftlich{padding-left:14px!important;padding-right:14px!important}}@media (width<=420px){.written-grid{grid-template-columns:1fr!important}}.deutsch-story{color:var(--color-text);border-color:var(--color-border)}.deutsch-story p:last-child{margin-bottom:0!important}.deutsch-instructions{border-color:var(--color-border)!important;border-radius:var(--radius-card)!important;background:#fff!important}.exercise-page--deutsch table{margin-bottom:16px}.exercise-page--deutsch input:focus{outline-offset:1px;outline:2px solid #b8d9fc}:root{font-family:var(--font-ui);color:var(--color-text);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}body,button,input,textarea,select{font-family:var(--font-ui)}button,input,textarea,select{font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.08}h2{letter-spacing:-.035em;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;line-height:1.2}h3{letter-spacing:-.025em}#root{min-height:100dvh}#root [style*=Arial]{font-family:var(--font-ui)!important}:focus-visible{outline-offset:3px;outline:3px solid #0071e38c}::selection{background:#c6e0ff}.app-page{width:min(100% - 40px,1120px);animation:page-appear var(--motion-screen) var(--ease-ios) backwards;margin:0 auto;padding:42px 0 80px}.app-page--narrow{max-width:760px}.app-page__header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.app-kicker{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:.76rem;font-weight:700;display:inline-block}.app-lead{color:var(--color-muted);max-width:64ch;font-size:1rem;line-height:1.6}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:none}.app-panel{padding:clamp(20px,3vw,30px)}.app-card--interactive{transition:transform var(--motion-release) var(--ease-spring), box-shadow var(--motion-normal), border-color var(--motion-normal)}.app-card--interactive:active{transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.975)}.app-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);min-height:44px;color:var(--color-text);text-align:center;transition:transform var(--motion-release) var(--ease-spring), box-shadow var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast);justify-content:center;align-items:center;gap:9px;padding:10px 17px;font-weight:600;line-height:1.2;display:inline-flex}.app-button:active:not(:disabled){box-shadow:none;transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.96)}.app-button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.app-button--primary:active:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.app-button--subtle{background:var(--color-canvas);border-color:var(--color-border)}.app-button--danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:#ecc9d0}.app-icon-button{border-radius:13px;width:44px;height:44px;min-height:44px;padding:0}.app-field{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--color-text);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);background:#fff;outline:none;padding:12px 14px;display:block}.app-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.app-label{margin-bottom:8px;font-size:.88rem;font-weight:600;display:block}.app-stack{gap:14px;display:grid}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.app-list{gap:10px;display:grid}.app-list-row{text-align:left;border:1px solid var(--color-border);width:100%;min-height:66px;color:var(--color-text);transition:transform var(--motion-release) var(--ease-spring), border-color var(--motion-fast), box-shadow var(--motion-fast), background-color var(--motion-fast);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-weight:600;display:flex}.app-list-row:active{transition-duration:var(--motion-press);background-color:#f7f7f9;transition-timing-function:ease-out;transform:scale(.985)}.app-list-row svg{color:var(--color-accent);flex:none}.app-list-row[aria-expanded]>svg:last-child{transition:transform var(--motion-normal)}.app-list-row[aria-expanded=true]>svg:last-child{transform:rotate(90deg)}.app-back{color:var(--color-muted);transition:color var(--motion-fast), opacity var(--motion-fast);background:0 0;border:0;align-items:center;gap:7px;margin-bottom:20px;padding:8px 0;font-weight:600;display:inline-flex}.app-back:active{opacity:.45;transform:none}.app-empty{border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);color:var(--color-muted);text-align:center;background:#fff;padding:34px}.app-error{color:var(--color-danger);background:var(--color-danger-soft);border-radius:var(--radius-control);padding:12px 14px}.app-divider{background:var(--color-border);border:0;height:1px;margin:28px 0}.learning-shell{background:var(--color-canvas);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.learning-shell__header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:15;background:#ffffffeb;flex:0 0 66px;align-items:center;padding:0 20px;display:flex}.learning-shell__main{flex:1;padding:24px 20px 42px;overflow-y:auto}.learning-shell__main>*{width:min(100%,940px);margin-left:auto!important;margin-right:auto!important}.learning-shell__footer{padding:12px max(20px, env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:15;background:#fffffff0;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.learning-shell__main h1{font-size:1.35rem}.learning-shell__main button:not([style*=background]),.learning-shell__main input:not([type=checkbox]):not([type=radio]){border-radius:var(--radius-control)}@keyframes page-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button,a,label,[role=button]{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}:where(button){transition:transform var(--motion-release) var(--ease-spring)}:where(button:not(:disabled)):active{transition-duration:var(--motion-press);transition-timing-function:ease-out;transform:scale(.97)}.app-collapse{opacity:0;transition:grid-template-rows var(--motion-screen) var(--ease-ios), opacity var(--motion-normal);grid-template-rows:0fr;display:grid}.app-collapse--offen{opacity:1;grid-template-rows:1fr}.app-collapse__inner{min-height:0;overflow:hidden}.app-collapse--offen .app-collapse__inner>*>*{animation:row-in var(--motion-screen) var(--ease-ios) backwards}.app-collapse--offen .app-collapse__inner>*>:nth-child(2){animation-delay:30ms}.app-collapse--offen .app-collapse__inner>*>:nth-child(3){animation-delay:60ms}.app-collapse--offen .app-collapse__inner>*>:nth-child(4){animation-delay:90ms}.app-collapse--offen .app-collapse__inner>*>:nth-child(5){animation-delay:.12s}.app-collapse--offen .app-collapse__inner>*>:nth-child(6){animation-delay:.15s}.app-collapse--offen .app-collapse__inner>*>:nth-child(n+7){animation-delay:.18s}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}}.learning-shell__main[data-richtung=vor]>*{animation:screen-vor var(--motion-screen) var(--ease-ios) backwards}.learning-shell__main[data-richtung=zurueck]>*{animation:screen-zurueck var(--motion-screen) var(--ease-ios) backwards}@keyframes screen-vor{0%{opacity:0;transform:translate(32px)}}@keyframes screen-zurueck{0%{opacity:0;transform:translate(-32px)}}html.mit-seitenuebergang .app-page{animation:none}:root{--ease-eintauchen:cubic-bezier(.3, .6, .25, 1)}@supports (animation-timing-function:linear(0, 1)){:root{--ease-eintauchen:linear(0, .032, .106, .202, .303, .402, .494, .577, .65, .712, .765, .81, .847, .877, .903, .923, .94, .953, .964, .973, .98, .985, .99, .993, .996, .998, 1)}}html[data-uebergang=aufgehen]::view-transition-old(root){animation:none}html[data-uebergang=aufgehen]::view-transition-new(root){mix-blend-mode:normal;animation:.4s var(--ease-eintauchen) both uebergang-aufgehen, 50ms linear both uebergang-seite-ein}html[data-uebergang=zugehen]::view-transition-new(root){animation:none}html[data-uebergang=zugehen]::view-transition-old(root){z-index:1;mix-blend-mode:normal;animation:.33s var(--ease-eintauchen) both uebergang-zugehen, 90ms ease-in 70ms both uebergang-karte-aus}::view-transition-old(root){animation:.28s var(--ease-ios) both uebergang-hintergrund-aus}::view-transition-new(root){animation:.38s var(--ease-ios) both uebergang-hintergrund-ein}html[data-uebergang=zurueck]::view-transition-old(root){animation:.26s var(--ease-ios) both uebergang-zurueck-aus}html[data-uebergang=zurueck]::view-transition-new(root){animation:.4s var(--ease-ios) both uebergang-zurueck-ein}@keyframes uebergang-aufgehen{0%{transform:translate(var(--uebergang-dx,0px), var(--uebergang-dy,0px)) scale(var(--uebergang-s,.3))}}@keyframes uebergang-zugehen{to{transform:translate(var(--uebergang-dx,0px), var(--uebergang-dy,0px)) scale(var(--uebergang-s,.3))}}@keyframes uebergang-karte-aus{to{opacity:0}}@keyframes uebergang-seite-ein{0%{opacity:0}}@keyframes uebergang-hintergrund-aus{to{opacity:0;transform:scale(.985)}}@keyframes uebergang-hintergrund-ein{0%{opacity:0}}@keyframes uebergang-zurueck-aus{to{opacity:0;transform:scale(1.015)}}@keyframes uebergang-zurueck-ein{0%{opacity:0;transform:scale(.985)}}@media (width<=720px){.app-page{width:min(100% - 28px,1120px);padding-top:24px}.app-grid{grid-template-columns:1fr}.app-page__header{display:block}.learning-shell__header,.learning-shell__main,.learning-shell__footer{padding-inline:12px}.learning-shell__footer .app-button{min-width:0;padding-inline:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.messenger-nachrichten{max-height:none!important;overflow:visible!important}.messenger-eingabe{display:none!important}.worksheet-app-page{background:#fff!important}.worksheet-app-card{break-inside:avoid;border-color:#e5e5ea!important}}