/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#18212b;--blue:#26a9e0;--paper:#fffefb}*{box-sizing:border-box}html{background:#edf4f7}body{color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}main{background:radial-gradient(circle at 15% 0,#fff 0,#0000 36%),#edf4f7;min-height:100vh;padding:26px clamp(18px,3vw,54px) 30px}.hero{grid-template-columns:170px 1fr;gap:8px;max-width:1420px;margin:0 auto 12px;display:grid}.code,.goal{background:var(--paper);border:3px solid var(--ink);border-radius:24px;align-items:center;min-height:94px;display:flex}.code{letter-spacing:.04em;justify-content:center;font-size:34px;font-weight:800}.goal{padding:18px 30px;font-size:clamp(22px,2.2vw,36px);line-height:1.2}.hint{color:#52606c;justify-content:flex-end;gap:10px;max-width:1420px;margin:0 auto 10px;font-size:15px;font-weight:700;display:flex}.arrow{color:var(--blue);font-size:20px}.plan{gap:14px;max-width:1420px;margin:auto;display:grid}.plan-row{--accent:#26a9e0;border:2px solid var(--ink);background:var(--paper);grid-template-columns:180px 1fr;display:grid;box-shadow:0 5px #18212b14}.section-label{border-right:2px solid var(--ink);text-align:center;background:var(--accent);flex-direction:column;justify-content:center;align-items:center;padding:18px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.section-label{background:color-mix(in srgb,var(--accent) 8%,white)}}.section-title{overflow-wrap:anywhere;font-size:25px;font-weight:800;line-height:1.1}.section-icon{color:var(--accent);margin-top:12px;font-size:43px;font-weight:800;line-height:1}.task-grid{grid-template-columns:repeat(7,minmax(125px,1fr));display:grid}.task-card{border-right:1.5px solid var(--ink);min-height:174px;transition:background .18s;position:relative}.task-card:last-child{border-right:0}.open-task{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:130px;padding:18px 10px 8px;display:flex}.open-task:hover,.open-task:focus-visible{background:var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.open-task:hover,.open-task:focus-visible{background:color-mix(in srgb,var(--accent) 14%,white)}}.page-number{font-family:Georgia,serif;font-size:30px}.task-numbers{font-size:19px;line-height:1.25}.task-title{color:#4f5b66;max-width:150px;font-size:15px;font-weight:800}.open-label{background:var(--accent);color:#fff;opacity:0;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:800;transition:all .15s;transform:translateY(4px)}.open-task:hover .open-label,.open-task:focus-visible .open-label{opacity:1;transform:none}.done-button{cursor:pointer;color:#51606a;background:#fff;border:1px solid #b6c1c8;border-radius:8px;height:31px;font-size:14px;position:absolute;bottom:8px;left:8px;right:8px}.done-button:hover{border-color:var(--accent)}.done{background:#f2faf3}.done .page-number,.done .task-numbers{opacity:.55}.done .done-button{color:#236132;background:#dff3e3;border-color:#62a26f;font-weight:800}.uebung{--accent:#ee8b2d}.uebung .task-grid{grid-template-columns:repeat(2,minmax(200px,340px)) 1fr}.kroenchen{--accent:#e7b420}.kroenchen .task-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.training{--accent:#6f8793;min-height:116px}.training-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:23px;display:flex}.training-content span{font-size:18px}footer{color:#5b6770;justify-content:space-between;max-width:1420px;margin:14px auto 0;font-size:15px;font-weight:700;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1921c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#f6fafc;border-radius:20px;grid-template-rows:auto 1fr auto;width:min(1100px,96vw);height:min(94vh,960px);display:grid;overflow:hidden;box-shadow:0 24px 90px #0009}.modal-head{background:#fff;border-bottom:1px solid #cbd5db;justify-content:space-between;align-items:center;padding:12px 18px 12px 24px;display:flex}.book-label{color:#157ba6;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:800}h2{margin:2px 0 0;font-size:25px}.close{cursor:pointer;background:#edf2f4;border:0;border-radius:50%;width:48px;height:48px;font-size:38px;line-height:1}.close:hover{background:#dce8ed}.page-view{text-align:center;padding:14px;overflow:auto}.page-view img{width:min(100%,820px);height:auto;box-shadow:0 4px 18px #25384333}.modal-tip{text-align:center;color:#65737c;background:#fff;border-top:1px solid #d8e0e4;padding:9px;font-size:13px}.student-bar{border:2px solid var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;max-width:1420px;margin:0 auto 10px;padding:9px 12px 9px 18px;display:flex}.student-bar span{align-items:center;gap:14px;display:flex}.student-bar i{color:#2f7741;font-size:13px;font-style:normal}.student-bar .save-saving{color:#7b641d}.student-bar .save-error{color:#a52828}.student-bar button{cursor:pointer;background:#f5f8f9;border:1px solid #afbbc2;border-radius:9px;padding:7px 12px}.student-actions{gap:8px;display:flex}.student-actions .qr-button{color:#fff;background:#167fae;border-color:#167fae;font-weight:800}.student-actions button:disabled{opacity:.6}.qr-modal{text-align:center;background:#fffefb;border-radius:22px;width:min(500px,94vw);max-height:94vh;padding:28px;position:relative;overflow:auto;box-shadow:0 24px 90px #0009}.qr-modal h2{margin:5px 42px 10px}.qr-modal>img{border:1px solid #d4dce0;border-radius:12px;width:min(340px,80vw);height:auto;margin:8px auto;display:block}.qr-modal p{color:#46545d;line-height:1.45}.qr-modal strong{color:#674e00;background:#fff1c9;border-radius:10px;padding:10px;font-size:14px;display:block}.qr-close{position:absolute;top:14px;right:14px}.download-qr{color:#fff;background:#167fae;border-radius:11px;margin-top:14px;padding:13px;font-weight:900;text-decoration:none;display:block}.login-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(135deg,#eaf4f8f2,#fffaf1f2);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.login-card{border:3px solid var(--ink);text-align:center;background:#fffefb;border-radius:26px;width:min(460px,94vw);padding:30px;box-shadow:0 18px 60px #314b5b38}.login-mark{border:3px solid var(--ink);color:#fff;background:#248fca;border-radius:18px;place-items:center;width:92px;height:68px;margin:0 auto 12px;font-size:27px;font-weight:900;display:grid}.login-card h1{margin:0 0 8px;font-size:32px}.login-card p{color:#4e5b64;max-width:360px;margin:0 auto 22px;line-height:1.45}.login-card label{text-align:left;margin:14px 0;font-weight:800;display:block}.login-card input{background:#fff;border:2px solid #8fa0a9;border-radius:12px;width:100%;height:51px;margin-top:6px;padding:0 14px;font-size:20px;display:block}.login-card input:focus{border-color:#167ca8;outline:3px solid #aadbf1}.login-button{color:#fff;cursor:pointer;background:#167fae;border:0;border-radius:12px;width:100%;height:53px;margin:8px 0 14px;font-size:20px;font-weight:900}.login-button:disabled{opacity:.65}.login-card small{color:#68757d;line-height:1.4;display:block}.login-error{color:#962b20;background:#ffe6e3;border-radius:10px;padding:10px;font-weight:700}.session-loading{border:2px solid var(--ink);background:#fff;border-radius:16px;padding:20px 28px;font-size:19px;font-weight:800}.scan-symbol{color:#167fae;margin:18px auto 10px;font-size:92px;line-height:.8}.qr-welcome small{margin-bottom:20px;display:block}.teacher-link{color:#53616a;font-size:13px;display:inline-block}.teacher-shell{background:#edf4f7;min-height:100vh;padding:30px}.teacher-head{justify-content:space-between;align-items:center;gap:20px;max-width:950px;margin:0 auto 18px;display:flex}.teacher-head span{color:#167fae;font-weight:900}.teacher-head h1{margin:4px 0;font-size:36px}.teacher-head p{color:#60707a;margin:0}.teacher-head>a,.teacher-card>a{color:#26343d;background:#fff;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none}.teacher-card{border:2px solid var(--ink);background:#fffefb;border-radius:18px;max-width:950px;margin:0 auto 16px;padding:24px;box-shadow:0 5px #18212b14}.teacher-card h2{margin:0 0 16px}.student-create{align-items:end;gap:12px;display:flex}.student-create label{flex:1;font-weight:800}.student-create input{border:2px solid #95a4ad;border-radius:10px;width:100%;height:48px;margin-top:6px;padding:0 12px;font-size:18px;display:block}.student-create button,.student-row button{color:#fff;cursor:pointer;background:#167fae;border:0;border-radius:10px;min-height:48px;padding:0 16px;font-weight:900}.count{background:#d9eef7;border-radius:50%;place-items:center;min-width:32px;height:32px;font-size:16px;display:inline-grid}.student-list{gap:8px;display:grid}.student-row{background:#fff;border:1px solid #c7d2d8;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.student-row>div{flex-direction:column;gap:4px;display:flex}.student-row span{color:#5d6b74;font-size:14px}.student-detail{background:#fff;border:1px solid #c7d2d8;border-radius:12px;overflow:hidden}.student-detail summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:14px;list-style:none;display:flex}.student-detail summary::-webkit-details-marker{display:none}.student-detail summary>div{flex-direction:column;gap:4px;display:flex}.student-detail summary span{color:#5d6b74;font-size:14px}.student-detail .detail-hint{color:#167fae;font-weight:800}.student-detail[open] .detail-hint{font-size:0}.student-detail[open] .detail-hint:after{content:"Aufgaben ausblenden";font-size:14px}.task-status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:4px 14px 14px;display:grid}.task-status{border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:9px;font-size:14px;display:grid}.task-status.finished{color:#245e31;background:#e7f5e9}.task-status.open{color:#68757d;background:#f3f5f6}.task-status>b{font-size:12px}.renew-qr{color:#fff;cursor:pointer;background:#167fae;border:0;border-radius:9px;margin:0 14px 14px;padding:10px 14px;font-weight:900}.progress-groups{background:#f4f7f8;border-radius:12px;gap:12px;margin:0 14px 18px;padding:16px;display:grid}.progress-group{gap:6px;display:grid}.progress-label{justify-content:space-between;gap:12px;font-size:14px;display:flex}.progress-label span{color:#58666f;font-weight:700}.progress-track{background:#dfe6e9;border-radius:99px;height:17px;overflow:hidden;box-shadow:inset 0 1px 2px #1b2c3520}.progress-track>span{border-radius:inherit;min-width:0;height:100%;transition:width .3s;display:block}.basis-bar{background:#26a9e0}.practice-bar{background:#ee8b2d}.crown-bar{background:#e7b420}.task-list-heading{margin:0 14px 8px;font-size:16px}.task-card{min-height:210px}.open-task{min-height:126px;padding:16px 10px 6px}.part-checks{flex-wrap:wrap;place-content:flex-start center;gap:5px;padding:6px 7px 10px;display:flex}.part-checks button{color:#51606a;cursor:pointer;background:#fff;border:1px solid #aebbc2;border-radius:8px;min-height:30px;padding:3px 7px;font-size:13px;font-weight:700}.part-checks button:hover{border-color:var(--accent)}.part-checks button.checked{color:#236132;background:#dff3e3;border-color:#62a26f}.done .part-checks button.checked{font-weight:900}.student-list-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.student-list-head h2{margin:0}.student-list-head button,.print-toolbar button{color:#fff;cursor:pointer;background:#167fae;border:0;border-radius:10px;min-height:42px;padding:0 15px;font-weight:900}.student-list-head button:disabled{opacity:.6}.print-preview{z-index:200;background:#dce5e9;position:fixed;inset:0;overflow:auto}.print-toolbar{z-index:2;color:#fff;background:#18212b;justify-content:space-between;align-items:center;gap:16px;padding:12px max(16px,50vw - 450px);display:flex;position:sticky;top:0;box-shadow:0 3px 14px #0004}.print-toolbar button:first-child{color:#18212b;background:#eef3f5}.print-sheet{background:#fff;width:min(900px,100% - 28px);margin:22px auto;padding:36px;box-shadow:0 8px 30px #1c303d2d}.print-sheet>h1{margin:0 0 5px}.print-sheet>p{color:#596872;margin:0 0 24px}.print-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.print-card{break-inside:avoid;text-align:center;border:2px solid #18212b;border-radius:14px;padding:18px}.print-card h2{margin:0 0 8px;font-size:24px}.print-card img{width:min(100%,260px);margin:auto;display:block}.print-card small{color:#596872;margin-top:7px;display:block}@media print{body *{visibility:hidden}.print-preview,.print-preview *{visibility:visible}.print-preview{background:#fff;position:absolute;inset:0;overflow:visible}.print-toolbar{display:none}.print-sheet{width:100%;box-shadow:none;margin:0;padding:8mm}.print-grid{gap:6mm}.print-card{padding:4mm}.print-card img{width:55mm}}@media (width<=1050px){.task-grid{grid-template-columns:repeat(4,1fr)}.task-card{border-bottom:1.5px solid var(--ink)}.uebung .task-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){main{padding:12px}.hero{grid-template-columns:105px 1fr}.code,.goal{border-radius:16px;min-height:80px}.code{font-size:25px}.goal{padding:12px 16px;font-size:18px}.plan-row{grid-template-columns:1fr}.section-label{border-right:0;border-bottom:2px solid var(--ink);flex-direction:row;gap:12px}.section-icon{margin:0;font-size:30px}.task-grid,.uebung .task-grid,.kroenchen .task-grid{grid-template-columns:repeat(2,1fr)}.task-card{min-height:160px}.task-card:nth-child(2n){border-right:0}.training-content{font-size:18px}footer{flex-direction:column;gap:4px}.teacher-head,.student-create,.student-row,.student-list-head{flex-direction:column;align-items:stretch}.teacher-head h1{font-size:28px}.teacher-shell{padding:14px}.student-row button{min-height:42px}.task-status-list,.print-grid{grid-template-columns:1fr}.student-detail summary{flex-direction:column;align-items:flex-start}.print-sheet{padding:20px}.print-toolbar b{display:none}}.portal-shell{background:linear-gradient(145deg,#eef7fb,#fffaf0);padding:34px clamp(18px,5vw,70px)}.portal-head{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 26px;display:flex}.portal-head span{color:#1383b4;letter-spacing:.05em;font-weight:900}.portal-head h1{max-width:820px;margin:5px 0;font-size:clamp(30px,4vw,52px);line-height:1.05}.portal-head p{color:#60717b;margin:0}.portal-head button{background:#fff;border:1px solid #a9b8c0;border-radius:11px;padding:11px 16px;font-weight:800}.plan-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1180px;margin:auto;display:grid}.plan-choice{--plan-color:#268fbd;border:2px solid #18212b;border-left:10px solid var(--plan-color);color:inherit;background:#fffefb;border-radius:18px;grid-template-columns:78px 1fr;align-items:center;gap:18px;padding:20px;text-decoration:none;display:grid;box-shadow:0 5px #18212b16}.plan-choice:hover{transform:translateY(-2px)}.plan-module{background:var(--plan-color);border-radius:17px;width:64px;height:64px}@supports (color:color-mix(in lab, red, red)){.plan-module{background:color-mix(in srgb,var(--plan-color) 17%,white)}}.plan-module{color:var(--plan-color);place-items:center;font-size:23px;font-weight:950;display:grid}.plan-choice h2{margin:0 0 5px;font-size:21px}.plan-choice p{color:#5b6870;margin:0 0 11px;font-size:14px}.plan-choice>b{color:var(--plan-color)}.choice-progress{background:#e2e8eb;border-radius:99px;height:10px;overflow:hidden}.choice-progress span{border-radius:inherit;background:var(--plan-color);height:100%;display:block}.plan-choice small{color:#66747c;margin-top:5px;display:block}.empty-plans{text-align:center;background:#fff;border:2px dashed #92a4ad;border-radius:20px;max-width:720px;margin:70px auto;padding:35px}.workspace-shell{--plan-color:#238fba;background:linear-gradient(145deg,#f4fafc,#fffaf1)}.workspace-shell .student-bar a{color:var(--plan-color);font-weight:900;text-decoration:none}.plan-hero{grid-template-columns:150px 1fr;gap:12px;max-width:1420px;margin:0 auto 16px;display:grid}.plan-hero .code{border-color:var(--plan-color);color:var(--plan-color)}.plan-hero>div:last-child{background:#fffefb;border:3px solid #18212b;border-radius:22px;padding:18px 25px}.plan-hero h1{margin:0 0 7px;font-size:clamp(26px,3vw,40px)}.plan-hero p{margin:0;font-size:19px}.learning-sections{gap:14px;max-width:1420px;margin:auto;display:grid}.learning-row{background:#fff;border:2px solid #18212b;grid-template-columns:180px 1fr;display:grid}.learning-label{text-align:center;border-right:2px solid #18212b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex}.learning-label b{font-size:22px}.learning-label span{color:var(--plan-color);font-size:40px}.learning-row.practice .learning-label span{color:#e5872b}.learning-row.crown .learning-label span{color:#d7aa14}.learning-cards{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));display:grid}.learning-card{text-align:center;border-bottom:1px solid #bdc8ce;border-right:1px solid #bdc8ce;min-height:168px}.page-open{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:96px;padding:13px;display:flex}.page-open>span{font-family:Georgia,serif;font-size:28px}.page-open small{color:#61717a}.number-checks{flex-wrap:wrap;justify-content:center;gap:5px;padding:6px;display:flex}.number-checks button{background:#fff;border:1px solid #aab7be;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:800}.number-checks button.checked{color:#236132;background:#dff3e3;border-color:#62a26f}.training-card{background:#fff;border:2px solid #18212b;border-radius:13px;gap:24px;max-width:1420px;margin:14px auto;padding:18px 24px;display:flex}.training-card b{color:var(--plan-color)}.digital-test{border:3px solid var(--plan-color);background:#fffefb;border-radius:22px;max-width:1100px;margin:20px auto;padding:24px}.test-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.test-head span{color:var(--plan-color);text-transform:uppercase;font-size:13px;font-weight:900}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.question-grid label{background:#f1f5f6;border-radius:10px;grid-template-columns:1fr 140px;align-items:center;gap:10px;padding:11px;font-weight:700;display:grid}.question-grid input{background:#fff;border:2px solid #9aabb3;border-radius:8px;width:100%;height:40px;padding:0 9px;font-size:18px}.question-grid small{color:#9e3026;grid-column:2}.question-grid .answer-correct{background:#e4f4e7}.question-grid .answer-correct small{color:#236132}.check-test{background:var(--plan-color);color:#fff;border:0;border-radius:11px;margin:18px auto 0;padding:13px 24px;font-weight:900;display:block}.test-success{text-align:center;color:#236132;font-weight:900}.plan-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.plan-switches label{background:#f2f4f5;border:1px solid #c5d0d5;border-radius:11px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.plan-switches label.active{background:#e7f5e9;border-color:#62a26f}.plan-switches span{align-items:center;gap:8px;display:flex}.plan-switches small{color:#5b6870}.plan-switches input{width:24px;height:24px}.plan-switches i{min-width:53px;font-size:12px;font-style:normal;font-weight:900}.teacher-note{color:#60707a;margin-top:-7px}.teacher-plan-progress{gap:9px;padding:0 14px 14px;display:grid}.teacher-plan-progress>details{border:1px solid #d0dade;border-radius:10px;overflow:hidden}.teacher-plan-progress>details>summary{background:#f5f7f8;flex-direction:row;padding:11px}.teacher-plan-progress .progress-track{margin:11px 14px}.teacher-plan-progress .task-status-list{padding-top:0}@media (width<=800px){.plan-picker,.question-grid,.plan-switches{grid-template-columns:1fr}.plan-choice{grid-template-columns:60px 1fr}.plan-choice>b{display:none}.plan-module{width:52px;height:52px}.plan-hero{grid-template-columns:90px 1fr}.learning-row{grid-template-columns:1fr}.learning-label{border-bottom:2px solid #18212b;border-right:0;flex-direction:row}.portal-head{flex-direction:column;align-items:flex-start}.question-grid label{grid-template-columns:1fr 110px}.training-card{flex-direction:column;gap:6px}}:root{--turtle:#347c4a;--turtle-dark:#245938;--shell:#96b85d;--sand:#fbf4dc;--pond:#dff3ee}.portal-shell,.workspace-shell,.teacher-shell{background-color:#edf7ed;background-image:radial-gradient(circle at 10% 8%,#fff 0 7%,#0000 7.2%),radial-gradient(circle at 90% 5%,#dcefdc 0 10%,#0000 10.2%),linear-gradient(145deg,#edf8f1,#fff8e8)}.portal-head span,.teacher-head span{color:var(--turtle-dark)}.turtle-head,.turtle-teacher-head{position:relative}.turtle-head:after{content:"🐢";filter:drop-shadow(0 8px #234d3020);font-size:clamp(70px,10vw,130px);transform:rotate(-5deg)}.plan-choice{border-color:#284b35;border-left-color:var(--plan-color);border-radius:24px 24px 24px 8px}.plan-choice:nth-child(2n){border-radius:24px 24px 8px}.plan-module{border:2px solid var(--plan-color)}@supports (color:color-mix(in lab, red, red)){.plan-module{border:2px solid color-mix(in srgb,var(--plan-color) 45%,white)}}.plan-module{border-radius:50%}.choice-progress,.progress-track{background:#d9e6d8}.login-mark{border-color:var(--turtle-dark);background:#dceecb;width:96px;height:78px;font-size:46px}.login-backdrop{background:linear-gradient(145deg,#e6f5e7f2,#fff8e8f2)}.workspace-shell .student-bar,.plan-hero>div:last-child,.learning-row,.training-card,.digital-test,.teacher-card{border-color:#284b35}.workspace-shell .student-bar a,.training-card b{color:var(--turtle-dark)}.learning-label{background:linear-gradient(145deg,#edf7e9,#fffdf4)}.learning-label:after{content:"🐢";font-size:26px}.digital-test{border-color:var(--turtle);background:#fffef8}.test-head span{color:var(--turtle-dark)}.check-test{background:var(--turtle-dark)}.test-notice{color:#385137;background:#edf4df;border-radius:11px;padding:12px 14px}.test-locked{background:#f4f1e7;border-style:dashed}.locked-message{background:#e5eadc;border-radius:15px;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.locked-message>span{font-size:56px}.locked-message h3{margin:0 0 5px}.locked-message p{color:#586258;margin:0}.question-grid input:disabled{opacity:1;color:#18212b;background:#faf8ef}.answer-wrong{background:#fbe5e2!important}.student-bulk-create{gap:10px;display:grid}.student-bulk-create textarea{width:100%;min-height:145px;font:inherit;resize:vertical;background:#fff;border:2px solid #91a69a;border-radius:12px;padding:12px;font-size:17px}.student-bulk-create>div{justify-content:space-between;gap:12px;display:flex}.student-bulk-create button,.csv-picker{background:var(--turtle-dark);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:900;display:flex}.csv-picker{color:#244a31;background:#e4eee3;border:1px solid #85a28e}.csv-picker input{opacity:0;width:1px;height:1px;position:absolute}.import-info{color:#245e31;background:#e4f3e5;border-radius:10px;padding:10px;font-weight:800}.teacher-test-result{background:#fbfdf8;border:2px solid #90aa79;border-radius:12px;margin:12px 14px;padding:14px}.teacher-test-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-test-head>div{flex-direction:column;gap:3px;display:flex}.teacher-test-head small{color:#627064}.teacher-test-head button{background:var(--turtle-dark);color:#fff;border:0;border-radius:9px;padding:9px 12px;font-weight:900}.teacher-test-head button.unlocked{color:#35553c;background:#e8eee4;border:1px solid #8ca28d}.test-answer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.test-answer-list>div{border-radius:8px;grid-template-columns:22px 1fr auto;gap:7px;padding:8px;display:grid}.test-answer-list .right{color:#245e31;background:#e5f4e7}.test-answer-list .wrong{color:#8b2e27;background:#fbe5e2}.teacher-task-heading{margin:12px 14px 6px}.print-sheet>h1:before{content:"🐢 "}.turtle-teacher-head:after{content:"🐢";font-size:72px}@media (width<=800px){.turtle-head:after,.turtle-teacher-head:after{display:none}.student-bulk-create>div,.teacher-test-head{flex-direction:column;align-items:stretch}.test-answer-list{grid-template-columns:1fr}.locked-message{align-items:flex-start}}.student-stage-row{flex-wrap:wrap;gap:6px;margin:0 0 11px;display:flex}.student-stage-row span{color:#667069;background:#f1f3ef;border:1px solid #b7c4ba;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:900}.student-stage-row span.complete{color:#255e34;background:#dff1df;border-color:#74a17d}.class-overview{max-width:1180px}.overview-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.overview-title>div>span{color:var(--turtle-dark);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:900}.overview-title h2{margin:3px 0 0}.overview-title label{gap:5px;min-width:min(420px,100%);font-size:13px;font-weight:900;display:grid}.overview-title select{height:46px;font:inherit;background:#fff;border:2px solid #8fa496;border-radius:11px;padding:0 12px}.overview-table{border:1px solid #c6d3c8;border-radius:14px;overflow:hidden}.overview-row{background:#fff;border-bottom:1px solid #d8e1d9;grid-template-columns:minmax(130px,1.1fr) minmax(180px,1.4fr) minmax(135px,.9fr) minmax(180px,1.4fr);align-items:center;gap:14px;padding:12px 14px;display:grid}.overview-table.no-test .overview-row{grid-template-columns:minmax(130px,1.1fr) minmax(180px,1.4fr) minmax(180px,1.4fr)}.overview-row:last-child{border-bottom:0}.overview-row.overview-head{color:#31503a;background:#e5efe2;font-size:13px}.overview-progress{gap:5px;display:grid}.overview-progress>span{justify-content:space-between;font-size:13px;display:flex}.overview-progress i{color:#617066;font-style:normal}.overview-progress>div{background:#dfe7de;border-radius:99px;height:13px;overflow:hidden}.overview-progress em{border-radius:inherit;background:#4e9a67;height:100%;display:block}.practice-overview em{background:#e4913d}.overview-test{color:#707872;flex-direction:column;gap:3px;display:flex}.overview-test.finished{color:#276238}.overview-test small{color:#667069}@media (width<=800px){.overview-title{flex-direction:column;align-items:stretch}.overview-title label{min-width:0}.overview-table{border:0;gap:10px;display:grid;overflow:visible}.overview-row{border:1px solid #c6d3c8;border-radius:12px;grid-template-columns:1fr;padding:15px}.overview-row.overview-head{display:none}.overview-row>strong{font-size:18px}.overview-progress:before{color:#59675e;font-size:12px;font-weight:900}.overview-row .overview-progress:first-of-type:before{content:"Basisaufgaben"}.practice-overview:before{content:"Übungsaufgaben"!important}.overview-test:before{content:"Teste dich";color:#59675e;font-size:12px;font-weight:900}}.portal-content{opacity:0;visibility:hidden;transition:opacity .55s,transform .55s;transform:translateY(24px)}.portal-content.visible{opacity:1;visibility:visible;transform:none}.book-start{z-index:80;perspective:1800px;background:radial-gradient(circle at 50% 35%,#fff 0 10%,#0000 42%),linear-gradient(145deg,#dff2e5,#fff4d9);place-content:center;justify-items:center;gap:18px;padding:24px;display:grid;position:fixed;inset:0}.book-start>p{color:#294b34;margin:0;font-size:clamp(18px,2.2vw,28px);font-weight:900}.book-stage{aspect-ratio:.707;filter:drop-shadow(0 24px 24px #1b3d2938);width:min(430px,72vw);transform-style:preserve-3d;position:relative}.book-pages,.book-inside,.book-cover{border-radius:5px 17px 17px 5px;position:absolute;inset:0}.book-pages{background:repeating-linear-gradient(90deg,#fffdf4 0 4px,#e9e1ca 5px 6px);border:2px solid #b9ad8d;transform:translate(9px,7px)}.book-inside{color:#2377a8;background:linear-gradient(135deg,#fffef8,#edf7fa);border:3px solid #277db0;place-content:center;justify-items:center;gap:18px;font-size:clamp(22px,4vw,38px);font-weight:950;display:grid}.book-inside span{font-size:68px}.book-cover{z-index:2;cursor:pointer;transform-origin:0;transform-style:preserve-3d;background:#fff;border:0;padding:0;transition:transform 1.05s cubic-bezier(.22,.75,.2,1),filter .4s;overflow:hidden;box-shadow:inset -9px 0 15px #0b31512e}.book-cover:hover{filter:brightness(1.03);transform:rotateY(-5deg)}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover>span{color:#fff;background:#173d55e8;border-radius:99px;width:max-content;max-width:88%;padding:11px 17px;font-size:14px;font-weight:900;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0004}.book-start.opening .book-cover{filter:brightness(.84);pointer-events:none;transform:rotateY(-154deg)}.book-start.opening .book-stage{animation:1.05s forwards book-settle}.cover-logout{color:#496052;cursor:pointer;background:#ffffffb8;border:1px solid #8aa093;border-radius:9px;padding:8px 14px}@keyframes book-settle{0%{transform:translate(0)scale(1)}55%{transform:translate(18%)scale(.92)}to{transform:translate(0)scale(1.04)}}@media (width<=600px){.book-stage{width:min(390px,82vw)}.book-cover>span{font-size:12px;bottom:12px}.book-start{gap:13px}}@media (prefers-reduced-motion:reduce){.book-cover,.portal-content{transition-duration:.01ms}.book-start.opening .book-stage{animation:none}}.portal-content.visible{perspective:1800px;background:linear-gradient(90deg,#e9e1cd 0 9px,#fffdf6 10px 49.6%,#d9d0ba 50%,#fffdf7 50.5% 100%);border:1px solid #c9bea4;border-radius:16px 5px 5px 16px;max-width:1280px;margin:auto;padding:34px clamp(20px,4vw,54px) 46px;position:relative;overflow:hidden;box-shadow:0 20px 50px #2746332b,8px 7px #ded3b9}.portal-content .portal-head,.portal-content .plan-picker{z-index:1;position:relative}.page-turn-sheet{z-index:10;transform-origin:0;opacity:0;pointer-events:none;backface-visibility:hidden;background:linear-gradient(90deg,#fffdf5,#f2ecdc);border-left:2px solid #d5cab0;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0;transform:rotateY(90deg)}.page-turn-sheet span{font-size:82px}.page-turn-sheet b{color:#28543a;font-size:clamp(22px,4vw,44px)}.portal-content.turning-page .page-turn-sheet{opacity:1;animation:.85s cubic-bezier(.25,.75,.22,1) forwards turn-plan-page}.portal-content.turning-page .plan-choice:not(.chosen){opacity:.45}.plan-choice.chosen{outline:4px solid var(--plan-color)}@supports (color:color-mix(in lab, red, red)){.plan-choice.chosen{outline:4px solid color-mix(in srgb,var(--plan-color) 45%,white)}}.plan-choice.chosen{transform:scale(.98)}@keyframes turn-plan-page{0%{transform:rotateY(92deg);box-shadow:-20px 0 35px #0000}45%{transform:rotateY(28deg);box-shadow:-24px 0 38px #25392b38}to{transform:rotateY(0);box-shadow:-5px 0 18px #25392b22}}@media (width<=800px){.portal-content.visible{background:linear-gradient(90deg,#e8dfc9 0 7px,#fffdf7 8px 100%);padding:24px 16px 34px}.page-turn-sheet{transform-origin:0}}@media (prefers-reduced-motion:reduce){.portal-content.turning-page .page-turn-sheet{animation-duration:.01ms}}.test-paper{gap:18px;display:grid}.test-task-group{background:#fff;border:1.5px solid #87928b;border-radius:4px;padding:16px;box-shadow:0 2px #24382b12}.test-task-group h3{border-bottom:2px solid #263c2d;margin:0 0 12px;padding-bottom:9px;font-size:18px}.test-task-group .question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.test-task-group .question-grid label{background-color:#fff;background-image:linear-gradient(#eef1ef 1px,#0000 1px),linear-gradient(90deg,#eef1ef 1px,#0000 1px);background-size:24px 24px;border:1px solid #c5cbc7;border-radius:3px}.test-task-group .question-grid input{background:#fffef9;border-color:#56635b;border-radius:2px;font-family:Courier New,monospace;font-weight:800}.test-task-group .question-grid .answer-correct{background-color:#e4f4e7}.test-task-group .question-grid .answer-wrong{background-color:#fbe5e2}@media (width<=800px){.test-task-group .question-grid{grid-template-columns:1fr}.test-task-group{padding:12px}}.test-entry{border:3px solid var(--turtle);background:#fffef8;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:100%;max-width:1420px;margin:0 auto;padding:18px 22px;display:grid;box-shadow:0 5px #284b3516}.test-entry.locked{background:#f2f1e9;border-style:dashed}.test-entry-icon{width:58px;height:58px;color:var(--turtle-dark);background:#dceecb;border-radius:50%;place-items:center;font-size:27px;font-weight:950;display:grid}.test-entry small{color:var(--turtle-dark);text-transform:uppercase;font-weight:900}.test-entry h2{margin:3px 0}.test-entry p{color:#5a675e;margin:0}.test-entry button{background:var(--turtle-dark);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:12px 18px;font-weight:900}.test-modal-backdrop{padding:12px}.test-modal{background:#eef3ed;border-radius:18px;grid-template-rows:auto 1fr;width:min(1240px,98vw);height:min(96vh,1100px);display:grid;overflow:hidden;box-shadow:0 25px 90px #0009}.test-modal-toolbar{background:#fff;border-bottom:2px solid #b8c5ba;justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex}.test-modal-toolbar>div{gap:3px;display:grid}.test-modal-scroll{padding:18px;overflow:auto}.test-modal-scroll .digital-test{max-width:1100px;margin:0 auto}.test-modal-scroll .test-head{padding-right:4px}@media (width<=700px){.test-entry{grid-template-columns:auto 1fr;padding:14px}.test-entry button{grid-column:1/-1}.test-entry-icon{width:46px;height:46px}.test-modal-scroll{padding:8px}.test-modal-toolbar strong{font-size:13px}}.learning-card{transition:background-color .2s,box-shadow .2s}.learning-card.complete{background:linear-gradient(145deg,#dff3e3,#eff9e9);box-shadow:inset 0 0 0 3px #72a97b}.learning-card.complete .page-open>span{color:#245e38}.learning-card.complete .page-open small{color:#3d7149;font-weight:900}.learning-card.complete .page-open small:after{content:" · fertig"}.learning-card.complete .number-checks{background:#d2ebd7}.overview-actions{align-items:end;gap:10px;display:flex}.overview-actions>button{background:var(--turtle-dark);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:43px;padding:0 14px;font-weight:900}.teacher-result-modal{background:#f4f7f2;border-radius:18px;grid-template-rows:auto 1fr;width:min(1100px,96vw);max-height:94vh;display:grid;overflow:hidden;box-shadow:0 25px 90px #0009}.teacher-result-scroll{padding:20px;overflow:auto}.test-preview-modal .digital-test{margin:0 auto}.test-preview-modal input:disabled{opacity:1;background:#fff}.test-preview-modal .check-test:disabled{opacity:.75}@media (width<=700px){.overview-actions{flex-direction:column;align-items:stretch}.overview-actions>button{min-height:44px}}.photo-upload{color:#35553c;cursor:pointer;background:#f4f8f2;border:1px dashed #789183;border-radius:9px;margin:7px 9px 10px;padding:9px 8px;font-size:12px;font-weight:900;display:block}.photo-upload.has-photo{color:#245e31;background:#dff3e3;border-style:solid;border-color:#65a173}.photo-upload input{opacity:0;width:1px;height:1px;position:absolute}.photo-upload:has(input:disabled){opacity:.65;cursor:wait}.teacher-photo-section{background:#f7faf5;border:1px solid #a9bcae;border-radius:11px;margin:12px 14px;padding:13px}.teacher-photo-section h4{margin:0 0 9px}.teacher-photo-section>div{flex-wrap:wrap;gap:8px;display:flex}.teacher-photo-section button{text-align:left;cursor:pointer;background:#fff;border:1px solid #9db0a1;border-radius:10px;grid-template-columns:auto 1fr;gap:2px 7px;min-width:135px;padding:10px;display:grid}.teacher-photo-section button span{grid-row:1/3;font-size:24px}.teacher-photo-section button small{color:#657168}.teacher-photo-modal{background:#edf2eb;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1050px,96vw);max-height:94vh;display:grid;overflow:hidden;box-shadow:0 25px 90px #0009}.teacher-photo-view{place-items:center;min-height:260px;padding:14px;display:grid;overflow:auto}.teacher-photo-view img{border-radius:8px;max-width:100%;max-height:72vh;box-shadow:0 5px 20px #0003}.teacher-photo-actions{background:#fff;border-top:1px solid #bbc8bd;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.teacher-photo-actions button{color:#fff;cursor:pointer;background:#a8322b;border:0;border-radius:9px;padding:10px 14px;font-weight:900}@media (width<=700px){.teacher-photo-actions{flex-direction:column;align-items:stretch}.teacher-photo-actions button{min-height:44px}}.login-mark{border-radius:50%;width:112px;height:112px;padding:2px;overflow:hidden}.login-mark img{object-fit:contain;width:100%;height:100%}.turtle-head:after,.turtle-teacher-head:after{content:"";filter:drop-shadow(0 8px 5px #234d3030);background:url(/maskottchen-kinderbuch.png) 50%/contain no-repeat;width:clamp(92px,11vw,150px);height:clamp(120px,14vw,190px);display:block;transform:none}.turtle-teacher-head:after{width:105px;height:138px}.learning-label:after{content:"";background:url(/maskottchen-kinderbuch.png) 50%/contain no-repeat;width:54px;height:70px;display:block}.print-sheet>h1:before{content:"";vertical-align:middle;background:url(/maskottchen-kinderbuch.png) 50%/contain no-repeat;width:34px;height:44px;margin-right:7px;display:inline-block}.mascot-book{object-fit:contain;width:94px;height:126px}.mascot-turn{object-fit:contain;width:110px;height:145px}.book-inside span,.page-turn-sheet span{display:none}.learning-label{min-width:0;padding-inline:10px}.learning-label b{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:18px;line-height:1.12}@media (width<=800px){.turtle-head:after,.turtle-teacher-head:after{display:none}.learning-label b{overflow-wrap:normal;font-size:18px}.learning-label:after{width:42px;height:54px}}.login-camera-button{border:3px solid var(--turtle-dark);color:#1d4e30;cursor:pointer;background:#e4f1dd;border-radius:50%;place-items:center;width:92px;height:92px;margin:16px auto;font-size:43px;display:grid;box-shadow:0 7px #244b3030}.login-camera-button:focus-visible,.farewell-camera:focus-visible{outline-offset:4px;outline:5px solid #ffd65a}.farewell-screen{z-index:120;background:#d8eadb;position:fixed;inset:0;overflow:hidden}.farewell-screen>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.farewell-camera{color:#fff;cursor:pointer;background:#2e7148;border:4px solid #fff;border-radius:50%;place-items:center;width:84px;height:84px;font-size:40px;display:grid;position:absolute;bottom:max(24px,4vw);right:max(24px,4vw);box-shadow:0 8px 25px #173a2570}.scanner-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#102519e8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.scanner-card{text-align:center;background:#fffef8;border:3px solid #254f34;border-radius:24px;width:min(560px,96vw);padding:24px;position:relative;box-shadow:0 24px 80px #0008}.scanner-card h2{margin:0 48px 5px}.scanner-card>p{color:#506057;margin:0 0 16px}.scanner-close{cursor:pointer;background:#e7eee7;border:0;border-radius:50%;width:46px;height:46px;font-size:34px;line-height:1;position:absolute;top:12px;right:12px}.scanner-view{aspect-ratio:1.3;background:#14241a;border:4px solid #2e7148;border-radius:17px;width:100%;position:relative;overflow:hidden}.scanner-view video{object-fit:cover;width:100%;height:100%}.scanner-view>span{border:4px solid #fff;border-radius:14px;position:absolute;inset:15%;box-shadow:0 0 0 999px #0a17134d}.scanner-card canvas{display:none}.scanner-card .scanner-error{color:#8b2e27;background:#fbe5e2;border-radius:10px;margin:14px 0 0;padding:11px;font-weight:800}@media (width<=700px){.farewell-camera{width:72px;height:72px;font-size:34px;bottom:20px;right:20px}.farewell-screen>img{object-position:54% center}.scanner-card{padding:18px 12px}.scanner-view{aspect-ratio:1}}.custom-worksheet-panel{max-width:860px;margin:0 auto}.custom-worksheet-panel iframe,.teacher-custom-test-preview{background:#fff;border:0;width:100%;height:2300px;display:block}.custom-worksheet-panel .test-success,.custom-worksheet-panel .test-notice,.custom-worksheet-panel .login-error{border-radius:10px;margin:0 0 10px;padding:10px 14px}.teacher-custom-test-preview{max-width:860px;margin:0 auto}@media (width<=700px){.custom-worksheet-panel iframe,.teacher-custom-test-preview{height:2700px}}.basis-celebration-backdrop{z-index:230;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#173a25bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.basis-celebration{text-align:center;background:#fff9e9;border:4px solid #284b35;border-radius:25px;width:min(560px,95vw);max-height:94vh;padding:16px;animation:.35s cubic-bezier(.2,1.35,.45,1) basis-pop;position:relative;overflow:auto;box-shadow:0 24px 80px #10271980}.basis-celebration>img{border-radius:15px;width:100%;height:auto;display:block}.basis-celebration>.close{position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0003}.celebration-button{background:var(--turtle-dark);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:48px;margin-top:12px;padding:0 22px;font-weight:900}@keyframes basis-pop{0%{opacity:0;transform:scale(.72)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.basis-celebration{animation:none}}.test-submit-confirm-backdrop{z-index:260;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#173a25c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.test-submit-confirm{text-align:center;background:#fff9e9;border:4px solid #284b35;border-radius:25px;width:min(620px,96vw);max-height:95vh;padding:16px;animation:.35s cubic-bezier(.2,1.35,.45,1) basis-pop;overflow:auto;box-shadow:0 24px 80px #10271980}.test-submit-confirm>img{border-radius:15px;width:100%;height:auto;display:block}.test-submit-confirm-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.test-submit-confirm-actions button{border:2px solid var(--turtle-dark);background:var(--turtle-dark);color:#fff;cursor:pointer;border-radius:12px;min-width:180px;min-height:50px;padding:0 20px;font-size:17px;font-weight:900}.test-submit-confirm-actions button:last-child{color:var(--turtle-dark);background:#fff}.task-status b{text-align:right;max-width:145px;font-weight:800}.teacher-test-head .test-reset-button{background:#8b4b25}.teacher-test-head small{line-height:1.45}.teacher-test-buttons,.teacher-preview-actions{align-items:center;gap:8px;flex-direction:row!important;display:flex!important}.teacher-preview-actions .download-test-pdf{background:var(--turtle-dark);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 14px;font-weight:900}.teacher-preview-actions .download-test-pdf:disabled{opacity:.55;cursor:wait}.teacher-pdf-error{margin:10px 18px 0}.teacher-result-modal.test-preview-modal{grid-template-rows:auto auto 1fr}.overview-test-button{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.overview-test-button:hover,.overview-test-button:focus-visible{outline:2px solid var(--turtle);outline-offset:4px;border-radius:8px}.overview-test-button small{text-underline-offset:2px;text-decoration:underline}@media (width<=800px){.teacher-test-buttons{flex-direction:column!important;align-items:stretch!important}.teacher-preview-actions .download-test-pdf{padding:9px;font-size:12px}.test-modal-toolbar{align-items:flex-start}}.teacher-plan-summary{grid-template-columns:minmax(230px,1.2fr) minmax(520px,2fr);align-items:center;gap:18px;display:grid!important}.teacher-plan-name{min-width:0}.teacher-plan-stages{grid-template-columns:repeat(4,minmax(105px,1fr));gap:10px;display:grid}.teacher-plan-stages>span{border-left:1px solid #d0dade;gap:2px;padding-left:10px;display:grid}.teacher-plan-stages small{color:#66736b;font-size:11px;font-weight:800}.teacher-plan-stages b{font-size:13px}.teacher-plan-stages .complete b{color:#276238}.teacher-plan-stages .ready b{color:#9b5c21}@media (width<=800px){.teacher-plan-summary{grid-template-columns:1fr}.teacher-plan-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}.student-detail-actions{justify-content:space-between;align-items:center;gap:10px;padding:0 14px 14px;display:flex}.student-detail-actions .renew-qr{margin:0}.delete-student{color:#8b2e27;cursor:pointer;background:#fff3f1;border:1px solid #a34b43;border-radius:9px;padding:10px 14px;font-weight:900}.overview-actions button:disabled{opacity:.5;cursor:not-allowed}.bulk-pdf-frame{opacity:.001;pointer-events:none;width:1100px;height:3000px;position:fixed;top:0;left:-10000px}@media (width<=700px){.student-detail-actions{flex-direction:column;align-items:stretch}.student-detail-actions button{width:100%}}.teacher-head-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.teacher-head-actions button{color:#35533d;cursor:pointer;background:#fff;border:1px solid #8ba18f;border-radius:10px;min-height:42px;padding:0 14px;font-weight:900}.teacher-head-actions button.enabled{color:#245e31;background:#e2f2e3;border-color:#5d966a}.test-finished-notice{z-index:245;color:#203b28;background:#fffdf3;border:3px solid #347c4a;border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;width:min(560px,100vw - 32px);padding:14px;animation:.3s basis-pop;display:grid;position:fixed;top:22px;right:22px;box-shadow:0 16px 44px #173a2560}.test-finished-notice .notice-bell{font-size:30px}.test-finished-notice div{gap:4px;display:grid}.test-finished-notice small{color:#607067}.test-finished-notice button{background:var(--turtle-dark);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:40px;padding:0 13px;font-weight:900}.test-finished-notice .notice-close{color:#314b37;background:#e8eee6;width:40px;padding:0;font-size:22px}@media (width<=700px){.teacher-head-actions{flex-direction:column;align-items:stretch}.test-finished-notice{grid-template-columns:auto 1fr auto;top:16px;right:16px}.test-finished-notice>button:not(.notice-close){grid-column:1/3}.test-finished-notice .notice-close{grid-area:1/3}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}