@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}.worksheet-app-page{background:#fff!important}.worksheet-app-card{break-inside:avoid;border-color:#e5e5ea!important}}:root{--bg:#f5f5f7;--surface:#fff;--fill:#f2f2f7;--well:#e9e9ee;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#aeaeb2;--separator:#e5e5ea;--stroke:#d2d2d7;--accent:#0071e3;--accent-fill:#eaf2fd;--accent-line:#cfe0f7;--success:#34c759;--success-fill:#eaf7ee;--success-line:#c9ebd2;--success-text:#1e7b3a;--danger:#ff3b30;--danger-fill:#fdeceb;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif;--t-display:700 28px/1.15 var(--font);--t-title:700 20px/1.25 var(--font);--t-body:400 16px/1.45 var(--font);--t-item:500 16px/1.35 var(--font);--t-caption:400 13px/1.35 var(--font);--t-label:700 11px/1.2 var(--font);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--pad:24px;--r-card:22px;--r-control:14px;--r-small:10px;--r-pill:999px;--shadow-card:0 1px 2px #0000000a,0 6px 20px #0000000a;--shadow-lift:0 6px 16px #0000001f,0 1px 3px #00000014;--hit:44px}.ws-blatt{color:var(--text);--el-bg:var(--fill);--el-line:transparent;--el-shadow:0 0 #0000;--in-line:transparent}.ws-blatt[data-tone=white]{--el-bg:var(--surface);--el-line:var(--separator);--el-shadow:0 1px 2px #0000000d;--in-line:var(--stroke)}.ws-el{background:var(--el-bg);box-shadow:0 0 0 1px var(--el-line),var(--el-shadow);border-radius:var(--r-control)}.ws-tippflaeche{position:relative}.ws-tippflaeche:after{content:"";width:max(100%,var(--hit));height:max(100%,var(--hit));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ws-sheet-title{font:var(--t-display);color:var(--text);letter-spacing:normal;text-align:center;margin:0}.ws-sheet-sub{font:var(--t-caption);color:var(--text-2);text-align:center;margin:var(--s1) 0 0}.ws-meta{gap:var(--s3);margin-top:var(--s5);grid-template-columns:2fr 1fr 1fr;display:grid}.ws-field{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-control);padding:var(--s2) var(--s3);min-height:56px;display:block}.ws-field span{font:var(--t-caption);color:var(--text-2);display:block}.ws-field input{width:100%;font:inherit;color:inherit;background:0 0;border:0;outline:0;padding:0;display:block}.ws-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-fill)}.ws-card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--pad);break-inside:avoid;position:relative}.ws-head{gap:var(--s1);margin-bottom:var(--s4);color:var(--text);display:grid}.ws-card:has(.ws-help) .ws-head{padding-right:120px}.ws-eyebrow{font:600 13px/1.35 var(--font);color:var(--accent);margin:0}.ws-task{font:var(--t-title);margin:0}.ws-hint{font:var(--t-caption);color:var(--text-2);margin:0}.ws-kopf-feld{box-sizing:border-box;resize:none;width:100%;font:inherit;color:inherit;letter-spacing:inherit;background:0 0;border:0;outline:0;margin:0;padding:0;display:block;overflow:hidden}.ws-head>.ws-kopf-feld.ws-eyebrow{font:600 13px/1.35 var(--font);color:var(--accent)}.ws-head>.ws-kopf-feld.ws-task{font:var(--t-title);color:var(--text)}.ws-head>.ws-kopf-feld.ws-hint{font:var(--t-caption);color:var(--text-2)}.ws-kopf-feld.ws-sheet-title{font:var(--t-display);color:var(--text);text-align:center}.ws-kopf-feld.ws-sheet-sub{font:var(--t-caption);color:var(--text-2);text-align:center;margin-top:var(--s1)}.ws-kopf-feld::placeholder{color:var(--text-3);opacity:1}.ws-field .ws-kopf-feld{font:var(--t-caption);color:var(--text-2)}.ws-help{top:var(--pad);right:var(--pad);cursor:pointer;background:var(--accent-fill);color:var(--accent);font:600 12px/1 var(--font);border-radius:var(--r-pill);border:0;padding:7px 12px;position:absolute}.ws-help[hidden]{display:none}.ws-label{font:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.ws-pruefen{border-radius:var(--r-pill);cursor:pointer;background:var(--surface);width:26px;height:26px;color:var(--text);box-shadow:0 0 0 1px var(--stroke);border:0;flex:none;place-items:center;padding:0;transition:background .15s,color .15s,box-shadow .15s;display:inline-grid}.ws-pruefen.ws-richtig{background:var(--success);color:#fff;box-shadow:none}.ws-pruefen.ws-falsch{background:var(--danger);color:#fff;box-shadow:none}.ws-pruefen.ws-laeuft{opacity:.5;cursor:wait}.ws-prose{font:var(--t-body);color:var(--text)}.ws-prose p{margin:0}.ws-prose p+p{margin-top:var(--s3)}.ws-tbl{table-layout:fixed;border-collapse:separate;width:100%;border-spacing:var(--s2);background:var(--fill);border-radius:var(--r-control);font:var(--t-item);color:var(--text)}.ws-tbl .ws-th{background:var(--surface);border-radius:var(--r-small);padding:9px var(--s3);text-align:left;vertical-align:middle;font:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);position:relative}.ws-tbl td{background:var(--surface);border-radius:var(--r-small);height:48px;padding:0 var(--s3);text-align:left;vertical-align:middle;transition:box-shadow .15s;position:relative;box-shadow:0 1px 2px #0000000a}.ws-tbl .ws-th.ws-titel{font:var(--t-item);text-transform:none;letter-spacing:normal;color:var(--text);font-weight:700}.ws-tbl tr.ws-eigene-hoehe td{height:auto}.ws-tbl td:focus-within{box-shadow:0 0 0 2px var(--accent)}.ws-tbl input,.ws-tbl textarea{box-sizing:border-box;resize:none;width:100%;min-width:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;background:0 0;border:0;outline:0;padding:0;display:block}.ws-tbl input::placeholder,.ws-tbl textarea::placeholder{color:var(--text-3);text-transform:none;letter-spacing:normal;font-weight:400}.ws-ruled>div{box-sizing:border-box;border-bottom:1px solid var(--stroke);height:48px}.ws-choices{gap:var(--s2);display:grid}.ws-choice{justify-content:space-between;align-items:center;gap:var(--s4);min-height:52px;padding:0 var(--s4);font:var(--t-item);cursor:pointer;transition:background .15s,box-shadow .15s,color .15s;display:flex}.ws-choice .ws-radio{background:var(--surface);border:1.5px solid #c7c7cc;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.ws-choice[aria-checked=true]{background:var(--accent-fill);box-shadow:0 0 0 1px var(--accent);color:var(--accent)}.ws-choice[aria-checked=true] .ws-radio{border-color:var(--accent);background:var(--accent)}.ws-choice[aria-checked=true] .ws-radio:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.ws-frage{font:var(--t-item);color:var(--text);margin:0 0 var(--s2);font-weight:600}.ws-choice>.ws-text,.ws-tf-row>.ws-text{overflow-wrap:anywhere;flex:1;min-width:0}.ws-choice input,.ws-tf-row input{min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.ws-choice .ws-radio svg{color:#fff;display:block}.ws-choice.ws-loesung .ws-radio:after{display:none}.ws-knopf-leer{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:0;padding:0;display:grid}.ws-tf{gap:var(--s2);display:grid}.ws-tf-row{justify-content:space-between;align-items:center;gap:var(--s4);min-height:56px;padding:var(--s2) var(--s2) var(--s2) var(--s4);font:var(--t-item);display:flex}.ws-tf-btns{flex:none;gap:6px;display:flex}.ws-tf-btns button{min-width:66px;height:34px;padding:0 var(--s3);border-radius:var(--r-small);background:var(--surface);color:var(--text-2);font:600 13px/1 var(--font);cursor:pointer;box-shadow:0 0 0 1px var(--separator),0 1px 2px #0000000d;border:0;transition:background .15s,color .15s,box-shadow .15s}.ws-tf-btns button[data-v=r][aria-pressed=true]{background:var(--success);color:#fff;box-shadow:0 2px 6px #34c75959}.ws-tf-btns button[data-v=f][aria-pressed=true]{background:var(--danger);color:#fff;box-shadow:0 2px 6px #ff3b304d}.ws-connect{gap:var(--s3);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;display:grid}.ws-tile{min-height:var(--hit);padding:var(--s2) var(--s3);text-align:center;justify-content:center;align-items:center;font-weight:600;display:flex}.ws-dot{border:1.5px solid var(--accent);background:var(--surface);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.ws-dot:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.ws-mm-cols{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.ws-mm-col{gap:var(--s2);align-content:start;display:grid}.ws-mm-col .ws-label{padding-left:var(--s1)}.ws-mm-card{min-height:52px;padding:var(--s3) var(--s4);font:600 16px/1.3 var(--font);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,opacity .25s,background .2s;display:flex;position:relative}.ws-mm-card .ws-badge{position:absolute;top:6px;left:8px}.ws-mm-card.ws-sel{box-shadow:0 0 0 2px var(--accent),var(--shadow-lift);transform:translateY(-2px)}.ws-mm-card.ws-hit{background:var(--success-fill);box-shadow:0 0 0 2px var(--success);color:var(--success-text)}.ws-mm-card.ws-gone{opacity:0;transform:scale(.92)}.ws-mm-card.ws-miss{box-shadow:0 0 0 2px var(--danger);animation:.32s ws-shake}.ws-mm-done{gap:var(--s2);margin-top:var(--s3);display:grid}.ws-mm-done:empty{display:none}.ws-mm-pair{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--success-fill);box-shadow:0 0 0 1px var(--success-line);border-radius:var(--r-control);color:var(--success-text);font:600 15px/1.3 var(--font);grid-template-columns:1fr auto 1fr;animation:.3s ease-out ws-rise;display:grid}.ws-mm-pair span:last-child{text-align:right}.ws-mm-pair i{opacity:.7;font-style:normal}.ws-mm-card{gap:var(--s2);overflow-wrap:anywhere}.ws-mm-card img,.ws-mm-pair img{object-fit:contain;flex:none;max-width:64px;max-height:56px;display:block}.ws-mm-pair>span{align-items:center;gap:var(--s2);display:flex}.ws-mm-pair>span:last-child{justify-content:flex-end}.ws-badge{font:var(--t-label);letter-spacing:.06em;text-transform:uppercase;background:var(--fill);color:var(--text-2);border-radius:6px;padding:3px 6px;font-size:10px;display:inline-block}.ws-badge.ws-en,.ws-badge.ws-me{background:var(--accent);color:#fff}.ws-blatt:not([data-tone=white]) .ws-mm-card .ws-badge:not(.ws-en){background:var(--surface)}.ws-bank{background:var(--fill);border-radius:var(--r-control);padding:var(--s3)}.ws-bank .ws-label{margin:0 0 var(--s2) var(--s1)}.ws-chips{gap:var(--s2);flex-wrap:wrap;display:flex}.ws-chip{background:var(--surface);border-radius:var(--r-pill);font:600 15px/1.2 var(--font);cursor:grab;-webkit-user-select:none;user-select:none;border:0;padding:7px 16px;transition:transform .15s,box-shadow .15s,opacity .2s;box-shadow:0 1px 2px #00000014,0 0 0 1px #00000008}.ws-chip.ws-sel{box-shadow:0 0 0 2px var(--accent),var(--shadow-lift);transform:translateY(-1px)}.ws-chip.ws-used{border:1.5px dashed var(--stroke);box-shadow:none;color:var(--text-3);cursor:default;background:0 0;padding:5.5px 14.5px}*+.ws-bank{margin-top:var(--s4)}.ws-pairs{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.ws-target{min-height:var(--hit);border-radius:var(--r-control);background:var(--well);cursor:pointer;justify-content:center;align-items:center;font-weight:600;transition:background .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px 3px #00000017}.ws-target.ws-over{background:var(--accent-fill);box-shadow:inset 0 0 0 1.5px var(--accent)}.ws-target.ws-filled{background:var(--surface);box-shadow:0 0 0 1px var(--separator),0 1px 2px #0000000d}.ws-tile,.ws-target{font:var(--t-body);font-weight:600}.ws-tile{gap:var(--s2);overflow-wrap:anywhere;transition:background .15s,box-shadow .15s,color .15s}.ws-connect,.ws-pairs{grid-auto-rows:1fr}.ws-connect{position:relative}.ws-connect>.ws-tile{align-self:stretch}.ws-connect svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ws-connect line{stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.ws-connect line.ws-zieht{stroke-dasharray:6 6}.ws-tile img{object-fit:contain;flex:none;max-width:64px;max-height:56px;display:block}.ws-tile.ws-sel{background:var(--accent-fill);box-shadow:0 0 0 1px var(--accent);color:var(--accent)}.ws-dot{transition:background .15s}.ws-dot.ws-sel{background:var(--accent)}.ws-dot.ws-sel:after{background:var(--surface)}.ws-punkt{cursor:pointer;place-items:center;display:grid}.ws-antwort{box-sizing:border-box;width:100%;min-width:0;min-height:var(--hit);padding:0 var(--s3);border-radius:var(--r-control);background:var(--surface);box-shadow:0 0 0 1px var(--stroke);font:var(--t-body);color:var(--text);text-align:center;border:0;outline:0;margin:0;font-weight:600;display:block}.ws-antwort:focus{box-shadow:0 0 0 2px var(--accent)}.ws-antwort::placeholder{color:var(--text-3);font-weight:400}.ws-chips.ws-anzeige .ws-chip{cursor:default}.ws-chip.ws-over{background:var(--accent-fill);box-shadow:0 0 0 1.5px var(--accent)}.ws-chip input{font:inherit;color:inherit}.ws-lines-fill{gap:var(--s2);display:grid}.ws-lf-row{align-items:center;gap:var(--s3);min-height:52px;padding:var(--s2) var(--s4);grid-template-columns:56px 1fr;display:grid}.ws-lf-row .ws-who{font:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.ws-lf-row .ws-who.ws-me{color:var(--accent)}.ws-lf-row p{font:var(--t-item);margin:0;line-height:36px}.ws-in{width:6.5em;height:34px;padding:0 var(--s2);vertical-align:middle;text-align:center;font:600 15px/1 var(--font);color:var(--text);border-radius:var(--r-small);background:var(--surface);box-shadow:0 0 0 1px var(--in-line),0 1px 2px #0000000d;border:0;outline:0;margin:0 3px}.ws-in:focus{box-shadow:0 0 0 2px var(--accent)}.ws-in.ws-auf-weiss{box-shadow:0 0 0 1px var(--stroke),0 1px 2px #0000000d}.ws-in.ws-auf-weiss:focus{box-shadow:0 0 0 2px var(--accent)}.ws-chat{gap:var(--s3);flex-direction:column;display:flex}.ws-msg{gap:var(--s1);max-width:80%;display:grid}.ws-msg small{font:600 11px/1.2 var(--font);color:var(--text-2);padding:0 var(--s3)}.ws-msg.ws-them{align-self:flex-start}.ws-msg.ws-me{align-self:flex-end;justify-items:end}.ws-bubble{font:var(--t-item);border-radius:20px;padding:9px 14px;line-height:30px}.ws-msg.ws-them .ws-bubble{background:#e9e9eb;border-bottom-left-radius:6px}.ws-msg.ws-me .ws-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:6px}.ws-slot{vertical-align:middle;border-radius:var(--r-pill);min-width:64px;height:28px;font:600 15px/1 var(--font);cursor:pointer;justify-content:center;align-items:center;margin:0 2px;padding:0 12px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.ws-msg.ws-them .ws-slot{color:var(--text-3);background:#00000012}.ws-msg.ws-me .ws-slot{color:#ffffffa6;background:#00000029}.ws-slot:empty:before{content:"···";letter-spacing:.1em}.ws-slot.ws-over{box-shadow:0 0 0 2px var(--accent),0 0 0 4px #fff}.ws-msg.ws-me .ws-slot.ws-over{box-shadow:0 0 0 2px #fff}.ws-slot.ws-filled{box-shadow:0 1px 2px #0000001f;background:var(--surface)!important;color:var(--text)!important}.ws-chat.ws-read .ws-bubble{line-height:1.45}.ws-slot{transition:background .15s,box-shadow .15s}.ws-slot.ws-tippbar{cursor:pointer;touch-action:none}span.ws-in{box-sizing:border-box;justify-content:center;align-items:center;display:inline-flex}.ws-lf-row>p>input.ws-in{box-sizing:border-box}.ws-modus{margin-bottom:var(--s3);background:var(--fill);border-radius:var(--r-small);gap:2px;padding:2px;display:inline-flex}.ws-modus button{height:28px;font:var(--t-caption);color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;transition:background .15s,color .15s;display:flex}.ws-modus button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.ws-wahlwort{cursor:pointer;border-radius:6px}.ws-who>.ws-kopf-feld{text-transform:inherit}.ws-bubble>.ws-kopf-feld,.ws-lf-row>.ws-kopf-feld{line-height:inherit}.ws-msg small>.ws-kopf-feld{width:auto;font:inherit;color:inherit;display:inline-block}.ws-karo{--cell:20px;--rows:9;height:calc(var(--cell) * var(--rows) + 1px);background-image:linear-gradient(var(--separator) 1px,transparent 1px),linear-gradient(90deg,var(--separator) 1px,transparent 1px);background-size:var(--cell) var(--cell);box-shadow:inset 0 0 0 1px var(--stroke)}.ws-tip{gap:var(--s2);background:var(--fill);border-radius:var(--r-small);padding:var(--s3) var(--s4);margin-bottom:var(--s3);box-shadow:inset 3px 0 0 var(--accent);font:var(--t-caption);color:var(--text);display:flex}.ws-tip b{font-weight:600}.ws-sort{gap:var(--s2);display:grid}.ws-srow{align-items:center;gap:var(--s3);min-height:48px;padding:var(--s2) var(--s3) var(--s2) var(--s4);font:var(--t-item);touch-action:none;transition:box-shadow .15s,background .2s;display:flex}.ws-srow .ws-n{width:14px;font:600 13px/1 var(--font);color:var(--text-2);text-align:center;flex:none}.ws-srow .ws-txt{flex:1}.ws-srow .ws-handle,.ws-srow .ws-lock{width:28px;height:28px;color:var(--text-3);flex:none;place-items:center;display:grid}.ws-srow .ws-handle{cursor:grab}.ws-srow.ws-lift{z-index:2;box-shadow:0 0 0 2px var(--accent),var(--shadow-lift);background:var(--surface);position:relative}.ws-srow.ws-anchor{background:var(--fill);box-shadow:none}.ws-schreibflaeche{width:100%}.ws-schreibflaeche>div{box-sizing:border-box;border-bottom:1px solid var(--linie,var(--stroke));align-items:flex-end;display:flex}.ws-schreibflaeche>div:focus-within{border-bottom-color:var(--accent)}.ws-schreibflaeche input{width:100%;min-width:0;padding:0 var(--s1) var(--s1);font:var(--t-item);color:var(--text);background:0 0;border:0;outline:0}.ws-schreibflaeche input::placeholder{color:var(--text-3);font-weight:400}.ws-feld-label,.ws-kopf-feld.ws-feld-label{font:var(--t-caption);color:var(--text-2);margin:0 0 var(--s1);display:block}.ws-fragen{gap:var(--s5);display:grid}.ws-fa-frage{align-items:baseline;gap:var(--s2);font:var(--t-item);color:var(--text);font-weight:600;display:flex}.ws-fa-nr{min-width:1.4em;color:var(--text-2);flex:none}.ws-head.ws-head-allein{margin-bottom:0}.ws-eyebrow>.ws-kopf-feld{width:auto;font:inherit;color:inherit;display:inline-block}.ws-kopf-knoepfe{top:var(--pad);right:var(--pad);align-items:center;gap:var(--s2);display:flex;position:absolute}.ws-kopf-knoepfe .ws-help{position:static}.ws-card:has(.ws-kopf-knoepfe) .ws-head{padding-right:calc(26px + var(--s3))}.ws-card:has(.ws-kopf-knoepfe .ws-help) .ws-head{padding-right:170px}.ws-card:not(:has(.ws-head)) .ws-kopf-knoepfe+*{margin-top:calc(26px + var(--s3))}.ws-tip-symbol{color:var(--accent);flex:none}.ws-tip-text{flex:1;min-width:0}.ws-srow>.ws-badge{flex:none}.ws-badge.ws-rolle-feld{text-transform:uppercase;border:0;outline:0;flex:none;width:auto;min-width:3ch}.ws-badge.ws-rolle-feld:focus{box-shadow:0 0 0 2px var(--accent)}.ws-srow .ws-lock.ws-knopf-leer{opacity:.45;transition:opacity .15s,color .15s}.ws-srow .ws-lock.ws-knopf-leer.ws-fest{opacity:1;color:var(--accent)}.ws-srow .ws-loesung-nr{background:var(--accent-fill);width:28px;height:24px;color:var(--accent);font:600 13px/1 var(--font);text-align:center;border:0;border-radius:6px;outline:0;flex:none;padding:0}.ws-srow .ws-loesung-nr:focus{box-shadow:0 0 0 2px var(--accent)}.ws-nr-kasten{box-sizing:border-box;background:var(--surface);width:28px;height:28px;box-shadow:0 0 0 1px var(--stroke);border-radius:6px;flex:none}.ws-srow .ws-handle.ws-tippflaeche{touch-action:none}.ws-sort-mit-bild{gap:var(--s5);align-items:flex-start;display:flex}.ws-sort-mit-bild>.ws-sort{flex:1;min-width:0}.ws-sort-bild{gap:var(--s2);flex:none;justify-items:center;min-width:160px;max-width:320px;display:grid}.ws-sort-bild img{object-fit:contain;border-radius:var(--r-control);width:100%;max-height:240px;display:block}.ws-bild-leer{box-sizing:border-box;gap:var(--s2);width:100%;padding:var(--s4);border-radius:var(--r-control);background:var(--fill);display:grid}.ws-bild-knopf{height:32px;padding:0 var(--s3);border-radius:var(--r-small);font:600 13px/1 var(--font);cursor:pointer;background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--separator);border:0}.ws-bild-wahl{background:var(--accent);color:#fff;box-shadow:none}.ws-bild-weg{color:var(--danger)}.ws-bild-dazu{margin-top:var(--s3)}.ws-srow.ws-anchor .ws-n{color:var(--text-3)}.ws-srow.ws-ok{box-shadow:0 0 0 2px var(--success)!important}.ws-srow.ws-bad{animation:.32s ws-shake;box-shadow:0 0 0 2px var(--danger)!important}.ws-sort[data-stage="3"] .ws-srow[data-who=staff]{background:var(--fill);box-shadow:0 0 0 1px var(--separator)}.ws-sort[data-stage="3"] .ws-srow[data-who=sam]{background:var(--accent-fill);box-shadow:0 0 0 1px var(--accent-line)}.ws-sort[data-stage="3"] .ws-srow[data-who=staff] .ws-badge{background:#e3e3e8}.ws-sort.ws-chatlook .ws-srow{padding:var(--s2) var(--s2) var(--s2) var(--s4);background:var(--surface)!important;box-shadow:0 0 0 1px var(--separator)!important}.ws-sort.ws-chatlook .ws-srow.ws-lift{box-shadow:0 0 0 2px var(--accent),var(--shadow-lift)!important}.ws-sort.ws-chatlook .ws-srow.ws-ok{box-shadow:0 0 0 2px var(--success)!important}.ws-sort.ws-chatlook .ws-srow.ws-bad{box-shadow:0 0 0 2px var(--danger)!important}.ws-sort.ws-chatlook .ws-txt{padding:var(--s2) var(--s3);background:#e9e9eb;border-radius:16px;line-height:1.3}.ws-sort.ws-chatlook .ws-srow[data-who=sam] .ws-txt{background:var(--accent);color:#fff}.ws-sort.ws-chatlook .ws-txt .ws-badge{width:max-content;color:inherit;opacity:.75;margin-bottom:2px;padding:0;display:block;background:0 0!important}.ws-card.ws-ausgewaehlt{box-shadow:0 0 0 2px var(--accent),var(--shadow-card)}.ws-tools{z-index:3;top:-16px;right:var(--s4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--r-small);box-shadow:0 0 0 1px var(--separator),0 4px 12px #00000014;background:#ffffffeb;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.ws-tools label,.ws-tools button{height:28px;font:var(--t-caption);color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.ws-tools .ws-delete{color:var(--danger)}@keyframes ws-shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}@keyframes ws-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media print{.ws-tools,.ws-help,.ws-pruefen{display:none!important}}