:root{font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent;border-radius:10px}*::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#a8a8a8}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:var(--right-primary-dark)}body{font-family:var(--font-body);margin:0;min-width:320px;min-height:100vh}h1{font-family:var(--font-heading);font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:var(--text);background-color:var(--bg)}a:hover{color:var(--right-primary-dark)}button{background-color:#f9f9f9}}@font-face{font-family:Figtree;src:url(/fonts/Figtree/Figtree-VariableFont_wght.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree/Figtree-Italic-VariableFont_wght.ttf) format("truetype");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:Material Symbols Outlined;src:url(/fonts/material-symbols/MaterialSymbolsOutlined.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Material Symbols Rounded;src:url(/fonts/material-symbols/MaterialSymbolsRounded-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Material Symbols Rounded;src:url(/fonts/material-symbols/MaterialSymbolsRounded-700-fill.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}:root{--font-body: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;--font-heading: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;--brand: #4caf50;--brand-dark: #2f7d32;--brand-600: #1b5e20;--brand-700: #124a16;--accent: #4caf50;--accent-light: #66bb6a;--accent-light2: #86d986;--accent-light3: #a8e6a8;--accent-dark: #5cb85c;--blue-strong: #9ecbff;--blue-active: #3a85ff;--blue-light: #e7f3ff;--accent-700: #2e7d32;--accent-red-light: #d98686;--accent-red-dark: #c96a65;--highlight: #e0e0e0;--text: #000000f2;--text-strong: #1f1f1f;--text-muted: #555;--muted: #555;--surfaceHell: #ffffff;--bg: #f8f9fa;--background-gray: #f6f5f4;--surface: #ffffff;--surface-dark: #f2f2f2;--surface-2: #f7f7f7;--radius: 20px;--radius-2: 12px;--radius-3: 8px;--surface-3: #fafafa;--border: lightgray;--border-muted: #e8e8e8;--deactivated: #f4f3f3;--border-2: #dcdcdc;--surface-hover: #f5f5f5;--surface-2-hover: #f2f4f7;--border-hover: #cfd7e1;--border-2-hover: #c4ceda;--shadow: 0 3px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .18);--focus: #9ad6ae !important;--container-max: 1160px;--gap-1: 4px;--gap-2: 8px;--header2: 1.5rem;--normal-font: 600;--bold-font: 700;--z-base: 0;--z-local: 1;--z-raised: 10;--z-navigation: 30;--z-popover: 100;--z-tooltip: 200;--z-floating: 300;--z-overlay: 1000;--z-overlay-panel: 1010;--z-popover-portal: 1020;--z-dropdown-portal: 1020;--z-dialog: 1100;--z-critical: 1200}html{color-scheme:light}body{font-family:var(--font-body)}.container{box-sizing:border-box;background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius)}h2{font-size:var(--header2)}.material-symbols-outlined,.material-symbols-outlined-white,.material-symbols-rounded{font-style:normal;font-size:inherit;line-height:1;letter-spacing:0;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-symbols-outlined,.material-symbols-outlined-white{font-family:Material Symbols Rounded;font-weight:400;color:inherit}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400}:where(h1,h2,h3,h4,h5,h6,[role=heading],.title,.headline-pro,.header-brand,[class$=-title]:not([class*=subtitle]),[class$=_title]:not([class*=subtitle]),[class*=__title]:not([class*=subtitle])){font-family:var(--font-heading)}:where([class*=subtitle],.subtitle,[class$=-subtitle],[class$=_subtitle],[class*=__subtitle]){font-family:var(--font-body)}.page-title{margin:0;color:var(--text);font-size:1.5rem;line-height:1.2;font-weight:800;letter-spacing:0;text-align:center;text-wrap:nowrap;white-space:nowrap}.page-title.startseite-learning-prompt__label{color:var(--text);font-size:1.5rem;font-weight:var(--bold-font);line-height:1.2;text-align:center}@media(max-width:860px){:root{--header2: 1.2rem}.page-title{font-size:1.2rem;text-wrap:wrap;white-space:normal}.page-title.startseite-learning-prompt__label{font-size:clamp(1.18rem,1rem + 3vw,1.55rem)}}@media(max-width:420px){.page-title,.page-title.startseite-learning-prompt__label{font-size:clamp(1rem,.94rem + 1vw,1.18rem)}}html[data-theme=dark]{color-scheme:dark;--brand: #4caf50;--brand-dark: #6cbf72;--brand-600: #57b15d;--brand-700: #4ca252;--accent: #4caf50;--accent-700: #6cbf72;--text: #d4d4d4;--text-strong: #f1f1f1;--text-muted: #b3b3b3;--muted: #b3b3b3;--bg: #1c1c1c;--background-gray: #242321;--highlight: #1e1e1e;--surfaceHell: #202225;--surface: #202225;--surface-dark: #181a1d;--surface-2: #2a2e33;--surface-3: #32373d;--border: #3a3a3a;--border-muted: #2f2f2f;--border-2: #444444;--deactivated: #2a2a2a;--blue-light: #102a43;--blue-strong: #3b82f6;--surface-hover: #303030;--surface-2-hover: #383838;--border-hover: #555555;--border-2-hover: #666666;--shadow: 0 10px 25px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .55);--focus: #9ad6ae !important}html[data-theme=dark] .exercise-type-icon{filter:brightness(0) invert(1)}button,a,[role=button],input,textarea,select{-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}.link-impressum{background:none;border:none;color:var(--brand);font-weight:600;cursor:pointer;padding:.4rem .7rem;font-size:.95rem;border-radius:8px;transition:color .2s,background .2s}.link-impressum:hover{color:var(--brand-dark)}.link-impressum:focus-visible{outline:none;background:#e8f0fe}html,body,#root{height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-style:solid;border-width:2px 2px 3.5px 2px;border-radius:20px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease,filter .12s ease}.btn:active{transform:translateY(1px)}.btn.primary{border-color:green;background:var(--brand);color:#fff;box-shadow:none}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #0000001f;background-color:#45a049!important}.btn.primary:active:not(:disabled){transform:translateY(1px);background:#3ea744;border-color:#2e7b33}.btn.primary:focus-visible{outline:none;box-shadow:0 0 0 3px #c8e6c9,0 6px 16px #0000001f}.btn.primary:disabled{background-color:#e0e0e0!important;color:silver!important;border-color:#bdbdbd!important;cursor:not-allowed;opacity:1;transform:none;box-shadow:none}.btn--icon-compact{border-radius:999px;padding:.4rem;min-width:36px;min-height:36px}.btn--icon-compact .material-symbols-outlined{font-size:18px;line-height:1}.btn.secondary{border-color:var(--border);background:var(--surfaceHell);color:var(--text);border-width:2px 2px 3px 2px}.btn.secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #00000014}.btn.secondary:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 6px #0000000f}.btn.secondary:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn.danger{background:#fdeaea;border-color:#e58a87;border-width:2px 2px 3.5px 2px;color:#a82320}.btn.danger:hover:not(:disabled){background:#f8d6d6;border-color:#d77a77}.btn.icon{width:40px;height:40px;padding:0;border-radius:12px;background:#fff;border:2px solid var(--border)}.btn.icon:hover:not(:disabled){border-color:var(--brand)}.btn-sm{padding:.5rem .8rem;border-radius:16px}.btn-md{padding:.65rem 1rem}.btn-lg{padding:.85rem 1.2rem}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.teacher-input,.teacher-select{width:100%;-webkit-appearance:none;-moz-appearance:none;min-width:0!important;max-width:100%;min-height:40px;border:2px solid var(--border);border-radius:var(--radius);padding:.5rem .6rem;font-size:.95rem;background:var(--surfaceHell);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}.teacher-input--compact-square{min-height:36px;padding:.35rem .5rem}.teacher-input--error{border:2px solid #e74c3c!important;background-color:#fff6f6!important;transition:border-color .3s ease,background-color .3s ease;box-shadow:none!important}.teacher-input:focus,.teacher-select:focus{outline:none;border-color:var(--accent, var(--brand));box-shadow:0 0 0 3px #4caf502e}html[data-theme=dark] .teacher-input,html[data-theme=dark] .teacher-select{background:var(--surface-2);border-color:var(--border);box-shadow:0 2px 6px #00000059 inset}html[data-theme=dark] .teacher-input:focus,html[data-theme=dark] .teacher-select:focus{border-color:#3a85ff;box-shadow:0 0 0 3px #3a85ff33}.btn.ghost{background:var(--surfaceHell);color:var(--muted);border-color:var(--border);border-width:2px 2px 3px 2px}.btn.ghost:not(:disabled):hover{background-color:color-mix(in srgb,var(--surface-2) 88%,#fff 12%);color:var(--text);border-color:var(--border);box-shadow:0 6px 14px #00000014;transform:translateY(-1px)}.btn.ghost:not(:disabled):active{transform:translateY(1px) scale(.98);box-shadow:0 2px 6px #0000000f}.btn--icon-round{width:30px;height:30px;min-width:30px;padding:0;border-radius:999px}.btn--icon-round .material-symbols-outlined{font-size:18px;line-height:1}.btn--fullwidth{width:100%;padding:.75rem 1.125rem;margin-bottom:40px;border-radius:20.25px;border-style:solid;border-width:2px 2px 4px 2px;border-color:green;background:#4caf50;color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:background .2s,transform .13s ease,box-shadow .13s ease;box-shadow:0 1px 2px #0000001f}.btn--fullwidth:hover:not(:disabled){transform:translateY(-1px);background:#43a047;box-shadow:0 2px 4px #00000029}.btn--fullwidth:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0000001f}.btn--fullwidth:disabled,.btn--fullwidth:disabled:hover,.btn--fullwidth:disabled:active{background:#c9cdd0;border-color:#aeb4b8;color:#f7f7f7;cursor:not-allowed;transform:none;box-shadow:none}.subject-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2rem;height:1.35rem;overflow:hidden;line-height:1}.subject-icon>*,.subject-icon svg,.subject-icon img{display:block;width:100%;height:100%}.subject-icon .material-symbols-outlined{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.bottom-sheet,.mobile-filters{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;overflow:hidden}.bottom-sheet--open,.bottom-sheet--closing,.mobile-filters--open,.mobile-filters--closing{display:block}:where(.bottom-sheet__backdrop,.mobile-filters__backdrop){position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a61;opacity:0;transition:opacity .22s ease;pointer-events:none}:where(.bottom-sheet--open .bottom-sheet__backdrop,.mobile-filters--open .mobile-filters__backdrop){opacity:1;pointer-events:auto}:where(.bottom-sheet--closing .bottom-sheet__backdrop,.mobile-filters--closing .mobile-filters__backdrop){opacity:0;pointer-events:none}:where(.bottom-sheet__panel,.mobile-filters__sheet){--swipe-down-offset: 0px;position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.75rem;width:100vw;max-height:min(86svh,760px);overflow:hidden;padding:.95rem 1rem calc(1rem + env(safe-area-inset-bottom));border:2px solid var(--border, lightgray);border-bottom:0;border-radius:24px 24px 0 0;background:var(--surfaceHell, #f8f8f8);transform:translateY(102%);transition:transform .28s cubic-bezier(.22,.61,.36,1);will-change:transform;pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain}:where(.bottom-sheet__panel,.mobile-filters__sheet)[data-swipe-dragging=true]{transition:none}:where(.bottom-sheet--open .bottom-sheet__panel,.mobile-filters--open .mobile-filters__sheet){transform:translateY(var(--swipe-down-offset))}:where(.bottom-sheet--closing .bottom-sheet__panel,.mobile-filters--closing .mobile-filters__sheet){transform:translateY(102%)}:where(.bottom-sheet__handle,.mobile-filters__sheet-handle){width:44px;height:5px;border-radius:999px;background:#94a3b8b8;align-self:center;flex:0 0 auto;touch-action:none;user-select:none;-webkit-user-select:none}:where(.bottom-sheet__header,.mobile-filters__header){display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;flex:0 0 auto}:where(.bottom-sheet__title,.mobile-filters__title){margin:0;color:var(--text, #222);font-size:.98rem;font-weight:900}:where(.bottom-sheet__subtitle,.mobile-filters__subtitle){margin:.15rem 0 0;color:var(--muted, #333);font-size:.86rem;line-height:1.3}:where(.bottom-sheet__close,.mobile-filters__close){display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:2px solid var(--border, lightgray);background:var(--surface, #fff);color:var(--text, #333);cursor:pointer;flex:0 0 auto}:where(.bottom-sheet__close,.mobile-filters__close):hover{background:var(--surface-hover, #f1f1f1)}:where(.bottom-sheet__body,.mobile-filters__body){flex:1 1 auto;min-height:0;overflow-y:auto}:where(.bottom-sheet__footer,.mobile-filters__footer){flex:0 0 auto;padding-top:.3rem;position:relative;z-index:1}html[data-theme=dark] :where(.bottom-sheet__backdrop,.mobile-filters__backdrop){background:#00000094}.dropdown-options.dropdown-options--portal{position:fixed!important;top:var(--dd-top)!important;bottom:var(--dd-bottom)!important;left:var(--dd-left)!important;width:var(--dd-width)!important;max-height:var(--dd-max-height)!important;z-index:var(--z-dropdown-portal)!important}.dropdown-options--portal{box-shadow:0 12px 30px #0003}@keyframes right-error-message-enter{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}[role=alert],.error-text,.danger-text,.admin-alert.error,.teacher-alert.error,.username-change-error,.settings-modal-error,.error-box,.lernpfad-creation-error,.tasks-inline-error,.task-status--error,.explanation-error,.quests-error{animation:right-error-message-enter .2s cubic-bezier(.22,.82,.24,1);will-change:transform,opacity}@media(prefers-reduced-motion:reduce){[role=alert],.error-text,.danger-text,.admin-alert.error,.teacher-alert.error,.username-change-error,.settings-modal-error,.error-box,.lernpfad-creation-error,.tasks-inline-error,.task-status--error,.explanation-error,.quests-error{animation:none}}:root{--page-padding-x: clamp(.75rem, 2vw, 1.25rem);--page-padding-y: clamp(.75rem, 1.8svh, 1.25rem);--page-padding-bottom: 2rem;--page-scrollbar-width: 14px;--page-max-width: none}.page-frame{box-sizing:border-box;width:100%;max-width:none;min-height:0;color:var(--text)}.page-frame--hidden,.page-frame--scroll{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.page-frame--hidden{padding:var(--page-padding-y) var(--page-padding-x)}.page-frame--full{padding:0}.page-frame__content,.page-frame__scroll{box-sizing:border-box;width:100%;max-width:var(--page-max-width);min-width:0;min-height:0;margin-inline:auto}.page-frame__content{flex:1 1 auto;height:100%;overflow:hidden;display:flex;flex-direction:column}.page-frame__scroll{flex:1 1 0;height:100%;max-height:100%;padding-block-start:var(--page-padding-y);padding-block-end:var(--page-padding-bottom);padding-inline:var(--page-padding-x);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.page-frame--full .page-frame__scroll{padding:0}.page-frame__scroll::-webkit-scrollbar{width:var(--page-scrollbar-width);background:transparent}.page-frame__scroll::-webkit-scrollbar-track{background:var(--surface, var(--bg));border-radius:999px}.page-frame__scroll::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:999px;min-height:32px}.page-frame__scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background-clip:padding-box;border-radius:999px}.nav-root--sidebar .page-transition-container .page-transition>.page-frame{height:100dvh}@media(max-width:765px){.nav-root--sidebar .page-transition-container .page-transition>.page-frame{height:calc(100dvh - var(--dock-h, 60px) - env(safe-area-inset-bottom,0px));min-height:0}.page-frame__scroll{--page-scrollbar-width: 10px}.page-frame__scroll::-webkit-scrollbar-thumb,.page-frame__scroll::-webkit-scrollbar-thumb:hover{border-width:3px}}.right-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;transform:none;z-index:var(--z-overlay);padding:1rem}.right-overlay-panel{--swipe-down-offset: 0px;border:0!important;transform:translateY(calc(-10svh + var(--swipe-down-offset)));will-change:transform,opacity;animation:rightOverlayCardIn .2s ease-out;position:relative;z-index:var(--z-overlay-panel);touch-action:pan-y;overscroll-behavior:contain}.right-overlay-panel[data-swipe-dragging=true]{transition:none}.right-overlay.right-overlay-leave{animation:rightOverlayOut .18s ease-in forwards}.right-overlay-panel.right-overlay-panel-leave{animation:rightOverlayCardOut .18s ease-in forwards}@media(max-width:765px){.right-overlay{align-items:flex-end;justify-content:center;padding:0}.right-overlay-panel{transform:translateY(var(--swipe-down-offset));animation:rightOverlaySheetIn .22s cubic-bezier(.22,.82,.24,1)}.right-overlay:after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(24px + env(safe-area-inset-bottom,0px));background:#fff;pointer-events:none}.right-overlay-panel.right-overlay-panel-leave{animation:rightOverlaySheetOut .18s ease-in forwards}}@keyframes rightOverlaySheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes rightOverlayCardIn{0%{opacity:0;transform:translateY(calc(-10svh + var(--swipe-down-offset))) scale(.985)}to{opacity:1;transform:translateY(calc(-10svh + var(--swipe-down-offset))) scale(1)}}@keyframes rightOverlayCardOut{0%{opacity:1;transform:translateY(calc(-10svh + var(--swipe-down-offset))) scale(1)}to{opacity:0;transform:translateY(calc(-10svh + var(--swipe-down-offset))) scale(.985)}}@keyframes rightOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes rightOverlaySheetOut{0%{opacity:1;transform:translateY(var(--swipe-down-offset))}to{opacity:0;transform:translateY(100%)}}html[data-theme=dark] .right-overlay{background:#0000008c}html[data-theme=dark] .right-overlay-panel{color:var(--text)}@media(prefers-reduced-motion:reduce){.right-overlay,.right-overlay-panel,.right-overlay.right-overlay-leave,.right-overlay-panel.right-overlay-panel-leave{animation:none}}.empty-state{width:100%;box-sizing:border-box;background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:2rem;display:flex;justify-content:center;align-items:center;gap:2.5rem;box-shadow:var(--shadow)}.empty-state--spacious{margin-top:1rem;min-height:50svh}.empty-state__content{flex:0 1 520px;display:flex;flex-direction:column;gap:1rem}.empty-state__head{display:flex;flex-direction:column;gap:.3rem}.empty-state__title{margin:0;font-size:1.35rem;font-weight:600;color:var(--text)}.empty-state__subtitle{margin:0;font-size:.95rem;color:var(--muted)}.empty-state__chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0}.empty-state__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:999px;background:var(--surface-2-statistik, var(--surfaceHell));border:1px solid var(--grid, var(--border));color:var(--text);font:inherit;font-size:.85rem;line-height:1.2;-webkit-user-select:none;user-select:none}button.empty-state__chip{-webkit-appearance:none;-moz-appearance:none;appearance:none}.empty-state__chip--button{cursor:pointer}.empty-state__chip--button:hover{background:var(--surface-2-hover, var(--surface-2))}.empty-state__chip-icon,.empty-state__row-icon{flex:0 0 auto;font-size:18px;color:var(--accent-600, var(--accent))}.empty-state__chip-label,.empty-state__row-label{min-width:0}.empty-state__rows{display:grid;gap:.55rem}.empty-state__row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .7rem;border:1px solid var(--grid, var(--border));border-radius:10px;background:var(--surface-2-statistik, var(--surfaceHell))}.empty-state__row-main{min-width:0;display:inline-flex;align-items:center;gap:.5rem}.empty-state__row-label{font-size:.85rem;color:var(--muted)}.empty-state__ghost{flex:1;max-width:55%;height:7px;border-radius:999px;background:linear-gradient(90deg,#00000014,#00000026,#00000014)}.empty-state__dog{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-end}.empty-state__dog-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.empty-state__dog-img{width:160px!important;height:160px!important;display:block;z-index:1}.teacher-lessons-empty{flex:0 0 auto;align-self:center;width:min(100%,680px);display:flex;align-items:center;justify-content:center;padding:.4rem 0 0;box-sizing:border-box}.teacher-lessons-empty__scene{width:min(100%,680px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.teacher-lessons-empty__dog{display:flex;justify-content:center;width:100%}.teacher-lessons-empty__dog-frame{width:min(240px,42vw);height:min(240px,42vw);max-width:240px;max-height:240px}.teacher-lessons-empty__dog-img{width:100%!important;height:100%!important;display:block}.teacher-lessons__prepare-prompt--empty{margin-bottom:0;width:100%;max-width:620px}.teacher-lessons__prepare-prompt--empty .startseite-learning-prompt__headline{justify-content:center;text-align:center}.teacher-lessons__prepare-prompt--empty .startseite-learning-prompt__label{width:100%;text-align:center}.teacher-lessons__prepare-prompt--empty .startseite-teacher-prompt__composer{width:100%}.teacher-lessons-empty__steps{margin-top:.1rem}.teacher-lessons-empty__steps .startseite-teacher-empty-step__body,.teacher-lessons-empty__steps .startseite-teacher-empty-step__title,.teacher-lessons-empty__steps .startseite-teacher-empty-step__detail{text-align:left}.learning-empty{width:100%;overflow:hidden}.pfad-container-startseite.learning-empty--left,.pfad-container-startseite.learning-empty--right{height:var(--lernpfad-card-desktop-height, min(80svh, calc(100svh - 190px) ))}.learning-empty__title-row{width:100%;display:flex;align-items:center;justify-content:center}.learning-empty__title-row--split{justify-content:space-between;gap:.5rem}.learning-empty__title{margin:0}.learning-empty__title--centered{margin-bottom:.35rem}.learning-empty__subtitle,.learning-empty__hint{color:var(--muted);text-align:center}.learning-empty__subtitle{margin:0}.learning-empty__hint{margin-top:auto;font-size:.95rem;padding-bottom:.5rem}.learning-empty__body{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:start;gap:.5rem;width:100%;margin-top:var(--gap-2);margin-bottom:var(--gap-2)}.learning-empty__chip-list{min-width:0;display:grid;gap:.5rem}.learning-empty__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;background:var(--surfaceHell);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.95rem;width:100%;box-sizing:border-box;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learning-empty__chip-icon{flex:0 0 auto;font-size:1.05rem;color:var(--accent-600, var(--accent))}.image-wrapper-learning-empty-left{position:relative;width:100%;height:auto;margin-top:4vh;margin-bottom:.7vh}.learning-empty__dog{width:125px;height:155px;flex:0 0 120px;display:grid;place-items:center;align-self:center;overflow:hidden}.learning-empty__steps{width:100%;margin-top:.9rem;display:grid;gap:.6rem}.learning-empty__step{display:flex;align-items:center;gap:.6rem}.learning-empty__step-icon{width:2.2rem;height:2.2rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:10px;background:var(--surfaceHell);color:var(--accent-600, var(--accent));font-size:1.35rem}.learning-empty .learning-empty__step-icon.material-symbols-outlined{display:inline-grid;place-items:center;line-height:1;text-align:center;overflow:hidden}.learning-empty__step-copy{display:flex;flex-direction:column;line-height:1.15}.learning-empty__step-title{font-size:1.02rem;color:var(--text)}.learning-empty__step-subtitle{color:var(--muted);font-size:.95rem}.learning-empty__template-grid{width:100%;margin-top:.75rem;display:grid;grid-template-columns:1fr;gap:.6rem;overflow:auto}.learning-empty__template-card{position:relative;text-align:left;background:var(--surfaceHell);border:2px solid var(--border);border-radius:12px;padding:.8rem;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;color:var(--text);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease;will-change:transform}.learning-empty__template-card:hover{box-shadow:0 6px 20px #0000000f;border-color:var(--grid, var(--border))}.learning-empty__template-card:focus-visible{outline:none;box-shadow:0 0 0 3px #4caf503d;border-color:var(--accent-600, var(--accent))}.learning-empty__template-card:active,.learning-empty__template-card.is-pressed{transform:translateY(1px) scale(.985)}.learning-empty__template-card:disabled{filter:grayscale(.9);opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.learning-empty__template-head{display:flex;align-items:center;gap:.5rem}.learning-empty__template-icon{width:2.65rem;height:1.9rem;flex:0 0 2.65rem;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-600, var(--accent));overflow:hidden}.learning-empty__template-icon svg{width:100%;height:100%;display:block}.learning-empty__template-subject{font-size:1.02rem}.learning-empty__template-tags{display:flex;flex-wrap:wrap;gap:.35rem}.learning-empty__template-tag{font-size:.9rem;padding:.25rem .5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--muted)}.learning-empty__ripple{position:absolute;border-radius:9999px;transform:scale(0);opacity:.35;background:#4caf5059;pointer-events:none;animation:learning-empty-ripple .48s ease-out forwards}@keyframes learning-empty-ripple{to{transform:scale(1);opacity:0}}html[data-theme=dark] .empty-state__ghost{background:linear-gradient(90deg,#ffffff14,#ffffff26,#ffffff14)}html[data-theme=dark] .learning-empty__template-card{background:var(--surface-2);box-shadow:0 2px 10px #00000059}html[data-theme=dark] .learning-empty__template-card:hover{background:var(--surface);box-shadow:0 6px 18px #00000080}html[data-theme=dark] .learning-empty__template-card:focus-visible{box-shadow:0 0 0 3px #4caf503d,0 2px 10px #00000059}html[data-theme=dark] .learning-empty__ripple{background:#4caf5040;opacity:.45}@media(max-width:720px){.empty-state{flex-direction:column;align-items:stretch;text-align:center;gap:1.25rem;padding:1.1rem 1rem 1.4rem}.empty-state--spacious{min-height:auto}.empty-state__content{flex:0 0 auto;align-items:center}.empty-state__chips{justify-content:center}.empty-state__rows,.empty-state__row{width:100%}.empty-state__row{text-align:left}.empty-state__title{font-size:1.2rem}.empty-state__subtitle{font-size:.9rem}.empty-state__dog{order:3;justify-content:center}.empty-state__dog-wrapper{transform:translateY(-8px)}.empty-state__dog-img{width:min(38vw,130px)!important;height:auto!important}.teacher-lessons-empty{padding:.45rem 0 0}.teacher-lessons-empty__scene{width:min(100%,420px);gap:.9rem}.teacher-lessons-empty__dog-img{width:100%!important;height:100%!important}}@media(max-width:420px){.empty-state{gap:1.1rem;padding:1rem .9rem 1.3rem}.empty-state__title{font-size:1.1rem}.empty-state__subtitle{font-size:.85rem}.empty-state__chip{font-size:.8rem}}@media(max-width:1244px){.learning-empty__chip{font-size:.8rem;gap:.2rem;padding:.5rem}}@media(prefers-reduced-motion:reduce){.learning-empty__template-card{transition:none}.learning-empty__ripple{animation:none;display:none}}