@font-face{font-family:ABeeZee;src:url('/assets/ABeeZee-Regular.ttf')}*{box-sizing:border-box}[hidden]{display:none!important}:root{--ink:#173c51;--muted:#637d89;--teal:#087f95;--blue:#087cad;--cream:#fffcf6;--line:#dae6eb;--sky:#e9f5fb;--green:#257a58}body{margin:0;color:var(--ink);background:var(--cream);font:14px/1.55 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #c9dde5;background:white;padding:10px 15px;border-radius:8px;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,a.button:hover{background:#e8f4f8;border-color:#86b7c9}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover{background:#066e81;color:white}.quiet{border-color:transparent;background:transparent}.danger{color:#a33352}.small{font-size:12px;padding:7px 10px}.button{border:1px solid #c9dde5;border-radius:8px;padding:10px 15px;display:inline-flex;gap:8px;align-items:center;background:white}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.button:hover{text-decoration:none}:focus-visible{outline:3px solid #75bfd8;outline-offset:3px}input:not([type=checkbox],[type=radio]),select,textarea{width:100%;border:1px solid #cbdfe6;background:white;border-radius:7px;padding:10px 12px;min-height:42px}textarea{resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--teal);width:18px;height:18px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}.check{flex-direction:row;align-items:center;font-weight:400}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.muted,small{color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--teal);text-transform:uppercase}.brand{display:flex;align-items:center;gap:7px;font-size:27px;font-weight:800;letter-spacing:-1px;color:var(--ink)}.brand:hover{text-decoration:none}.brand img{width:45px;height:45px;object-fit:contain}.brand b{color:var(--teal)}.brand small{font-size:11px;letter-spacing:.3px;padding:4px 7px;background:var(--sky);border-radius:5px;font-weight:600;color:var(--teal);margin-left:5px}.local-label{font-size:10px;letter-spacing:.6px;color:var(--muted)}h1{font-size:29px;letter-spacing:-.7px;line-height:1.25;margin:7px 0 14px}h2{font-size:18px;margin:0 0 12px}h3{font-size:15px;margin:0 0 8px}p{margin:0 0 12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:var(--sky);border-radius:6px;font-size:11px;color:#18627d;white-space:nowrap}.pill.green{background:#e1f2e7;color:#257a58}.pill.amber{background:#fff0d5;color:#866126}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:21px}.error{padding:10px 13px;background:#fff0f2;border:1px solid #edced7;color:#9c3450;border-radius:7px;font-size:13px}.loading{padding:60px;text-align:center}.skip{position:fixed;top:-80px;left:12px;background:white;padding:14px;z-index:20}.skip:focus{top:12px}.auth-header{max-width:1180px;margin:0 auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.auth-layout{max-width:1080px;margin:55px auto 35px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start;padding:0 30px}.auth-story{padding:35px 0}.auth-story h1{font-size:42px;line-height:1.15;max-width:450px}.auth-story>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:420px}.auth-art{position:relative;display:grid;place-items:center;max-width:370px;margin:24px auto 0}.auth-art:before{content:'';position:absolute;border-radius:50%;background:#e3f3f9;width:88%;aspect-ratio:1}.auth-art img{position:relative;width:260px;height:255px;object-fit:contain}.auth-card{padding:27px;box-shadow:0 8px 30px #173c5106}.auth-tabs{display:flex;background:#eff5f8;border-radius:8px;padding:4px;margin-bottom:25px}.auth-tabs button{flex:1;border:0;background:transparent;font-size:13px}.auth-tabs .active{background:white;box-shadow:0 1px 5px #173c5115;color:var(--teal)}.auth-card>form{display:flex;flex-direction:column;gap:15px}.auth-card .primary{min-height:46px}.auth-foot{font-size:12px;text-align:center;margin-top:18px}.auth-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:25px}.app-layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{padding:24px 17px;border-right:1px solid var(--line);background:#fffdf9;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.sidebar .brand{font-size:24px;margin:0 5px 35px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:10px;color:#527082;padding:12px 13px;border-radius:8px;font-size:13px}.sidebar nav a:hover{text-decoration:none;background:#eff7fa}.sidebar nav a.active{background:#e0f1f5;color:#08788d;font-weight:650}.nav-icon{width:21px;font-size:18px;text-align:center}.sidebar-bottom{margin-top:auto;padding:17px 9px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted)}.class-code{letter-spacing:1.5px;font-weight:700;font-size:16px;color:var(--ink)}.workspace{min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#fffefb;gap:14px}.user-box{display:flex;align-items:center;gap:12px;font-size:12px}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-weight:650;background:#dceff6;color:#1b657e;flex:none}.content{max-width:1280px;margin:auto;padding:30px 32px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:23px 0 28px}.stat{padding:20px;display:flex;flex-direction:column;gap:4px}.stat strong{font-size:28px;line-height:1.3}.stat span{font-size:12px;color:var(--muted)}.welcome-banner{background:linear-gradient(100deg,#e6f4f7,#eff8fc);display:flex;align-items:center;justify-content:space-between;padding:28px 30px;border:1px solid #cde3eb;border-radius:15px;gap:24px}.welcome-banner img{width:135px;height:135px;object-fit:contain}.welcome-banner h2{font-size:25px;letter-spacing:-.6px}.welcome-banner p{color:#587585;max-width:520px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:23px}.sheet-list{display:flex;flex-direction:column;gap:11px}.sheet-row{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:9px;background:white}.sheet-thumb{width:46px;height:54px;display:grid;place-items:center;flex:none;border-radius:7px;background:#eaf4fb;color:#087da1;font-size:22px}.sheet-info{flex:1;min-width:0}.sheet-info h3{margin:0 0 3px;overflow-wrap:anywhere}.sheet-info small{font-size:11px}.sheet-row .row{gap:6px}.empty{text-align:center;padding:32px 20px;border:1px dashed #bcd7e2;border-radius:12px;background:#f6fbfd;color:var(--muted)}.empty img{width:90px;height:90px;object-fit:contain;margin:auto auto 12px;display:block}.students-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.student-card{min-width:0;position:relative}.student-card .avatar{width:45px;height:45px;font-size:17px}.student-card header{display:flex;align-items:center;gap:11px;margin-bottom:18px}.student-card h3{margin:0}.student-card .drop-hint{border:1px dashed #c6dce6;border-radius:6px;padding:8px;text-align:center;font-size:11px;color:var(--muted);margin:12px 0}.drop-active{outline:3px solid #51b4ca;outline-offset:2px;background:#edfafe!important}.groups-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.group-chip{font-size:12px;padding:8px 12px}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.folder-card{display:flex;align-items:center;gap:14px;color:var(--ink);padding:19px;background:#fffdf6;border:1px solid #e6e0ce;border-radius:10px}.folder-card:hover{text-decoration:none;background:#fff6df}.folder-icon{font-size:25px;color:#b48b35}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;margin-bottom:20px}.table-wrap{overflow:auto}.results-table{width:100%;border-collapse:collapse;font-size:13px}.results-table th{text-align:left;font-weight:600;color:var(--muted);font-size:11px}.results-table th,.results-table td{padding:12px;border-bottom:1px solid var(--line)}.results-table td:last-child{width:50px}.help-box{padding:16px;background:#f0f7fa;border-radius:8px;font-size:12px;color:#527182;line-height:1.7}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px;flex-wrap:wrap}.mode-badge{padding:8px 13px;background:#e2f1f5;color:var(--teal);border-radius:7px;font-size:12px;font-weight:650}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:23px;align-items:start}.editor-sidebar{position:sticky;top:20px}.editor-sidebar>button{width:100%;justify-content:flex-start;margin-bottom:9px}.editor-sidebar details{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.editor-sidebar summary{cursor:pointer;font-weight:600}.task-edit{position:relative;border:1px solid #d6e5eb;border-radius:12px;padding:20px;background:white;margin-top:18px}.task-edit-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.task-edit-heading .row{gap:3px}.task-number{width:27px;height:27px;display:grid;place-items:center;background:var(--sky);border-radius:50%;font-weight:600;font-size:12px}.task-kind{font-size:11px;color:var(--muted)}.option-edit{display:grid;grid-template-columns:28px minmax(0,1fr) 110px 28px;gap:8px;align-items:center;margin-top:9px}.option-edit input[type=radio]{margin:0}.option-edit input:not([type=radio]),.option-edit select{font-size:12px;padding:8px;min-height:36px}.option-edit button{padding:6px;border-color:transparent}.pair-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;gap:8px;align-items:end;margin-top:12px}.pair-edit label{font-size:10px}.pair-edit select{font-size:11px;padding:6px;min-height:32px}.pair-edit input{font-size:12px;min-height:36px;padding:8px}.task-edit textarea{min-height:60px}.saved-state{font-size:11px;color:var(--muted)}.student-shell{max-width:1080px;margin:auto;padding:0 27px 40px}.student-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:15px}.student-welcome{display:flex;align-items:center;justify-content:space-between;padding:32px 0 20px}.student-welcome h1{font-size:36px}.student-welcome img{width:135px;height:135px;object-fit:contain}.student-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.student-sheet{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:23px;min-height:215px;border-radius:15px}.student-sheet h2{font-size:20px;margin:15px 0;flex:1}.student-sheet .row{justify-content:space-between;width:100%}.progress{height:7px;background:#e2edf2;border-radius:8px;overflow:hidden;margin:9px 0}.progress>span{display:block;height:100%;background:#2493a6;border-radius:inherit}.player{max-width:950px;margin:0 auto;padding:23px 25px 40px}.player-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.player-header h1{font-size:19px;margin:0}.player-progress{margin:25px 0}.player-progress .row{font-size:12px;color:var(--muted);justify-content:space-between}.play-task{padding:32px;border-radius:17px;background:white;border:1px solid var(--line);min-height:350px}.play-task h2{font-family:ABeeZee,Arial,sans-serif;text-align:center;font-size:25px;line-height:1.5;margin:0 0 30px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.choice-option{min-height:115px;background:#f9fcfd;border:2px solid #d8e7ed;border-radius:13px;font-family:ABeeZee,Arial,sans-serif;font-size:26px;padding:18px;display:flex;flex-direction:column;gap:12px}.choice-option img{height:110px;max-width:100%;object-fit:contain}.choice-option.selected{background:#e5f5fb;border-color:var(--teal)}.choice-option.correct{border-color:#32956a;background:#eaf7ee}.choice-option.wrong{border-color:#cb6a7c;background:#fff1f3}.match-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.match-column{display:flex;flex-direction:column;gap:13px}.match-item{min-height:85px;padding:14px;border:2px solid #dbe8ed;border-radius:11px;background:#f9fcfd;display:flex;align-items:center;justify-content:center;gap:12px;font-family:ABeeZee,Arial,sans-serif;font-size:20px;text-align:center;position:relative;touch-action:manipulation}.match-item img{width:65px;height:60px;object-fit:contain}.match-item .pair-name{display:block;font-size:13px;color:var(--teal);margin-top:4px}.match-item.active{border-color:var(--teal);background:#e8f6fb}.match-item.paired{border-color:#87b7c4;background:#f0f9fa}.match-item.correct{border-color:#32956a;background:#eaf7ee}.match-item.wrong{border-color:#cb6a7c;background:#fff1f3}.match-item .match-index{position:absolute;left:8px;top:7px;font:10px 'Segoe UI',sans-serif;color:var(--muted)}.match-tip{text-align:center;font-size:12px;color:var(--muted);margin-bottom:19px}.answer-input{max-width:330px;margin:25px auto}.answer-input input{font:32px ABeeZee,Arial,sans-serif;text-align:center;height:75px;border:2px solid #b8d8e2}.player-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.feedback{display:flex;align-items:center;gap:20px;padding:15px 21px;border-radius:12px;margin-top:20px;border:1px solid #c6e6d5;background:#edf8f1;min-height:100px}.feedback img{width:85px;height:85px;object-fit:contain}.feedback h3{font-size:20px;color:#257a58}.feedback.incorrect{background:#fff5eb;border-color:#e9d6b9}.feedback.incorrect h3{color:#91642d}.finish{text-align:center;padding:35px}.finish img{width:190px;height:190px;object-fit:contain}.finish h1{font-size:35px}.finish p{font-size:18px;color:var(--muted)}.instruction{color:var(--muted);text-align:center;margin:20px auto;max-width:700px}.task-dots{display:flex;gap:7px;justify-content:center;margin-top:20px}.task-dots button{width:29px;height:29px;border-radius:50%;padding:0;font-size:10px}.task-dots button.done{background:#e0f2e7;color:#257a58}.task-dots button.current{border:2px solid var(--teal)}dialog{border:1px solid #c6dce5;border-radius:15px;padding:25px;color:var(--ink);width:530px;max-width:95vw;max-height:92dvh;overflow:auto}dialog::backdrop{background:#173c5166}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-heading h2{margin:0}.modal-heading button{font-size:22px;border:0;padding:3px 8px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.student-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:230px;overflow:auto;padding:8px 0}.student-checkboxes label{padding:9px;border:1px solid var(--line);border-radius:7px}.qr-card{text-align:center;padding:15px}.qr-card h2{font-size:26px}.qr-card svg{display:block;width:245px;max-width:100%;margin:15px auto}.qr-credentials{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px;background:#f0f7fa;padding:15px;text-align:left;border-radius:8px}.qr-credentials strong{display:block;font-size:17px}.qr-link{overflow-wrap:anywhere;font-size:11px;color:var(--muted);margin-top:17px}.scan-video{width:100%;max-height:320px;background:#173c51;border-radius:10px}#toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:#173c51;color:white;border-radius:9px;padding:12px 20px;box-shadow:0 4px 20px #173c5122;z-index:30;max-width:90vw;font-size:13px}#toast:empty{display:none}#print-area{display:none}.import-file{display:none}.mobile-menu{display:none}
@media(max-width:1100px){.students-grid,.student-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-layout{grid-template-columns:205px 1fr}.content{padding:25px 23px}.topbar{padding:0 23px}.stats{gap:10px}.editor-layout{grid-template-columns:1fr 230px}.dashboard-grid{grid-template-columns:1fr}.auth-layout{gap:45px}.auth-story h1{font-size:36px}}
@media(max-width:800px){.app-layout{display:block}.sidebar{position:static;height:auto;padding:14px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 12px;font-size:23px}.sidebar nav{flex-direction:row;overflow:auto;gap:4px}.sidebar nav a{white-space:nowrap;padding:8px 11px;font-size:12px}.sidebar-bottom{display:none}.topbar{height:64px;padding:0 20px}.content{padding:24px 20px}.editor-layout{display:flex;flex-direction:column}.editor-main{width:100%}.editor-sidebar{position:static;width:100%;order:-1}.editor-sidebar>button{width:auto;margin-right:7px}.auth-layout{margin:30px auto;gap:25px}.auth-story h1{font-size:32px}.auth-art img{width:200px;height:200px}.page-heading{align-items:flex-start}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.auth-header{padding:15px 18px}.auth-layout{display:block;margin:20px auto;padding:0 18px}.auth-story{padding:10px 5px 20px}.auth-story h1{font-size:28px}.auth-story>p{font-size:14px;margin-bottom:0}.auth-art{display:none}.auth-card{padding:22px}.brand{font-size:24px}.brand img{width:38px;height:38px}.auth-header .local-label{display:none}.pair{grid-template-columns:1fr}.students-grid,.student-sheet-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:15px}h1{font-size:26px}.welcome-banner{padding:21px}.welcome-banner img{width:85px;height:85px}.welcome-banner h2{font-size:21px}.user-box .avatar{display:none}.topbar .muted{font-size:11px}.topbar{gap:6px}.topbar button{font-size:11px}.content{padding-inline:15px}.sheet-row{flex-wrap:wrap}.sheet-row .row{margin-left:59px}.sheet-info{min-width:140px}.folder-grid{grid-template-columns:1fr}.option-edit{grid-template-columns:24px minmax(0,1fr) 85px 24px;gap:4px}.option-edit input:not([type=radio]),.option-edit select{font-size:11px;padding:6px}.task-edit{padding:15px}.student-shell{padding:0 18px 30px}.student-header .brand small{display:none}.student-welcome{padding-top:23px}.student-welcome h1{font-size:28px}.student-welcome img{width:90px;height:90px}.player{padding:18px 14px 30px}.player-header h1{font-size:15px}.play-task{padding:23px 16px}.play-task h2{font-size:20px;margin-bottom:23px}.choice-option{font-size:23px;padding:13px;min-height:95px}.choice-option img{height:85px}.choice-grid{gap:10px}.match-layout{gap:15px}.match-item{font-size:17px;flex-direction:column;gap:5px;padding:15px 9px;min-height:92px}.match-item img{width:53px;height:48px}.match-item .pair-name{font-size:11px}.match-tip{font-size:11px}.feedback{gap:12px;padding:12px}.feedback img{width:62px;height:62px}.feedback h3{font-size:18px}.student-checkboxes{grid-template-columns:1fr}.qr-credentials{grid-template-columns:1fr}.player-actions button{padding:12px;font-size:12px}.pair-edit{gap:5px}.editor-top .row{gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{body>*{display:none!important}#print-area{display:block!important}.qr-card{break-inside:avoid;border:1px dashed #a4b9c4;padding:10mm;max-width:110mm;margin:15mm auto}.qr-card svg{width:65mm}.qr-link{display:none}@page{size:A4;margin:10mm}}

.assignment-tray{margin-bottom:23px;padding:17px 19px;border:1px solid var(--line);background:#f0f8fa;border-radius:11px}.assignment-tray h3{margin:0}.assignment-tray small{font-size:11px}.sheet-tray{display:flex;gap:10px;overflow:auto;padding:13px 0 2px}.sheet-tray button{flex:none;max-width:260px;text-align:left;justify-content:flex-start;font-size:12px;background:white;cursor:grab}.sheet-tray button span{font-size:20px;color:var(--teal)}

body.canvas-mode{overflow:hidden;background:#edf3f7}body.canvas-mode #app{width:100%;height:100dvh;margin:0;padding:0;border:0;border-radius:0}#digital-studio-frame{display:block;width:100%;height:100dvh;border:0;background:#edf3f7}.worksheet-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.worksheet-mode{border:1px solid #cfdee6;background:#f6fbfd;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 12px;text-align:center;color:#173c51}.worksheet-mode:hover{border-color:#68b1c9;background:#e7f5fb;text-decoration:none}.worksheet-mode svg{width:105px;height:82px}.worksheet-mode strong{font-size:14px}.worksheet-mode small{font-size:11px;line-height:1.5}.future-mode{opacity:.55}.auth-card.student-auth{border:10px solid #2c4656;border-radius:27px}.profile-name{font-size:12px;text-align:left;display:block;padding:3px 0;border:0;background:transparent}.profile-name small{display:block;font-size:10px}.teacher-display-note{font-size:12px;color:var(--muted);margin:12px 0}.ipad-simulation{background:#e6eef3;padding-top:38px}.ipad-simulation:before{content:'iPad-Simulation · Schüleroberfläche';position:fixed;top:10px;left:0;right:0;text-align:center;color:#526d7c;font-size:12px;letter-spacing:.3px}.ipad-simulation #app{width:min(1100px,calc(100vw - 30px),calc((100dvh - 74px)*4/3));aspect-ratio:4/3;margin:0 auto 22px;border:11px solid #263e4d;border-radius:29px;overflow:auto;background:#fffcf6;box-shadow:0 8px 32px #173c5120}.ipad-simulation .student-shell{min-height:100%;padding-bottom:25px}.canvas-task{padding:0!important;border:0!important;background:transparent!important;min-height:0!important}.tablet-canvas{position:relative;width:100%;background:white;box-shadow:0 3px 16px #173c5120;container-type:inline-size}.tablet-static{position:absolute;inset:0;pointer-events:none}.tablet-static>svg{display:block;width:100%;height:100%}.digital-widget{position:absolute;padding:12px;overflow:auto;border:1px solid #d4e5ed;border-radius:8px;background:#f9fcfd;font-size:var(--digital-size);display:flex;flex-direction:column;min-width:0;min-height:0}.digital-widget h2{font-family:inherit;font-weight:inherit;color:inherit;font-size:1em!important;line-height:1.4!important;margin:0 0 .6em!important}.digital-widget .choice-grid{flex:1;min-height:0;gap:10px}.digital-widget .choice-option{font:inherit;font-size:1em;min-height:0;padding:8px;border-radius:8px;gap:6px}.digital-widget .choice-option img{height:70px;max-height:50%;min-height:0}.digital-widget .match-tip{font-size:.53em;margin:0 0 .5em}.digital-widget .match-layout{flex:1;min-height:0;gap:18px}.digital-widget .match-column{gap:7px;min-height:0}.digital-widget .match-item{flex:1;min-height:0;font:inherit;font-size:.82em;padding:8px}.digital-widget .match-item img{max-width:50px;max-height:50%;min-height:0}.digital-widget .match-item .pair-name{font-size:.65em}.digital-widget .answer-input{width:65%;margin:auto;max-width:330px;font-size:.65em}.digital-widget .answer-input input{font:inherit;font-size:1.7em;height:auto;min-height:40px}.canvas-audio{position:absolute;display:grid;place-items:center}.canvas-audio button{width:100%;height:100%;font:14px ABeeZee,sans-serif;border-radius:8px;background:#eaf6fb}.canvas-audio audio{width:100%;height:40px}.ipad-simulation .player{max-width:none}.ipad-simulation .player-header h1{font-size:16px}.ipad-simulation .student-welcome{padding-block:20px 10px}.ipad-simulation .student-welcome img{width:100px;height:100px}.ipad-simulation .student-welcome h1{font-size:30px}@media(max-width:650px){.worksheet-mode-grid{grid-template-columns:1fr}.worksheet-mode{padding:12px;gap:5px}.worksheet-mode svg{height:60px}.ipad-simulation #app{border-width:7px;border-radius:21px;width:calc(100vw - 14px);aspect-ratio:3/4}.digital-widget{padding:7px}.digital-widget h2{font-size:max(12px,var(--digital-size))!important}.digital-widget .choice-option{font-size:max(13px,var(--digital-size))}.digital-widget .match-item{font-size:13px}.ipad-simulation .player-header h1{font-size:13px}.ipad-simulation .player-header button{font-size:10px;padding:7px}}

/* Keep the entire tablet sheet and checking controls reachable. */
.tablet-canvas{width:min(100%,calc(max(260px,100dvh - 335px)*var(--tablet-ratio,1.3333)));margin-inline:auto}.ipad-simulation .player{padding-bottom:18px}

/* Signed-in areas share the colors and spacing of the Lernhai website. */
.app-layout,.student-shell{
 background:radial-gradient(ellipse at 8% 5%,#eaf5fa 0%,transparent 53%),
            radial-gradient(ellipse at 98% 34%,#fff1de 0%,transparent 54%),#fcfaf5;
}
.app-layout .sidebar{background:#fafcfc;border-color:#d4e4eb}
.app-layout .topbar,.student-shell .student-header{
 background:#fafcfc;border-bottom:1px solid #d4e4eb;position:sticky;top:0;z-index:3;
}
.app-layout .teacher-topbar{height:auto;min-height:78px;flex-wrap:wrap;padding-block:10px}
.teacher-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:0 clamp(24px,3.6vw,60px);font-size:13px;font-weight:600}
.teacher-shortcuts a{padding:13px 0;color:#15364b;white-space:nowrap;text-decoration:none}
.teacher-shortcuts a:hover,.teacher-shortcuts a:focus-visible{color:#0876a5;text-decoration:none;-webkit-text-stroke:.4px currentColor}
.teacher-topbar .user-box{margin-inline-start:auto}
@media(max-width:800px){.app-layout .teacher-topbar{position:static;min-height:64px}}
@media(max-width:650px){
 .teacher-shortcuts{width:100%;justify-content:space-between;gap:0 clamp(8px,2vw,16px);font-size:12px}
 .teacher-shortcuts a{padding:8px 0}
}
.app-layout .sidebar nav a{color:#23485c}
.app-layout .sidebar nav a:hover,.app-layout .sidebar nav a:focus-visible{color:#0876a5;-webkit-text-stroke:.25px currentColor}
.app-layout .sidebar nav a.active{background:#e0f0f7;color:#086e98}
.app-layout .content{max-width:1480px}
.app-layout .page-heading h1{margin-block:0 4px}
.app-layout .welcome-banner,.student-shell .student-welcome{
 border:1px solid #cfe4ec;border-radius:17px;background:linear-gradient(110deg,#e6f4f9,#f6fbfd 62%,#fff4e5);
 padding:clamp(16px,3vw,32px);
}
.app-layout .welcome-banner img,.student-shell .student-welcome img{background:#fff9ed;border-radius:50%;padding:12px}
.app-layout .card,.app-layout .sheet-row,.app-layout .folder-card,.student-shell .card,.student-shell .folder-card{
 border-color:#d2e3eb;border-radius:14px;box-shadow:0 5px 18px #173c5109;
}
.app-layout .assignment-tray{background:#f3f9fc;border-color:#cce3ed;border-radius:14px}
.app-layout .sheet-tray button{background:#fff;border-color:#c9e0ea}
.app-layout .sheet-tray button:hover,.app-layout .group-chip:hover{background:#e5f3fa;border-color:#87b8d0}
.app-layout .drop-active{outline:2px solid #0876a5;outline-offset:2px;background:#e4f4f9}
.app-layout .student-assignments{margin:12px 0;color:#365a6e;font-size:13px}
.app-layout .student-assignments summary{cursor:pointer;color:#075f85}
.app-layout .student-assignments ul{margin:8px 0 0;padding-left:20px;overflow-wrap:anywhere}
@media(max-width:540px){.app-layout .welcome-banner img,.student-shell .student-welcome img{width:82px;height:82px;padding:6px}}

.app-layout .groups-bar{align-items:stretch}
.group-controls,.assignment-folder-entry,.library-folder-entry{display:flex;align-items:stretch;min-width:0;border:1px solid #c9e0ea;border-radius:10px;background:#fff}
.group-controls .group-chip{flex:1;min-width:112px;border:0;border-radius:9px 0 0 9px;background:transparent}
.groups-bar .group-chip[aria-pressed=true]{background:#e0f0f7;color:#075f85;font-weight:700}
.app-layout .group-settings{display:grid;place-items:center;flex:none;min-width:36px;border:0;border-left:1px solid #d7e7ee;border-radius:0 9px 9px 0;padding:6px;background:transparent;color:#345d72}
.app-layout .group-settings:hover{background:#e5f3fa;color:#075f85}
.assignment-folders{display:flex;flex-wrap:wrap;gap:8px}
.assignment-folder{display:flex;align-items:center;gap:6px;padding:7px 10px;overflow-wrap:anywhere}
a.assignment-folder[data-folder-target]{border:1px solid #c9e0ea;border-radius:9px;background:#fff}
.folder-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,145px),1fr));gap:8px;max-width:1064px}
.library-folder-entry{min-width:0}
.library-folder-entry .folder-card{position:relative;isolation:isolate;flex:1;min-width:0;min-height:39px;padding:5px 7px;gap:5px;border:0;box-shadow:none;border-radius:9px 0 0 9px}
.library-folder-entry .folder-card strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.library-folder-entry .folder-card .folder-icon{width:22px;height:22px;flex:0 0 22px;font-size:16px}
.library-folder-entry .folder-card:hover,.library-folder-entry .folder-card:focus-visible{background-color:#fff}
.library-folder-entry .folder-card::before{
 content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;
 background:linear-gradient(90deg,#ffeddb 18%,#f1f4f8 54%,#e0f1fb 82%) fixed;
 transition:opacity .46s ease;
}
.library-folder-entry .folder-card:hover::before,.library-folder-entry .folder-card:focus-visible::before{opacity:1}
.library-folder-actions{display:flex;align-items:center;flex:none;padding-right:3px;gap:1px}
.library-folder-actions .group-settings,.sheet-row .item-delete{display:grid;place-items:center;width:26px;min-width:26px;height:28px;min-height:28px;padding:3px;border-radius:5px}
.sheet-list .sheet-row,.assignment-sheets [data-sheet]{transition:background-color .46s ease}
.sheet-list .sheet-row:hover,.sheet-list .sheet-row:focus-within,.assignment-sheets [data-sheet]:hover,.assignment-sheets [data-sheet]:focus-visible{background-color:#edf6fa}
@media(prefers-reduced-motion:reduce){.library-folder-entry .folder-card::before,.sheet-list .sheet-row,.assignment-sheets [data-sheet]{transition:none}}
.folder-icon img{width:100%;height:100%;object-fit:contain}
.folder-icon-picker{min-width:0;margin:0;padding:0;border:0}
.folder-icon-picker legend,.folder-icon-picker>p{font-weight:650;color:#23485c}
.folder-icon-picker>p{margin:12px 0 4px}
.folder-icon-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,80px),1fr));gap:6px}
.folder-icon-picker .folder-icon-choice{position:relative;margin:0;cursor:pointer}
.folder-icon-choice input{position:absolute;opacity:0;width:1px;height:1px;padding:0}
.folder-icon-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:67px;padding:5px 3px;text-align:center;border:1px solid #d4e4eb;border-radius:8px;background:#fafcfc;font-size:11px;font-weight:600;line-height:1.2}
.folder-icon-tile .folder-icon{display:grid;place-items:center;width:28px;height:28px;font-size:20px}
.folder-icon-tile img{width:100%;height:100%;object-fit:contain}
.folder-icon-choice:hover .folder-icon-tile{background:#edf6fa}
.folder-icon-choice input:checked+.folder-icon-tile{background:#e0f0f7;border-color:#5c9eb4;color:#075a7e}
.folder-icon-choice input:focus-visible+.folder-icon-tile{outline:2px solid #0876a5;outline-offset:2px}
#modal[data-variant="folder"]{width:min(700px,calc(100% - 24px))}
.folder-icon-picker .custom-folder-options{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-top:10px}
.folder-icon-picker .custom-folder-choice{display:flex;flex-direction:row;align-items:center;gap:7px;margin:0}
.folder-icon-picker .custom-folder-choice input{width:auto;margin:0}
.custom-folder-options [data-custom-folder-icon]{min-width:0;margin:0}
.custom-folder-options input[type=file]{width:100%;min-width:0}
.custom-folder-options .is-concealed{visibility:hidden}
@media(max-width:520px){.folder-icon-picker .custom-folder-options{grid-template-columns:minmax(0,1fr);gap:5px}}
[data-folder-drag],[data-sheet]{cursor:default}
body.is-dragging-library-item,body.is-dragging-library-item *{cursor:grabbing!important}
.breadcrumbs [data-folder-target].drop-active{border-radius:4px;background:#e0f0f7}
.assignment-folder .folder-icon{display:grid;place-items:center;width:22px;height:22px;font-size:17px}
.app-layout .assignment-sheets{align-items:stretch}
.app-layout .assignment-sheets button{display:flex;flex-direction:column;align-items:stretch;width:172px;white-space:normal;padding:8px;gap:7px}
.assignment-sheets strong{overflow-wrap:anywhere}
.assignment-preview{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #d8e6eb;border-radius:5px;background:#f1f7fa;pointer-events:none}
.assignment-sheets .assignment-preview{width:100%;height:108px}
.sheet-thumb.assignment-preview{width:78px;height:59px}
.assignment-preview iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.assignment-text-preview{display:grid;align-content:center;gap:4px;max-height:100%;overflow:hidden;padding:7px;font-size:10px;line-height:1.25}
.assignment-preview .assignment-text-preview span{font-size:inherit;color:#345d72}
.sheet-thumb .assignment-text-preview{font-size:7px}
.app-layout .student-assignments ul{padding:0;list-style:none}
.student-assignments li{display:flex;align-items:center;gap:5px;padding:5px 0;border-bottom:1px solid #e8f0f4}
.student-assignments li>span{flex:1;min-width:0}
.assignment-controls{display:flex;gap:2px;flex:none}
.assignment-controls button{display:grid;place-items:center;min-width:28px;min-height:30px;padding:3px}
.assignment-hidden{color:#637d89}

/* Kinderoberfläche und Vorschau im Lehrerkonto */
.student-shell.student-home {max-width:none; padding:0;}
.student-home .student-header {padding-inline:clamp(10px,3%,28px);}
.student-home-heading {padding:12px clamp(12px,4%,38px) 0;}
.student-home-heading h1 {font:clamp(19px,3.5vw,30px)/1.25 ABeeZee,sans-serif; margin:6px 0 12px; overflow-wrap:anywhere;}
.student-directory {padding-bottom:24px;}
.student-directory .student-sheet-grid,.student-subfolders {margin-inline:clamp(12px,4%,38px);}
.student-subfolders {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px;}
.student-subfolders .folder-card {display:flex; align-items:center; gap:8px; padding:9px 14px;}
.student-subfolders .subject-art {width:36px;height:36px;flex:none;}
.student-syllable-0 {color:#005675;}
.student-syllable-1 {color:#922945;}
.subject-scene.theme-gradient,.student-home.theme-gradient {
 background:radial-gradient(ellipse at 10% 12%,#eaf5fa 0%,transparent 49%),
            radial-gradient(ellipse at 94% 39%,#fff1de 0%,transparent 55%),#fffcf6;
}
.subject-scene.theme-ocean,.student-home.theme-ocean {background-color:#bde9e8;background-image:url('/assets/underwater-classroom.webp');}
.subject-scene.theme-classroom,.student-home.theme-classroom {background-color:#faead0;background-image:url('/assets/classroom.webp');}
.student-home.theme-ocean,.student-home.theme-classroom {background-size:cover;background-position:center;}
.student-scene-main .subject-scene {background:none;}
.subject-scene {
 container-type:inline-size;
 display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;
 gap:clamp(8px,3.5cqw,30px);min-height:260px;
 padding:clamp(10px,4%,35px);background-size:cover;background-position:center;
}
.student-scene-main .subject-scene {min-height:clamp(290px,46cqw,460px);}
.subject-scene[data-layout="2"] {column-gap:clamp(14px,16cqw,180px);}
.subject-scene[data-layout="3"],.subject-scene[data-layout="4"] {
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;
 gap:clamp(5px,1.4cqw,14px);padding-block:10px;
}
.subject-scene[data-layout="3"] {grid-template-areas:"a a b b" ". c c .";}
.subject-scene[data-layout="4"] {grid-template-areas:". a a ." "b b c c" ". d d .";}
.subject-scene[data-layout="3"] .subject-bubble:first-child,
.subject-scene[data-layout="4"] .subject-bubble:first-child {grid-area:a;}
.subject-scene[data-layout="3"] .subject-bubble:nth-child(2),
.subject-scene[data-layout="4"] .subject-bubble:nth-child(2) {grid-area:b;}
.subject-scene[data-layout="3"] .subject-bubble:nth-child(3),
.subject-scene[data-layout="4"] .subject-bubble:nth-child(3) {grid-area:c;}
.subject-scene[data-layout="4"] .subject-bubble:nth-child(4) {grid-area:d;}
.subject-bubble {
 position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;
 width:clamp(112px,27cqw,216px);aspect-ratio:1;gap:4%;border:1px solid #fff9;
 border-radius:50%;padding:clamp(8px,2cqw,21px);text-align:center;color:#164e65;
 background:#e0f4f3;box-shadow:0 3px 12px #17485b24;
 transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease;
}
.subject-bubble::after {
 content:'';position:absolute;inset:1px;border-radius:inherit;border:2px solid #fff;
 opacity:.5;pointer-events:none;animation:subject-glimmer 5s ease-in-out infinite;
}
.subject-bubble:nth-child(2n)::after {animation-delay:-1.6s;}
.subject-bubble:nth-child(3n)::after {animation-delay:-3.2s;}
@keyframes subject-glimmer {0%,55%,100%{opacity:.42} 75%{opacity:.96}}
.subject-bubble:is(:hover,:focus-visible) {text-decoration:none;background:#f0fdfd;box-shadow:0 0 18px #ffffffb5;transform:scale(1.035);}
.subject-bubble:active {transform:scale(.98);}
.subject-scene[data-layout="1"] .subject-bubble {width:clamp(135px,34cqw,258px);}
.subject-scene[data-layout="4"] .subject-bubble {width:clamp(83px,20cqw,138px);}
.subject-scene[data-layout="5"] .subject-bubble {width:clamp(91px,20cqw,148px);}
.subject-name {font:clamp(12px,3cqw,25px)/1.15 ABeeZee,sans-serif;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.subject-scene[data-layout="4"] .subject-name,.subject-scene[data-layout="5"] .subject-name {font-size:clamp(12px,2.35cqw,19px);}
.subject-art {display:block;width:72%;height:59%;min-height:0;object-fit:contain;}
.classic-symbol {width:41%;height:41%;color:#245970;}
.subject-emoji {font-size:clamp(22px,8cqw,60px);line-height:1;height:auto;}
.appearance-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
[data-appearance-preview] .subject-scene {aspect-ratio:4/3;border-radius:12px;min-height:0;}

@media(max-width:540px){
 .appearance-fields {grid-template-columns:1fr;}
 .subject-scene[data-layout="2"] {column-gap:9cqw;}
}
@media(prefers-reduced-motion:reduce){
 .subject-bubble {transition:none;}
 .subject-bubble::after {animation:none;}
}

.appearance-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
.child-folders-panel {margin-top:18px;padding-top:15px;border-top:1px solid var(--line);}
.child-folder-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px;margin-block:8px 14px;}
.child-folder-tile,.assign-folder-choice {display:flex;align-items:center;gap:4px;min-width:0;}
.child-folder-tile {padding:6px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere;}
.child-folder-tile strong {flex:1;font-size:12px;}
.child-folder-tile button,.assign-folder-choice button {flex:none;padding:5px;}
.child-assignment-list {display:grid;gap:8px;}
.assign-options {border:0;padding:0;margin:0;min-width:0;}
.assign-options legend {font-weight:700;margin-bottom:6px;}
.assign-choices {display:flex;gap:7px;flex-wrap:wrap;}
.assign-choices label,.assign-folder-tile {position:relative;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:7px 10px;}
.assign-choices input,.assign-folder-tile input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
.assign-choices label:has(:checked),.assign-folder-tile:has(:checked) {background:#e0f1f5;border-color:#4290a5;color:#145671;}
.assign-choices label:has(:focus-visible),.assign-folder-tile:has(:focus-visible) {outline:2px solid var(--teal);outline-offset:2px;}
.assign-folder-tile {flex:1;min-width:0;flex-direction:row;align-items:center;overflow-wrap:anywhere;}
.student-home .student-sheet-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;}
.student-home .student-sheet {min-width:0;min-height:125px;justify-content:center;align-items:stretch;}
.student-home .student-sheet h2 {font:clamp(19px,3.3vw,27px)/1.2 ABeeZee,sans-serif;overflow-wrap:anywhere;}
.student-home .student-sheet-preview {width:100%;height:clamp(160px,32vw,320px);display:grid;place-items:center;background:#eef6f8;border-radius:8px;overflow:hidden;}
.student-home .student-sheet-preview img {width:100%;height:100%;min-height:0;object-fit:contain;}
.student-home .student-sheet-preview img[src$="digital-icon.svg"] {width:32%;height:60%;}
.student-home .student-sheet .progress {width:100%;}
@media(max-width:540px){.appearance-fields {grid-template-columns:1fr;}}

.student-home .student-sheet-preview .assignment-preview {width:100%;height:100%;display:grid;place-items:center;}
.student-home .student-sheet-preview iframe {width:100%;height:100%;}

[data-appearance-preview] .subject-edit-bubble:hover {transform:none;}
.subject-edit-bubble > button {border:0;background:transparent;padding:2px;color:inherit;}
.subject-edit-bubble > button:hover {background:#ffffffa8;}
.subject-edit-bubble > .subject-name {flex:none;}
.subject-edit-bubble > .subject-symbol-button {width:90%;height:66%;min-height:0;}
.subject-symbol-button .subject-art {width:100%;height:100%;}
.subject-symbol-button .classic-symbol {width:58%;height:68%;}
.subject-symbol-button .subject-emoji {height:auto;}
[data-appearance-preview] .subject-add-bubble {border:2px dashed #23637b;background:#efffff90;box-shadow:none;color:#174f68;font-size:clamp(26px,7cqw,46px);}
.subject-add-bubble::after {display:none;}
.folder-picker {display:grid;gap:12px;}
.folder-presets {gap:5px;}
.folder-presets button {padding:4px;}

.folder-search-results button {flex-direction:column;justify-content:flex-start;overflow-wrap:anywhere;padding:6px;min-width:0;}

.folder-upload {border:1px dashed #4c8396;border-radius:8px;padding:9px;}
.subject-edit-bubble.drop-active,.folder-upload.drop-active {outline:3px dashed var(--teal);outline-offset:3px;}

#modal[data-variant="appearance"] {width:900px;padding:clamp(12px,2.5vw,22px);}
#modal[data-variant="symbol-picker"] {width:620px;padding:clamp(12px,2.5vw,20px);}
.appearance-tabs {gap:6px;margin-bottom:12px;}
.appearance-tabs button[aria-pressed="true"] {background:#e0f1f5;border-color:#79a9b8;color:#145671;}
.appearance-form {display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,28%);gap:14px;align-items:start;}
.appearance-controls .appearance-fields {grid-template-columns:1fr;}
.appearance-controls select {min-height:34px;padding:5px 8px;}
.appearance-controls .dialog-actions {margin-top:10px;}
[data-appearance-preview] .subject-scene {aspect-ratio:auto;min-height:min(36dvh,340px);padding:12px;gap:9px;}
[data-appearance-preview] .subject-bubble {width:clamp(67px,22cqw,min(147px,16dvh));padding:6px;}
[data-appearance-preview] .subject-scene[data-layout="1"] .subject-bubble {width:clamp(75px,28cqw,146px);}
[data-appearance-preview] .subject-scene[data-layout="4"] .subject-bubble,
[data-appearance-preview] .subject-scene[data-layout="5"] .subject-bubble {width:clamp(64px,17cqw,min(112px,12dvh));}
[data-appearance-preview] .subject-scene[data-layout="2"] {column-gap:12cqw;}
.subject-edit-bubble input.subject-name-inline {width:100%;min-height:0;padding:2px 3px;font:clamp(11px,2.7cqw,18px)/1.2 ABeeZee,sans-serif;text-align:center;}
.child-management-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px}
.child-management-layout.master-folders{grid-template-columns:minmax(0,1fr)}
.child-management-list{min-width:0;display:grid;align-content:start;gap:6px;margin-block:8px 12px;max-height:50dvh;overflow:auto;padding:3px}
.child-management-list .drop-active{outline:2px solid #0876a5;background:#e4f4f9}
[data-child-sheet]{cursor:default;padding:5px 0}
@media(max-width:620px){.child-management-layout{grid-template-columns:minmax(0,1fr)}.child-management-list{max-height:27dvh}}
.child-assignment-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,48%);align-items:center;gap:10px;}
.child-assignment-row select {min-height:34px;padding:5px 7px;}
.folder-picker {gap:7px;}
.folder-picker [data-picked-symbol] {gap:7px;font-size:12px;}
.folder-picker .folder-icon {display:grid;place-items:center;width:22px;height:22px;font-size:16px;}
.folder-picker .folder-icon .subject-art {width:100%;height:100%;}
.folder-presets button {width:32px;height:32px;padding:3px;}
.folder-search-results {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;min-height:50px;}
.folder-search-results button {gap:2px;padding:3px 2px;justify-content:center;}
.folder-search-results span {max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;}
.folder-search-results img {width:26px;height:26px;object-fit:contain;}
.folder-search-pages {justify-content:center;gap:8px;margin-top:4px;}
.folder-search-pages button {padding:2px 9px;}
.folder-picker input[type="search"] {min-height:32px;padding:4px 8px;}
.folder-upload {padding:7px;}
.folder-upload input[type="file"] {padding:3px;min-height:0;font-size:11px;}
#modal[data-variant="symbol-picker"] form {gap:8px;}
#modal[data-variant="symbol-picker"] .dialog-actions {margin-top:3px;}
@media(max-width:590px){
 .appearance-form {grid-template-columns:1fr;gap:8px;}
 .appearance-controls .appearance-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
 [data-appearance-preview] .subject-scene {min-height:min(29dvh,245px);}
 .folder-search-results {grid-template-columns:repeat(4,minmax(0,1fr));}
}

.assigned-work {position:relative;}
.app-layout .assigned-work .student-assignments {margin:4px 0;}
.assigned-work summary {padding:5px 64px 5px 0;min-height:29px;}
.assigned-view-switch {position:absolute;right:0;top:0;display:flex;gap:2px;}
.teacher-view-switch{display:flex;align-items:center;gap:2px}
.assigned-view-switch button,.teacher-view-switch button{width:30px;height:30px;padding:5px;display:grid;place-items:center}
.assigned-view-switch button[aria-pressed="true"],.teacher-view-switch button[aria-pressed="true"]{background:#e0f1f5;border-color:#a4c9d5;color:#145671}
.sheet-list.is-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;max-width:1120px}
.sheet-list.is-compact>.empty{grid-column:1/-1}
.sheet-row.is-compact{padding:7px 12px;min-height:42px;min-width:0;flex-wrap:nowrap;gap:8px}
.sheet-row.is-compact .worksheet-type-icon{flex:none;color:#416775}
.sheet-row.is-compact .sheet-info{min-width:0}
.sheet-row.is-compact h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sheet-row.is-compact .row{flex:none;margin:0;flex-wrap:nowrap}
@media(max-width:980px){.sheet-list.is-compact{grid-template-columns:minmax(0,1fr)}}
.students-grid.is-compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px}
.students-grid .student-card.is-compact{padding:8px 12px}
.student-card.is-compact header{margin:0}
.student-card.is-compact .avatar{width:32px;height:32px;flex:0 0 32px;font-size:14px}
.student-card.is-compact h3{margin:0;line-height:1.25}
.student-card.is-compact small{line-height:1.15}
.recent-worksheets{margin-top:20px}
.assigned-thumb {width:68px;height:48px;flex:none;}
.assigned-thumb img {width:27px;height:27px;object-fit:contain;}
.child-folder-tile .folder-icon {display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;font-size:19px;}
.child-folder-tile .folder-icon .subject-art {width:100%;height:100%;object-fit:contain;}
.child-folder-tile strong,.child-assignment-row {overflow-wrap:anywhere;}
.subject-bubble > .subject-name {width:84%;padding-inline:0;flex:none;container-type:inline-size;}
.subject-name-text {display:block;white-space:pre-line;overflow-wrap:anywhere;font-size:calc(1em * var(--name-scale,1));}
.subject-edit-bubble textarea.subject-name-inline {width:87%;min-height:0;height:2.55em;padding:1px 3px;resize:none;flex:none;text-align:center;font:clamp(10px,2.5cqw,16px)/1.15 ABeeZee,sans-serif;}

/* Keep the whole illustration visible, regardless of folder count. */
.student-home.theme-ocean,.student-home.theme-classroom {background-size:contain;background-repeat:no-repeat;background-position:center top;}
[data-appearance-preview] .subject-scene,.preview-directory {background-size:100% auto;background-repeat:no-repeat;background-position:center top;}
[data-appearance-preview] > .subject-scene {height:clamp(230px,47dvh,395px);min-height:0;align-content:center;}
[data-appearance-preview] > .subject-scene[data-layout="5"] {height:auto;min-height:clamp(230px,47dvh,395px);}
.appearance-toolbar {margin-bottom:10px;}
.subject-edit-bubble > .subject-gear {position:absolute;z-index:2;right:0;top:0;width:25px;height:25px;border-radius:50%;background:#fff;border:1px solid #a9cbd2;color:#164e65;}
.subject-gear[aria-pressed="true"] {background:#d0ecee;border-color:#087f95;}
.subject-edit-bubble > .subject-open {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4%;}
.subject-open .subject-name {width:84%;}
.subject-open .subject-art {width:72%;height:59%;}
.preview-directory {border-radius:12px;padding:10px;background-color:#f1f9f8;}
.preview-directory.theme-ocean {background-image:url('/assets/underwater-classroom.webp');}
.preview-directory.theme-classroom {background-image:url('/assets/classroom.webp');}
.preview-directory .subject-scene {height:auto;min-height:0;background:none;}
.preview-directory .subject-bubble,.preview-directory .subject-scene[data-layout="1"] .subject-bubble {width:clamp(65px,18cqw,93px);}
.preview-directory .student-sheet-grid,[data-appearance-preview] > .student-sheet-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;}
[data-appearance-preview] .student-sheet {display:grid;gap:6px;padding:8px;}
[data-appearance-preview] .student-sheet-preview {height:95px;background:#eef6f8;border-radius:6px;overflow:hidden;}
[data-appearance-preview] .student-sheet-preview .assignment-preview {height:100%;}
[data-appearance-preview] .student-sheet-preview img {max-width:44px;}
[data-appearance-preview] .student-sheet h2 {margin:0;font-size:14px;}
#modal.appearance-picker-open[open] {display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,360px);align-items:start;gap:10px 14px;}
.appearance-picker-open .modal-heading {grid-column:1/-1;margin:0;}
.appearance-picker-open .appearance-form {display:block;}
.appearance-picker h3 {margin:0;}
.appearance-picker .stack {gap:6px;}
.appearance-picker .folder-presets button {width:27px;height:27px;}
.appearance-picker .folder-presets .folder-icon {width:20px;height:20px;font-size:14px;}
.appearance-picker .folder-search-results {grid-template-columns:repeat(4,minmax(0,1fr));}
.appearance-picker .folder-picker {gap:5px;}
.appearance-picker textarea {min-height:37px;padding:3px 6px;}
.appearance-picker .dialog-actions {margin:4px 0 0;}
.master-apply {margin-top:16px;border-top:1px solid var(--line);padding-top:14px;}
@media(max-width:620px){
 #modal.appearance-picker-open[open] {grid-template-columns:1fr;gap:6px;}
 .appearance-picker-open [data-appearance-preview] > .subject-scene {height:145px;min-height:0;}
 .appearance-picker-open [data-appearance-preview] .subject-bubble {width:clamp(56px,17cqw,76px);}
 .appearance-picker .folder-search-results {grid-template-columns:repeat(8,minmax(0,1fr));}
}

[data-appearance-preview] > .subject-scene {background-size:contain;background-position:center;}
.student-nested-subjects .subject-scene {background:none;min-height:0;}
.student-nested-subjects .subject-bubble {max-width:145px;}

[data-appearance-preview] > .subject-scene {position:relative;isolation:isolate;}
[data-appearance-preview] > .subject-scene:is(.theme-ocean,.theme-classroom) {background-image:none;}
[data-appearance-preview] > .subject-scene:is(.theme-ocean,.theme-classroom)::before {
 content:'';position:absolute;z-index:-1;inset:0 0 auto;height:clamp(230px,47dvh,395px);
 background:var(--preview-wallpaper) center top/contain no-repeat;pointer-events:none;
}
[data-appearance-preview] > .theme-ocean {--preview-wallpaper:url('/assets/underwater-classroom.webp');}
[data-appearance-preview] > .theme-classroom {--preview-wallpaper:url('/assets/classroom.webp');}
.appearance-picker-open [data-appearance-preview] > .subject-scene {min-height:0;}
@media(max-width:620px){
 .appearance-picker-open [data-appearance-preview] > .subject-scene::before {height:145px;}
}