body{padding-top:0}.student-topnav{position:sticky;top:0;z-index:100;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle, #d7dce3)}.student-topnav__inner{max-width:1280px;margin:0 auto;padding:var(--space-3, 12px) var(--space-5, 20px);display:flex;align-items:center;gap:var(--space-5, 20px)}.student-topnav__brand{font-weight:600;font-size:1.05rem;color:var(--color-fg-primary);text-decoration:none;white-space:nowrap}.student-topnav__nav{display:flex;gap:var(--space-4, 16px);align-items:center;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.student-topnav__nav a{color:var(--color-fg-secondary, #495166);text-decoration:none;white-space:nowrap;padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-sm, 6px)}.student-topnav__nav a[aria-current=page],.student-topnav__nav a.active{color:var(--color-brand-500, #2B5BD7);background:var(--color-bg-secondary, #f2f4f8);font-weight:600}.student-topnav__logout{background:transparent;white-space:nowrap;border:1px solid var(--color-border-subtle, #d7dce3);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-sm, 6px);color:var(--color-fg-primary);cursor:pointer}.student-topnav__logout:hover{background:var(--color-bg-secondary, #f2f4f8)}.student-topnav__logout:disabled{opacity:.6;cursor:not-allowed}.student-role-banner{background:#fff3cd;color:#6e5200;padding:var(--space-3, 12px) var(--space-5, 20px);text-align:center;border-bottom:1px solid #f0d168;font-weight:500}.student-outlet{max-width:1100px;margin:0 auto;padding:var(--space-5, 20px)}.student-outlet:focus{outline:none}.student-login-banner{max-width:640px;margin:4rem auto;padding:var(--space-6, 28px);text-align:center;background:var(--color-bg-secondary, #f8f9fb);border-radius:var(--radius-md, 10px)}.student-login-banner h1{margin-top:0;font-size:1.5rem}.student-login-banner__btn{display:inline-block;margin-top:var(--space-4, 16px);padding:var(--space-3, 12px) var(--space-5, 20px);background:var(--color-brand-500, #2B5BD7);color:#fff;border-radius:var(--radius-sm, 6px);font-weight:600;text-decoration:none}.student-login-banner__btn:hover{background:var(--color-brand-600, #2550C4);text-decoration:none}.student-uebersicht__header{margin-bottom:var(--space-5, 20px)}.student-uebersicht__header h1{margin:0 0 var(--space-2, 8px);font-size:1.75rem}.student-uebersicht__subtitle{margin:0;color:var(--color-fg-secondary, #495166)}.student-uebersicht__preview-banner{background:#eef4ff;color:#1a3a80;padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);margin-bottom:var(--space-4, 16px);border:1px solid #c6d6f5}.student-uebersicht__tabs{display:flex;gap:var(--space-2, 8px);border-bottom:1px solid var(--color-border-subtle, #d7dce3);margin-bottom:var(--space-4, 16px)}.student-uebersicht__tab{appearance:none;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-fg-secondary, #495166);cursor:pointer;font:inherit;font-weight:500;padding:var(--space-3, 12px) var(--space-4, 16px);margin-bottom:-1px;transition:color .12s ease,border-color .12s ease}.student-uebersicht__tab:hover{color:var(--color-fg-primary, #11151f)}.student-uebersicht__tab:focus-visible{outline:2px solid var(--color-accent, #2c64d3);outline-offset:2px;border-radius:var(--radius-sm, 6px)}.student-uebersicht__tab--active,.student-uebersicht__tab[aria-selected=true]{color:var(--color-accent, #2c64d3);border-bottom-color:var(--color-accent, #2c64d3)}.student-uebersicht__sort,.student-uebersicht__teacher-filter{display:flex;align-items:center;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.student-uebersicht__sort-select,.student-uebersicht__teacher-select,.student-einstellungen__push-select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--color-border-subtle, #d7dce3);border-radius:var(--radius-sm, 6px);background:var(--color-bg-primary);color:var(--color-fg-primary);font-size:inherit}.student-uebersicht__list{display:grid;gap:var(--space-4, 16px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.student-uebersicht__card{background:var(--color-bg-secondary, #f8f9fb);border:1px solid var(--color-border-subtle, #d7dce3);border-radius:var(--radius-md, 10px);padding:var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-3, 12px)}.student-uebersicht__card-title{margin:0;font-size:1.1rem}.student-uebersicht__card-meta{margin:0;color:var(--color-fg-secondary, #495166);font-size:.9rem}.student-uebersicht__card-actions{margin-top:auto;display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.student-uebersicht__card-btn{display:inline-block;padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--color-brand-500, #2B5BD7);color:#fff;border-radius:var(--radius-sm, 6px);text-decoration:none;font-weight:500}.student-uebersicht__card-btn:hover{background:var(--color-brand-600, #2550C4);text-decoration:none}.student-uebersicht__resubmit-badge{display:inline-block;align-self:flex-start;padding:2px 10px;font-size:.8rem;font-weight:500;border-radius:999px;background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border:1px solid var(--color-danger-border, #f3a0a0)}.student-uebersicht__resubmit-info{margin-bottom:var(--space-4, 16px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border:1px solid var(--color-danger-border, #f3a0a0);border-radius:var(--radius-md, 10px);display:flex;align-items:center;gap:var(--space-3, 12px);justify-content:space-between;flex-wrap:wrap}.student-uebersicht__resubmit-info-message{margin:0;font-weight:500;flex:1 1 auto}.student-uebersicht__resubmit-info-link{color:var(--color-danger-fg, #991b1b);font-weight:600;text-decoration:underline}.student-uebersicht__queue-badge{display:inline-block;align-self:flex-start;padding:2px 10px;font-size:.8rem;font-weight:500;border-radius:999px;border:1px solid transparent}.student-uebersicht__queue-badge--pending{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-fg, #92400e);border-color:var(--color-warning-border, #f3d992)}.student-uebersicht__queue-badge--retrying{background:var(--color-info-bg, #dbeafe);color:var(--color-info-fg, #1e40af);border-color:var(--color-info-border, #b4c9f3)}.student-uebersicht__queue-badge--session-expired{background:color-mix(in oklch,var(--color-status-warning) 14%,transparent);color:var(--color-fg-primary);border-color:color-mix(in oklch,var(--color-status-warning) 50%,transparent)}.student-uebersicht__queue-badge--failed{background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border-color:var(--color-danger-border, #f3a0a0)}.student-uebersicht__queue-badge--duplicate{background:var(--color-bg-tertiary, #eef1f6);color:var(--color-text-secondary, #4b5563);border-color:var(--color-border-strong, #d5dae2)}.student-uebersicht__queue-reason{margin:var(--space-1, 4px) 0 0;font-size:.85rem;line-height:1.4;color:var(--color-danger-fg, #991b1b)}.student-uebersicht__queue-badge--variant{background:color-mix(in oklch,var(--color-status-warning) 14%,transparent);color:var(--color-fg-primary);border-color:color-mix(in oklch,var(--color-status-warning) 50%,transparent)}.student-uebersicht__queue-reason--variant{color:var(--color-fg-primary)}.student-uebersicht__queue-retry{margin-top:var(--space-2)}.student-uebersicht__queue-reason--duplicate{color:var(--color-text-secondary, #4b5563)}.student-uebersicht__empty,.student-uebersicht__error{padding:var(--space-5, 20px);background:var(--color-bg-secondary, #f8f9fb);border-radius:var(--radius-md, 10px);grid-column:1 / -1}.student-uebersicht__empty h2,.student-uebersicht__error h2{margin-top:0}.student-uebersicht__loading{padding:var(--space-4, 16px);color:var(--color-fg-secondary, #495166);grid-column:1 / -1}.student-arbeitsblatt__back{display:inline-block;margin-bottom:var(--space-3, 12px);color:var(--color-brand-500, #2B5BD7);text-decoration:none}.student-arbeitsblatt__back:hover{text-decoration:underline}.student-arbeitsblatt__preview-banner{background:#fff3cd;color:#6e5200;padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);margin-bottom:var(--space-4, 16px);border:1px solid #f0d168}.student-arbeitsblatt__resubmit-hint{margin-bottom:var(--space-4, 16px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border:1px solid var(--color-danger-border, #f3a0a0);border-radius:var(--radius-md, 10px)}.student-arbeitsblatt__resubmit-hint-title{margin:0 0 var(--space-2, 8px) 0;font-size:1rem;font-weight:600}.student-arbeitsblatt__resubmit-hint-reason{margin:0}.student-arbeitsblatt__loading,.student-arbeitsblatt__error{padding:var(--space-5, 20px);background:var(--color-bg-secondary, #f8f9fb);border-radius:var(--radius-md, 10px)}.student-arbeitsblatt__error h2{margin-top:0}.student-arbeitsblatt__footer{margin-top:var(--space-5, 20px);padding-top:var(--space-4, 16px);border-top:1px solid var(--color-border-subtle, #d7dce3);display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3, 12px)}.student-arbeitsblatt__submitted-status,.student-arbeitsblatt__submit-limit{flex-basis:100%;margin:0;text-align:right;font-size:var(--font-size-300, .875rem);line-height:var(--line-height-normal, 1.5)}.student-arbeitsblatt__submit-limit{color:var(--color-status-danger, #b42318);font-weight:600}.student-arbeitsblatt__submit-failure{flex-basis:100%;margin:0;text-align:right;font-size:var(--font-size-300);line-height:var(--line-height-normal);color:var(--color-status-danger);font-weight:600}.student-arbeitsblatt__autosave-badge{font-size:var(--font-size-300, .875rem);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 6px);border:1px solid transparent;line-height:var(--line-height-snug, 1.3)}.student-arbeitsblatt__autosave-badge--idle{background:transparent;color:transparent;border-color:transparent;padding:0}.student-arbeitsblatt__autosave-badge--saving{background:color-mix(in oklch,var(--color-status-warning, #d48c00) 14%,transparent);border-color:color-mix(in oklch,var(--color-status-warning, #d48c00) 40%,transparent);color:var(--color-fg-primary, #16202e)}.student-arbeitsblatt__autosave-badge--saved{background:color-mix(in oklch,var(--color-status-success, #2d8c4b) 12%,transparent);border-color:color-mix(in oklch,var(--color-status-success, #2d8c4b) 40%,transparent);color:var(--color-fg-primary, #16202e)}.student-arbeitsblatt__autosave-badge--error{background:color-mix(in oklch,var(--color-status-danger, #c5362d) 16%,transparent);border-color:color-mix(in oklch,var(--color-status-danger, #c5362d) 55%,transparent);color:var(--color-fg-primary, #16202e);font-weight:600}.student-arbeitsblatt__hydration-notice{margin:0 0 var(--space-4) 0;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-fg-primary);font-size:var(--font-size-300);line-height:var(--line-height-normal)}.student-arbeitsblatt__autosave-badge--conflict{background:color-mix(in oklch,var(--color-status-warning) 14%,transparent);border-color:color-mix(in oklch,var(--color-status-warning) 50%,transparent);color:var(--color-fg-primary);font-weight:600}.student-arbeitsblatt__conflict-notice{margin:0 0 var(--space-4) 0;padding:var(--space-3) var(--space-4);background:color-mix(in oklch,var(--color-status-warning) 14%,transparent);border:1px solid color-mix(in oklch,var(--color-status-warning) 50%,transparent);border-radius:var(--radius-md);color:var(--color-fg-primary);font-size:var(--font-size-300);line-height:var(--line-height-normal)}.student-arbeitsblatt__autosave-badge--session-expired{background:color-mix(in oklch,var(--color-status-warning) 14%,transparent);border-color:color-mix(in oklch,var(--color-status-warning) 50%,transparent);color:var(--color-fg-primary);font-weight:600}.student-session-expired{margin:0 0 var(--space-4) 0;padding:var(--space-3) var(--space-4);background:color-mix(in oklch,var(--color-status-warning) 14%,transparent);border:1px solid color-mix(in oklch,var(--color-status-warning) 50%,transparent);border-radius:var(--radius-md);color:var(--color-fg-primary);font-size:var(--font-size-300);line-height:var(--line-height-normal)}.student-session-expired__text{margin:0 0 var(--space-3) 0}.student-session-expired__relogin{display:inline-block}.student-arbeitsblatt__sync-notice{margin:0 0 var(--space-4, 16px) 0;padding:var(--space-3, 12px) var(--space-4, 16px);background:color-mix(in oklch,var(--color-status-warning, #d48c00) 14%,transparent);border:1px solid color-mix(in oklch,var(--color-status-warning, #d48c00) 50%,transparent);border-radius:var(--radius-md, 10px);color:var(--color-fg-primary, #16202e);font-size:var(--font-size-300, .875rem);line-height:var(--line-height-normal, 1.5)}.student-arbeitsblatt__sync-notice[data-state=earlier-version]{background:var(--color-bg-secondary, #fbf8f0);border-color:var(--color-border-strong, rgba(28, 26, 21, .18))}.student-arbeitsblatt__sync-notice-btn,.student-arbeitsblatt__sync-notice-retry,.student-arbeitsblatt__conflict-reload{margin-left:var(--space-2, 8px);padding:var(--space-1, 4px) var(--space-3, 12px);background:var(--color-bg-tertiary, #ffffff);color:var(--color-fg-primary, #16202e);border:1px solid var(--color-border-strong, #94a3b8);border-radius:var(--radius-sm, 6px);font:inherit;cursor:pointer}.student-arbeitsblatt__sync-notice-btn:hover,.student-arbeitsblatt__sync-notice-retry:hover,.student-arbeitsblatt__conflict-reload:hover{background:var(--color-bg-secondary, #f1f5f9)}.student-arbeitsblatt__submit-btn{padding:var(--space-3, 12px) var(--space-5, 20px);background:var(--color-brand-500, #2B5BD7);color:#fff;border:none;border-radius:var(--radius-sm, 6px);font-weight:600;cursor:pointer}.student-arbeitsblatt__submit-btn:hover:not(:disabled){background:var(--color-brand-600, #2550C4)}.student-arbeitsblatt__submit-btn:disabled{opacity:.5;cursor:not-allowed}.student-einstellungen h1{margin:0 0 var(--space-5, 20px)}.student-einstellungen__card{background:var(--color-bg-secondary, #f8f9fb);border:1px solid var(--color-border-subtle, #d7dce3);border-radius:var(--radius-md, 10px);padding:var(--space-5, 20px);margin-bottom:var(--space-4, 16px)}.student-einstellungen__card h2{margin-top:0;font-size:1.1rem}.student-einstellungen__info{margin:0;display:grid;grid-template-columns:max-content 1fr;row-gap:var(--space-2, 8px);column-gap:var(--space-4, 16px)}.student-einstellungen__row{display:contents}.student-einstellungen__label{font-weight:600;color:var(--color-fg-secondary, #495166)}.student-einstellungen__value{margin:0;color:var(--color-fg-primary);word-break:break-word}.student-einstellungen__logout-btn,.student-einstellungen__clear-btn,.student-einstellungen__push-btn{padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border-subtle, #d7dce3);background:var(--color-bg-primary);color:var(--color-fg-primary);cursor:pointer;margin-right:var(--space-3, 12px)}.student-einstellungen__logout-btn{border-color:var(--color-brand-500, #2B5BD7);color:var(--color-brand-500, #2B5BD7);font-weight:600}.student-einstellungen__logout-btn:hover:not(:disabled){background:var(--color-brand-500, #2B5BD7);color:#fff}.student-einstellungen__clear-btn:disabled,.student-einstellungen__push-btn:disabled{opacity:.5;cursor:not-allowed}.student-einstellungen__legal{margin:0;padding-left:var(--space-5, 20px)}.student-einstellungen__legal li+li{margin-top:var(--space-2, 8px)}.student-einstellungen__legal a,.student-legal-footer a{color:inherit;text-decoration:underline;overflow-wrap:anywhere}.student-einstellungen__delete-account-btn{padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);border:1px solid var(--color-status-danger);background:var(--color-bg-primary);color:var(--color-status-danger);font-weight:600;cursor:pointer;max-width:100%}.student-einstellungen__delete-account-btn:hover:not(:disabled){background:var(--color-status-danger-surface);color:var(--color-fg-on-accent, #ffffff)}.student-einstellungen__delete-account-btn:disabled{opacity:.5;cursor:not-allowed}.student-einstellungen__delete-account-received{margin:0;font-weight:600}.student-legal-footer{max-width:1100px;margin:0 auto;padding:var(--space-4, 16px) var(--space-5, 20px) var(--space-6, 28px);font-size:.85rem;color:var(--color-fg-secondary, #495166);text-align:center}.student-legal-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2, 8px) var(--space-5, 20px)}.student-toast{position:fixed;top:80px;right:var(--space-5, 20px);padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);background:var(--color-bg-secondary, #f8f9fb);color:var(--color-fg-primary);border:1px solid var(--color-border-subtle, #d7dce3);box-shadow:0 2px 8px #00000014;z-index:200;max-width:360px}.student-toast-stack{position:fixed;right:var(--space-5);z-index:200;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;pointer-events:none}.student-toast-stack>.student-toast{position:static}.student-toast__action{pointer-events:auto;display:block;margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid currentColor;border-radius:var(--radius-sm, 6px);background:var(--color-bg-tertiary);color:inherit;font:inherit;cursor:pointer}.student-toast--success{background:#d4edda;border-color:#97d3a1;color:#155724}.student-toast--error{background:#f8d7da;border-color:#e3a5aa;color:#721c24}@media (max-width: 720px){.student-toast-stack{left:var(--space-4);right:var(--space-4);max-width:none}.student-topnav__inner{flex-wrap:wrap;gap:var(--space-2, 8px)}.student-topnav__inner{position:relative}.student-topnav__nav{width:100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-1, 4px) var(--space-2, 8px)}.student-topnav__nav a{padding:var(--space-1, 4px) var(--space-2, 8px)}.student-topnav__brand{display:flex;align-items:center;min-height:44px}.student-topnav__logout{position:absolute;top:var(--space-3, 12px);right:var(--space-5, 20px);padding:var(--space-1, 4px) var(--space-2, 8px);font-size:.9rem;line-height:1.25;max-width:calc(100% - 14.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-uebersicht__list{grid-template-columns:1fr}}.student-uebersicht__orphan-banner{margin-bottom:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-fg, #92400e);border:1px solid var(--color-warning-border, #f3d992);border-radius:var(--radius-md, 10px)}.student-uebersicht__orphan-banner-header{display:flex;align-items:flex-start;gap:var(--space-3, 12px)}.student-uebersicht__orphan-banner-title{margin:0 0 var(--space-3, 12px) 0;font-size:1rem;font-weight:600;flex:1}.student-uebersicht__orphan-banner-dismiss{background:transparent;border:none;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 4px;color:inherit}.student-uebersicht__orphan-banner-dismiss:hover{opacity:.7}.student-uebersicht__orphan-banner-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2, 8px)}.student-uebersicht__orphan-banner-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-3, 12px);background:#fff6;border-radius:var(--radius-sm, 6px)}.student-uebersicht__orphan-banner-item-title{font-weight:500}.student-uebersicht__orphan-banner-discard{padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-fg, #991b1b);border:1px solid var(--color-danger-border, #f3a0a0);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:.85rem;font-weight:500}.student-uebersicht__orphan-banner-discard:hover{background:#fecaca}.student-uebersicht__orphan-banner-discard:disabled{opacity:.5;cursor:not-allowed}.student-uebersicht__card-btn--sekundaer{background:transparent;color:var(--color-brand-500, #2B5BD7);border:1px solid var(--color-brand-500, #2B5BD7)}.student-uebersicht__card-btn--sekundaer:hover{background:var(--color-bg-tertiary, #eef1f7);color:var(--color-brand-600, #2550C4)}.student-abgabe{display:block}.student-abgabe__kopf{margin-bottom:var(--space-5, 20px)}.student-abgabe__abgegeben-am{margin:0 0 var(--space-2, 8px);font-size:1.35rem;font-weight:600;color:var(--color-fg-primary, #1c2333)}.student-abgabe__erklaerung{margin:0 0 var(--space-3, 12px);color:var(--color-fg-secondary, #495166);font-size:.9rem}.student-abgabe__aktionen{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.student-abgabe__druck-btn{padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--color-brand-500, #2B5BD7);color:#fff;border:none;border-radius:var(--radius-sm, 6px);font-weight:500;cursor:pointer}.student-abgabe__druck-btn:hover{background:var(--color-brand-600, #2550C4)}.student-abgabe__versionen{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap;margin-bottom:var(--space-4, 16px)}.student-abgabe__version-btn{padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--color-bg-tertiary, #eef1f7);color:var(--color-fg-primary, #1c2333);border:1px solid var(--color-border-subtle, #d7dce3);border-radius:var(--radius-sm, 6px);font-size:.9rem;cursor:pointer}.student-abgabe__version-btn:hover{border-color:var(--color-brand-500, #2B5BD7)}.student-abgabe__version-btn--aktiv{background:var(--color-brand-500, #2B5BD7);border-color:var(--color-brand-500, #2B5BD7);color:#fff;font-weight:600}.student-abgabe__version-btn--aktiv:hover{background:var(--color-brand-600, #2550C4)}.uebung{max-width:760px;margin:0 auto;min-width:0}.uebung__header h1{margin:0 0 var(--space-2, 8px);font-size:1.75rem}.uebung__intro{margin:0 0 var(--space-4, 16px);color:var(--color-fg-secondary)}.uebung__notices{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-bottom:var(--space-4, 16px)}.uebung__notices:empty{display:none}.uebung__notice{margin:0;padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-sm, 6px);background:var(--color-status-warning-surface);color:var(--color-fg-primary);border:1px solid var(--color-status-warning)}.uebung__loading{color:var(--color-fg-secondary)}.uebung__overview{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.uebung__panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md, 10px);padding:var(--space-4, 16px);min-width:0;overflow-wrap:anywhere}.uebung__panel h2{margin:0 0 var(--space-3, 12px);font-size:1.15rem}.uebung__stats-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:var(--space-2, 8px);margin:0}.uebung__stat{display:flex;flex-direction:column-reverse;gap:2px}.uebung__stat dt{color:var(--color-fg-secondary);font-size:.85rem}.uebung__stat dd{margin:0;font-size:1.4rem;font-weight:600}.uebung__fieldset{border:0;margin:0 0 var(--space-3, 12px);padding:0;min-width:0}.uebung__fieldset legend{font-weight:600;margin-bottom:var(--space-2, 8px)}.uebung__check{display:flex;align-items:flex-start;gap:var(--space-2, 8px);padding:var(--space-1, 4px) 0;cursor:pointer}.uebung__check input{margin-top:.2em;flex-shrink:0}.uebung__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2, 8px);margin-top:var(--space-3, 12px)}.uebung__hint{margin:0;color:var(--color-fg-secondary)}.uebung__hint:empty{display:none}.uebung__progress{margin:0 0 var(--space-1, 4px);color:var(--color-fg-secondary);font-size:.85rem}.uebung__card .uebung__sheet-title{margin-bottom:var(--space-3, 12px);font-size:.95rem;font-weight:500;color:var(--color-fg-secondary)}.uebung__context{margin-bottom:var(--space-3, 12px)}.uebung__context summary{cursor:pointer;font-weight:500}.uebung__feedback{margin:var(--space-3, 12px) 0 0;font-weight:600}.uebung__feedback:empty{display:none}.uebung__feedback[data-result=right]{color:var(--color-status-success)}.uebung__feedback[data-result=wrong]{color:var(--color-status-danger)}.uebung__empty p{margin-bottom:0}.block__file-list,.block__file-pending-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2, 8px)}.block__file-pending-list:empty{display:none}.block__file-item--done,.block__file-item--uploading,.block__file-item--error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2, 8px) var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);min-width:0;overflow-wrap:anywhere}.block__file-item--error{border-color:var(--color-status-danger)}.block__file-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm, 6px);flex:0 0 auto}.block__file-name{flex:1 1 10rem;min-width:0}.block__file-link{color:var(--color-accent);text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}.block__file-link:focus-visible,.block__file-item-button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.block__file-item-button{min-height:44px;min-width:44px;padding:var(--space-2, 8px) var(--space-3, 12px);font:inherit;font-size:max(16px,1em);color:var(--color-fg-primary);background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm, 6px);cursor:pointer}.block__file-item-button:disabled{cursor:not-allowed;opacity:.6}.block__file-progress{flex:1 1 100%;height:8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:4px;overflow:hidden}.block__file-progress-bar{height:100%;background:var(--color-accent);transition:width .2s ease}.block__file-error{flex:1 1 100%;margin:0;color:var(--color-status-danger)}.block__file-count,.block__file-upload-status,.block__file-upload-offline,.block__file-upload-preview-note{margin:0;font-size:var(--font-size-300, .875rem);color:var(--color-fg-secondary)}.block__file-upload-status:empty{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.block__file-count--error,.block__file-too-many{color:var(--color-status-danger);font-weight:600}.block__file-too-many{margin:0}.block__file-upload-offline{color:var(--color-status-warning);font-weight:600}.block__file-upload--drop{border-color:var(--color-accent);border-style:solid;background:var(--color-bg-secondary)}.block__file-upload-drop-label{margin:0;font-weight:600;color:var(--color-accent);text-align:center}@media (prefers-reduced-motion: reduce){.block__file-progress-bar{transition:none}}.block__file-item--empty{margin-left:0}@media screen{.block__file-list.file-gallery{display:grid;gap:var(--space-3, 12px)}}