:root{color-scheme:light;font-family:Aptos,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2a24;background:#f4f7f3;font-synthesis:none;--ink: #1f2a24;--muted: #66736c;--line: #dfe7e1;--surface: #ffffff;--surface-soft: #f8faf8;--green: #1f7150;--green-dark: #15573d;--green-soft: #e8f4ed;--amber: #a75b0b;--amber-soft: #fff3df;--red: #a43d42;--red-soft: #fdecee;--blue: #326792;--blue-soft: #eaf3fb;--violet: #7056a5;--violet-soft: #f0ecf8;--shadow: 0 20px 58px rgba(34, 55, 44, .1), 0 2px 8px rgba(34, 55, 44, .035)}.integration-status{min-height:100dvh;padding:clamp(1rem,4vw,2.5rem);display:grid;place-items:center}.integration-status[hidden]{display:none!important}.integration-status-card{width:min(34rem,100%);padding:clamp(1.5rem,5vw,2.5rem);color:#463829;background:#fffaeff2;border:1px solid #dcc7a6;border-radius:22px 17px 24px 19px;box-shadow:0 18px 48px #4a351d2b;text-align:center}.integration-status-card h1{margin:.25rem 0 .65rem;font-size:clamp(1.6rem,5vw,2.35rem)}.integration-status-card>p:not(.eyebrow){margin:0 auto 1.25rem;max-width:29rem;color:#74624e;line-height:1.55}.integration-back-link,.klassenapp-bridge-nav a{min-height:44px;padding:.65rem .95rem;display:inline-flex;align-items:center;justify-content:center;color:#275f48;background:#eef7ef;border:1px solid #b7d4c0;border-radius:12px 9px 13px 10px;font-weight:800;text-decoration:none}.klassenapp-bridge-nav{width:min(1280px,100%);margin:0 auto .7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.klassenapp-bridge-nav span{color:#6f5d49;font-size:.82rem;font-weight:780;text-align:right}@media(max-width:620px){.klassenapp-bridge-nav{align-items:stretch;flex-direction:column}.klassenapp-bridge-nav a{align-self:flex-start}.klassenapp-bridge-nav span{text-align:left}}*{box-sizing:border-box}html{min-width:320px;background:#f4f7f3}body{min-height:100vh;margin:0;background:radial-gradient(circle at 88% -8%,rgba(163,203,181,.26),transparent 34rem),linear-gradient(180deg,#f6f8f5,#f1f5f2)}button,select,textarea{font:inherit}button,select{min-height:44px}button{color:inherit}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(31,113,80,.28);outline-offset:2px}.app-header{min-height:72px;padding:max(.8rem,env(safe-area-inset-top)) clamp(1rem,4vw,3rem) .8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f4f7f3e0;border-bottom:1px solid rgba(210,222,214,.85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:13px;font-size:.82rem;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 20px #1f715038}.brand strong,.brand small{display:block}.brand strong{font-size:1.02rem}.brand small{margin-top:.12rem;color:var(--muted);font-size:.73rem}.prototype-note{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .72rem;color:#526158;background:#ffffffb8;border:1px solid var(--line);border-radius:999px;font-size:.76rem;font-weight:650}.prototype-dot{width:8px;height:8px;background:#df8e2e;border-radius:50%}.class-switcher{padding:.65rem clamp(1rem,4vw,3rem);display:flex;align-items:center;gap:.7rem;background:#fffc;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.class-switcher::-webkit-scrollbar,.subject-tabs::-webkit-scrollbar,.status-legend::-webkit-scrollbar{display:none}.switcher-label{flex:0 0 auto;color:var(--muted);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.segmented-control{display:flex;gap:.35rem}.segmented-control button,.subject-tabs button{padding:.55rem .9rem;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;font-weight:700;white-space:nowrap;transition:background .15s ease,color .15s ease,transform .15s ease}.segmented-control button:hover,.subject-tabs button:hover{background:var(--green-soft)}.segmented-control button:active,.subject-tabs button:active,.note-button:active,.homework-selector:active,.compact-status:active{transform:scale(.98)}.segmented-control button.is-active{color:#fff;background:var(--green);box-shadow:0 5px 14px #1f715033}main{width:min(1500px,100%);margin:0 auto;padding:clamp(1rem,2.5vw,2rem) clamp(.75rem,3vw,2.4rem) 2rem}.page-heading{margin-bottom:1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.eyebrow{margin:0 0 .28rem;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.65rem,3.6vw,2.3rem);letter-spacing:-.035em}.subject-switcher{display:flex;align-items:center;gap:.6rem}.subject-tabs{padding:.22rem;display:flex;gap:.1rem;background:#ffffffd1;border:1px solid var(--line);border-radius:13px;overflow-x:auto;box-shadow:0 5px 18px #233d2e0a;scrollbar-width:none}.subject-tabs button{min-height:38px;padding:.45rem .72rem;color:var(--muted);font-size:.8rem}.subject-tabs button.is-active{color:var(--green-dark);background:var(--green-soft)}.matrix-card{--subject-accent: #426f5c;--subject-tint: #edf5f0;position:relative;min-width:0;max-width:100%;overflow:hidden;background:var(--surface);border:1px solid rgba(216,227,219,.95);border-radius:22px;box-shadow:var(--shadow)}.matrix-card[data-subject="Digitale Grundbildung"]{--subject-accent: #4c6f91;--subject-tint: #edf3f8}.matrix-card[data-subject=Zeichnen]{--subject-accent: #7d668c;--subject-tint: #f3eff6}.matrix-toolbar{position:relative;min-height:64px;padding:.75rem 1rem;display:grid;grid-template-columns:minmax(0,calc(50% - 5.75rem)) minmax(0,1fr);align-items:center;gap:.75rem 1rem;border-bottom:1px solid var(--line)}.selected-homework-summary{width:100%;min-width:0;display:flex;align-items:center;gap:.75rem}.selected-homework-summary>div{min-width:0}.selected-badge{flex:0 0 auto;padding:.35rem .55rem;color:var(--subject-accent);background:var(--subject-tint);border-radius:9px;font-size:.67rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.selected-homework-summary h2{margin-bottom:.12rem;overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.selected-homework-summary p{margin-bottom:0;color:var(--muted);font-size:.76rem}.homework-actions{grid-column:2;justify-self:end}.homework-actions{display:flex;justify-content:flex-end;gap:.45rem}.compact-action{min-height:42px;padding:.55rem .75rem;font-size:.78rem;white-space:nowrap}.status-legend{grid-column:1 / -1;margin:-.05rem -.15rem 0;padding:.25rem .15rem 0;display:flex;align-items:center;gap:.65rem;overflow-x:auto;color:var(--muted);border-top:1px solid #edf1ee;font-size:.67rem;scrollbar-width:none;white-space:nowrap}.legend-title{color:#4b5c52;font-weight:800}.legend-item{display:inline-flex;align-items:center;gap:.28rem}.status-symbol{width:23px;height:23px;display:inline-grid;place-items:center;border-radius:8px;font-size:.7rem;font-weight:900;line-height:1}.matrix-scroll{position:relative;width:100%;min-width:0;max-width:100%;max-height:calc(100vh - 300px);min-height:370px;overflow-x:auto;overflow-y:auto;overscroll-behavior:none;scrollbar-color:#bdc9c1 transparent}.matrix{width:100%;margin:0;position:static}.matrix-row{display:grid;border-bottom:1px solid #e9eeea}.matrix-row:last-child{border-bottom:0}.matrix-row.row-focus .matrix-cell{background:#e8f5ed;box-shadow:inset 0 2px #5b9b76,inset 0 -2px #5b9b76}.matrix-row.row-focus .student-cell{z-index:4;background:#dff0e6;box-shadow:inset 4px 0 #287a55,10px 0 18px #1f433021}.matrix-cell{min-width:0;min-height:54px;padding:.35rem;display:flex;align-items:center;justify-content:center;border-right:1px solid #e9eeea;background:var(--surface);transition:background .15s ease,box-shadow .15s ease,opacity .14s ease,filter .14s ease}.matrix-cell:last-child{border-right:0}.matrix-header{position:sticky;top:0;z-index:6;border-bottom-color:#d8e2da;box-shadow:0 7px 17px #1e35281a}.matrix-header .matrix-cell{min-height:226px;padding:0;align-items:stretch;background:#f9fbf9fa}.matrix-header .homework-cell:nth-child(2n):not(.column-focus){background:#f5f8f6}.matrix-row:not(.matrix-header):not(.row-focus) .homework-cell:nth-child(2n):not(.column-focus):not(.active-intersection){background:#f8faf9}.student-cell{position:sticky;left:0;z-index:2;justify-content:flex-start;padding:.45rem .65rem;box-shadow:9px 0 18px -10px #1931237a}.matrix-scroll.is-horizontally-scrolled .student-cell{box-shadow:12px 0 22px -11px #19312399}.matrix-scroll.is-vertically-scrolled .matrix-header{box-shadow:0 9px 21px #1e352824}.matrix-header .student-cell{z-index:5;align-items:center;padding:.65rem}.student-heading{width:100%;color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;text-align:center}.student{padding:0}.student-focus-button{width:100%;min-width:0;min-height:52px;padding:.35rem .62rem;display:flex;align-items:center;gap:.55rem;color:inherit;background:transparent;border:0;border-radius:10px;cursor:pointer;text-align:left}.student-focus-button:hover{background:#1f715012}.student-index{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;color:var(--green-dark);background:var(--green-soft);border-radius:8px;font-size:.66rem;font-weight:800}.student-name{min-width:max-content;flex:1 1 auto;font-size:1rem;font-weight:790;letter-spacing:-.012em;white-space:nowrap}.homework-standing{min-width:2.15rem;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:.25rem;color:#66746a;font-size:.68rem;font-weight:800;line-height:1;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.homework-standing-asset{width:25px;height:23px;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.homework-standing-value{display:block}.homework-standing.is-neutral{min-height:23px}.homework-selector{position:relative;width:100%;min-width:0;min-height:226px;padding:.55rem .2rem;display:flex;align-items:center;justify-content:center;color:var(--ink);background:transparent;border:0;cursor:pointer;text-align:center}.homework-selector:hover{background:var(--subject-tint)}.homework-due-info{position:absolute;top:.45rem;left:50%;z-index:12;width:max-content;max-width:190px;padding:.3rem .45rem;color:#5f4b35;background:#fff8ea;border:1px solid #d8c4a3;border-radius:8px;box-shadow:0 5px 14px #4b361c24;font-size:.68rem;font-weight:750;line-height:1.2;white-space:nowrap;transform:translate(-50%)}.homework-heading{min-width:0;display:block}.homework-date{position:absolute;bottom:.45rem;left:0;width:100%;display:block;margin-bottom:0;color:var(--muted);font-size:.67rem;font-weight:820;line-height:1.15}.homework-vertical-name{display:block;overflow:hidden;max-height:2.24em;font-size:.84rem;font-weight:790;line-height:1.12;text-align:left;white-space:normal}.homework-name-rotator{position:absolute;top:50%;left:50%;width:174px;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}.homework-kicker{width:fit-content;margin-bottom:.28rem;padding:.18rem .4rem;display:block;color:#fff;background:var(--green);border-radius:999px;font-size:.58rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.column-focus{background:#eef1fa;box-shadow:inset 2px 0 #7080b6,inset -2px 0 #7080b6}.matrix-header .column-focus{background:#e2e7f6}.matrix-row.row-focus .column-focus{background:#e8eef0;box-shadow:inset 2px 0 #7080b6,inset -2px 0 #7080b6,inset 0 2px #5b9b76,inset 0 -2px #5b9b76}.active-intersection{position:relative;z-index:9;background:#fff!important;box-shadow:inset 0 0 0 3px #223f5c,0 7px 18px #1930432e!important}.entry-cell{position:relative;display:grid;place-items:center}.status-popover{position:fixed;left:0;top:0;z-index:40;width:152px;padding:.35rem;display:grid;grid-template-columns:repeat(3,44px);gap:.3rem;background:#fff;border:1px solid #b8c9bf;border-radius:14px;box-shadow:0 12px 28px #182b2033;animation:popover-in .14s cubic-bezier(.2,.8,.2,1)}.status-note-action{grid-column:1 / -1;min-height:30px;padding:.25rem .4rem;color:#95501d;background:#f8e4c8;border:1px solid #e6c391;border-radius:8px;cursor:pointer;font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap}.status-note-panel{min-width:0;grid-column:1 / -1;display:grid;gap:.3rem}.status-note-preview{max-height:4.2em;margin:0;padding:.35rem .4rem;overflow:auto;color:#594b3b;background:#fff8ea;border:1px solid #ead7b9;border-radius:8px;font-size:.68rem;line-height:1.35}.status-note-actions{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.status-note-actions button{min-width:0;min-height:30px;padding:.25rem .3rem;color:#6c4d2c;background:#f8ead5;border:1px solid #dfc39b;border-radius:8px;cursor:pointer;font-size:.66rem;font-weight:800;white-space:nowrap}@keyframes popover-in{0%{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.status-choice{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;cursor:pointer;font-size:1.08rem;font-weight:950;transition:transform .1s ease,box-shadow .1s ease}.status-choice:active{transform:scale(.91)}.status-choice:hover{box-shadow:inset 0 0 0 2px #1f715040}.compact-status{position:relative;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:12px;cursor:pointer;font-size:1.24rem;font-weight:950;line-height:1;transition:transform .11s ease,box-shadow .13s ease,filter .14s ease,opacity .14s ease}.compact-status:hover{box-shadow:0 4px 12px #233d2e1f}.compact-status.has-note:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#d48a2f;border:2px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px #8f54122e}.matrix.is-popover-open .matrix-row:not(.matrix-header) .homework-cell:not(:has(.status-popover)){opacity:.5;filter:saturate(.38)}.matrix.is-popover-open .active-intersection .compact-status{transform:scale(1.06)}.status-updated{animation:status-set .33s ease-out}@keyframes status-set{0%{transform:scale(.82)}55%{transform:scale(1.13)}to{transform:scale(1)}}.status-erledigt{color:var(--green-dark);background:var(--green-soft)}.status-nicht-erledigt{color:var(--red);background:var(--red-soft)}.status-unvollstaendig{color:var(--amber);background:var(--amber-soft)}.status-zu-spaet{color:var(--violet);background:var(--violet-soft)}.status-besonders-gut{color:var(--blue);background:var(--blue-soft)}.status-abwesend-krank{color:#64716a;background:#edf0ee}.status-offen{color:#89948e;background:#f0f3f1}.note-button,.icon-button{border:1px solid #cad7ce;background:#fff;border-radius:11px;cursor:pointer}.note-button{position:relative;width:44px;height:44px;min-height:44px;display:grid;place-items:center;color:var(--green-dark)}.note-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.note-button.has-note:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:#df8e2e;border:2px solid #fff;border-radius:50%}.primary-button,.secondary-button{min-height:44px;padding:.65rem 1rem;border-radius:11px;cursor:pointer;font-weight:750}.primary-button{color:#fff;background:var(--green);border:1px solid var(--green)}.primary-button:hover{background:var(--green-dark)}.secondary-button{color:var(--green-dark);background:#fff;border:1px solid #cbd8cf}.note-dialog{width:min(470px,calc(100% - 2rem));padding:0;color:var(--ink);background:#fff;border:0;border-radius:20px;box-shadow:0 30px 90px #182b2040}.note-dialog::backdrop{background:#1d2b2373;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.note-dialog form{padding:1.3rem}.dialog-heading{margin-bottom:1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog-heading h2{margin-bottom:0;font-size:1.2rem}.icon-button{width:44px;height:44px;flex:0 0 auto;color:var(--muted);font-size:1.6rem;line-height:1}.note-dialog label{display:block;margin-bottom:.45rem;font-size:.8rem;font-weight:750}.note-dialog textarea{width:100%;padding:.8rem;resize:vertical;color:var(--ink);background:var(--surface-soft);border:1px solid #cad7ce;border-radius:11px;line-height:1.5}.homework-dialog input{width:100%;min-height:46px;margin:0 0 1rem;padding:.7rem .8rem;color:var(--ink);background:var(--surface-soft);border:1px solid #cad7ce;border-radius:11px}.field-hint{margin:.4rem 0 1rem;color:var(--muted);font-size:.73rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.65rem}.danger-button{min-height:44px;padding:.65rem 1rem;color:#fff;background:#a43d42;border:1px solid #8e3035;border-radius:11px;cursor:pointer;font-weight:750}#delete-homework{margin-right:auto}.delete-homework-dialog p{color:var(--muted);line-height:1.5}.toast{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:20;max-width:calc(100% - 2rem);padding:.72rem .95rem;color:#fff;background:#263a2f;border-radius:11px;box-shadow:0 12px 35px #182b2033;font-size:.8rem;font-weight:650;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .16s ease,transform .16s ease}.toast.is-visible{opacity:1;transform:translateY(0)}@media(max-width:800px){.page-heading{align-items:flex-start;flex-direction:column;gap:.85rem}.subject-switcher{width:100%;align-items:flex-start;flex-direction:column}.subject-tabs{width:100%}.matrix-scroll{max-height:min(62dvh,620px);min-height:350px}}@media(max-width:620px){html,body{width:100%;height:100%}input,select,textarea,[contenteditable=true]{font-size:16px}body{min-height:0;background:#f4f7f3}.app-header,.class-switcher,.page-heading{display:none}main{width:100%;height:100dvh;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:hidden}#prototype-content{height:100%;min-height:0}.phone-control{--subject-accent: #426f5c;--subject-tint: #edf5f0;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.phone-control[data-subject="Digitale Grundbildung"]{--subject-accent: #4c6f91;--subject-tint: #edf3f8}.phone-control[data-subject=Zeichnen]{--subject-accent: #7d668c;--subject-tint: #f3eff6}.phone-control-header{position:relative;z-index:12;flex:0 0 auto;padding:.42rem .55rem .48rem;background:#fffffffa;border-bottom:1px solid var(--line);box-shadow:0 5px 16px #1e352814}.phone-context-selectors{display:grid;grid-template-columns:.72fr 1.28fr;gap:.4rem}.phone-context-selectors label,.phone-homework-select{min-width:0;display:grid;gap:.14rem;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.phone-control select{width:100%;min-width:0;min-height:34px;padding:.28rem 1.65rem .28rem .5rem;overflow:hidden;color:var(--ink);background:#f5f8f6;border:1px solid #dce5df;border-radius:9px;font-size:16px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.phone-homework-row{position:relative;margin-top:.38rem;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:end;gap:.4rem}.phone-homework-row .view-mode-slot{top:50%;transform:translate(-50%,-50%)}.phone-homework-select select{color:var(--subject-accent);background:var(--subject-tint)}.phone-actions{position:relative}.phone-actions>summary{width:40px;height:34px;display:grid;place-items:center;color:var(--subject-accent);background:var(--subject-tint);border:1px solid #d7e3db;border-radius:9px;cursor:pointer;font-size:.82rem;font-weight:900;letter-spacing:.08em;list-style:none}.phone-actions>summary::-webkit-details-marker{display:none}.phone-actions-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:30;width:158px;padding:.3rem;display:grid;gap:.2rem;background:#fff;border:1px solid #cbd8cf;border-radius:12px;box-shadow:0 12px 28px #182b202e}.phone-actions:not([open]) .phone-actions-menu{display:none}.phone-actions-menu button{min-height:40px;padding:.45rem .55rem;color:var(--ink);background:transparent;border:0;border-radius:8px;text-align:left;font-size:.74rem;font-weight:750}.phone-actions-menu button:hover{background:var(--green-soft)}.phone-student-list{position:relative;width:100%;max-width:100%;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:pan-y pinch-zoom;scrollbar-color:#bdc9c1 transparent}.phone-student-row{min-height:96px;padding:.5rem .65rem;display:grid;grid-template-columns:minmax(0,1fr) 5.5rem;align-items:center;justify-content:center;gap:.35rem;border-bottom:1px solid #e8eeea;background:#fff;transition:background .14s ease,box-shadow .14s ease}.phone-student-row:nth-child(2n){background:#f8faf9}.phone-student-row.is-marked{position:relative;z-index:2;background:#eaf3ee;box-shadow:inset 4px 0 #458264,inset 0 1px #c4d9cc,inset 0 -1px #c4d9cc}.phone-student-row.is-status-active{position:relative;z-index:3;background:#e3f2e9;box-shadow:inset 4px 0 0 var(--green),inset 0 1px #abd0ba,inset 0 -1px #abd0ba}.phone-student-row.is-marked.is-status-active{background:#deefe5;box-shadow:inset 5px 0 0 var(--green-dark),inset 0 1px #98c4aa,inset 0 -1px #98c4aa}.phone-student-identity{width:100%;min-width:0;min-height:80px;padding:0 .4rem;display:grid;grid-template-columns:2.6rem minmax(0,1fr);align-items:center;gap:.55rem;color:inherit;background:transparent;border:0;border-radius:9px;cursor:pointer;text-align:left}.phone-student-identity:active{background:#1f715014}.phone-student-name{overflow:visible;font-size:1.38rem;font-weight:790;letter-spacing:-.015em;text-overflow:clip;white-space:nowrap}.phone-student-identity .homework-standing{min-width:0;gap:0;font-size:.63rem;text-align:center}.phone-student-identity .homework-standing-asset{width:40px;height:36px}.phone-student-identity .homework-standing.is-neutral{min-height:36px}.phone-note-indicator{position:absolute;right:0;width:22px;height:22px;min-height:22px;padding:4px;color:#9a641f;background:#fff6e8;border:0;border-radius:7px}.phone-note-indicator svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.phone-status-wrap{position:relative;width:5.5rem;display:flex;align-items:center;justify-content:flex-start}.phone-status-wrap.active-intersection{z-index:9;background:transparent!important;box-shadow:none!important}.phone-control .compact-status{width:76px;height:76px;min-height:76px;font-size:2rem}.phone-control .status-popover{right:auto}.phone-control .status-note-action{grid-column:1 / -1;min-height:34px;padding:.35rem .4rem;color:var(--green-dark);background:#f2f7f4;border:0;border-radius:9px;cursor:pointer;font-size:.68rem;font-weight:800;white-space:nowrap}.dialog-actions{align-items:stretch;flex-direction:column-reverse}}.segmented-control,.subject-tabs,.homework-actions .secondary-button{background-color:transparent;background-image:url(/hue/assets/friendly_school_control_frame_light-ByINMhIr.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;border:0;border-radius:0;box-shadow:none}.homework-actions .primary-button{background-color:transparent;background-image:url(/hue/assets/friendly_school_control_frame_orange-Ci8i-sgt.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;border:0;border-radius:0;box-shadow:none}.homework-actions .primary-button:hover{background-image:url(/hue/assets/friendly_school_control_frame_orange-Ci8i-sgt.png);filter:brightness(.98) saturate(1.04)}@media(max-width:620px){.friendly-book,.friendly-leaf,.friendly-star{display:none}.phone-actions-menu [data-new-homework]{color:#fffaf0;background-color:transparent;background-image:url(/hue/assets/friendly_school_control_frame_orange-Ci8i-sgt.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.phone-control .compact-status .status-asset{width:74px;height:74px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}body{color:#30271e;background-color:#f5ecdc;background-image:radial-gradient(circle at 88% -8%,rgba(220,139,49,.12),transparent 30rem),radial-gradient(circle at 6% 12%,rgba(70,111,69,.1),transparent 25rem),repeating-linear-gradient(0deg,rgba(102,76,40,.018) 0,rgba(102,76,40,.018) 1px,transparent 1px,transparent 4px),linear-gradient(180deg,#fbf5e8,#f2e8d7)}.app-header{background:linear-gradient(#fffaefed,#faf3e5ed),repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(98,70,33,.025) 3px,rgba(98,70,33,.025) 4px);border-bottom-color:#c9b89ac7;box-shadow:0 4px 18px #523c1f12}.brand-mark{background:linear-gradient(145deg,#4f8058,#315f3d);border:1px solid rgba(37,77,48,.34);border-radius:13px 10px 15px 11px;box-shadow:0 4px #2a4f3126,0 10px 20px #2e53352e}.brand strong{color:#34291f;font-family:Aptos Display,Avenir Next,SF Pro Display,Segoe UI,sans-serif;font-size:1.08rem;font-weight:790;letter-spacing:-.025em}.brand small{color:#7e7162}.prototype-note{color:#66594b;background:#fffbf2d1;border-color:#ded0b8;box-shadow:0 2px #694c2614,0 7px 16px #4e391f0d}.prototype-dot{background:#e47a23;box-shadow:0 0 0 3px #f8dfbd}.class-switcher{background:#fffaefc2;border-bottom-color:#ded1bb;box-shadow:inset 0 -1px #7a5b2f09}.switcher-label{color:#7c6d5c;letter-spacing:.1em}.segmented-control{padding:.2rem;background:#f8efddb8;border:1px solid #e1d3bb;border-radius:14px 11px 15px 12px;box-shadow:inset 0 1px 3px #5b401f0d}.segmented-control button{color:#514638;border-radius:11px 8px 12px 9px}.segmented-control button:hover{background:#f3e4cc}.segmented-control button.is-active{color:#fffaf0;background:linear-gradient(180deg,#4d805c,#386b48);border-color:#315f40;box-shadow:0 3px #285638,0 7px 14px #2f623f2b}.page-heading{position:relative;padding:.3rem .2rem .15rem}.page-heading .eyebrow{color:#b65f20;font-weight:850;letter-spacing:.12em}.page-heading h1{color:#33271d;font-family:Aptos Display,Avenir Next,SF Pro Display,Segoe UI,sans-serif;font-weight:760;letter-spacing:-.045em;text-shadow:0 1px 0 rgba(255,255,255,.72)}.subject-tabs{padding:.3rem;background:#fffaefdb;border-color:#ddcfb7;border-radius:15px 12px 16px 13px;box-shadow:0 3px #684c2712,0 9px 20px #4b361c0f}.subject-tabs button{color:#6b5d4d;border-radius:11px 8px 12px 9px}.subject-tabs button:hover{background:#f4e5ce}.subject-tabs button.is-active{color:#315f41;background:linear-gradient(180deg,#eaf2e7,#dfebdf);border-color:#c9dbc9;box-shadow:inset 0 1px #fffc,0 2px #3d65441c}.matrix-toolbar{background:linear-gradient(#fffaf0ed,#faf3e6ed),repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(91,64,29,.022) 3px,rgba(91,64,29,.022) 4px);border-bottom-color:#ded1bb}.selected-badge{color:#93501e;background:#f9e3c3;border:1px solid #efcfa1;border-radius:10px 7px 11px 8px;box-shadow:0 2px #96541d17}.selected-homework-summary h2{color:#392e23;font-family:Aptos Display,Avenir Next,SF Pro Display,Segoe UI,sans-serif;font-weight:760}.selected-homework-summary p{color:#776b5d}.homework-actions .secondary-button{color:#3e654b;background:linear-gradient(180deg,#fffdf7,#f5eddf);border-color:#d6c8b0;border-radius:12px 9px 13px 10px;box-shadow:0 3px #664d291f,0 7px 14px #4b371d0d}.homework-actions .primary-button{color:#fffaf0;background:linear-gradient(180deg,#ef8a2d,#dc6f18);border-color:#c85f0e;border-radius:13px 9px 14px 10px;box-shadow:0 4px #b9540a,0 9px 18px #be530c38,inset 0 1px #ffffff47}.homework-actions .primary-button:hover{background:linear-gradient(180deg,#e67d22,#cc6413)}@media(max-width:620px){body{background:#f5ecdc}.phone-control-header{background:linear-gradient(#fffaeff7,#f9f2e4f7),repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(92,65,31,.022) 3px,rgba(92,65,31,.022) 4px);border-bottom-color:#ddcfb8;box-shadow:0 5px 16px #4f3a1f17}.phone-context-selectors label,.phone-homework-select{color:#776855}.phone-control select{color:#3e3328;background:#fffaf0;border-color:#d9cbb3;border-radius:10px 7px 11px 8px;box-shadow:inset 0 1px 3px #4d381d0d,0 2px #6349250f}.phone-homework-select select{color:#315f41;background:#e8f0e5;border-color:#cad9c8}.phone-actions>summary{color:#95501d;background:linear-gradient(180deg,#fbe8cc,#f4d8b1);border-color:#e6c391;border-radius:10px 7px 11px 8px;box-shadow:0 3px #d8b37e,0 6px 12px #784c1a1a}.phone-actions-menu{background:#fffaf0;border-color:#d6c7ae;box-shadow:0 14px 30px #43311b30}.phone-actions-menu button:hover{background:#f5e5cc}}.app-header{min-height:48px;padding:.45rem clamp(1.15rem,3vw,2.5rem);background:#f9f1e2bd;border-bottom:1px solid rgba(189,164,124,.38);box-shadow:none}.brand-mark{width:34px;height:34px;border-radius:9px 7px 10px 8px;font-size:.68rem}.brand strong{font-size:.86rem}.brand small{margin-top:0;font-size:.63rem}.prototype-note{padding:.38rem .65rem;font-size:.68rem}main{position:relative;width:min(1480px,calc(100% - clamp(1.2rem,3vw,2.8rem)));margin:clamp(.8rem,2vw,1.4rem) auto 2rem;padding:0;background:linear-gradient(#fffaeff0,#fcf6e9f0),repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(100,72,34,.028) 3px,rgba(100,72,34,.028) 4px);border:1px solid rgba(202,180,145,.58);border-radius:18px 14px 20px 15px;box-shadow:0 3px #7453280f,0 18px 45px #51391d1f}.page-heading{min-height:132px;margin:0;padding:1.35rem 2rem 1.25rem;display:grid;grid-template-columns:minmax(290px,1.15fr) auto minmax(300px,.9fr);align-items:center;gap:1.2rem;border-bottom:1px solid rgba(204,181,145,.48)}.page-title-lockup{display:flex;align-items:center;gap:0}.page-heading h1{margin:0;color:#352419;font-family:Segoe Print,Bradley Hand,Georgia,serif;font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.05;letter-spacing:-.055em;text-shadow:0 2px 0 rgba(255,255,255,.65)}.current-class{margin:.28rem 0 0;color:#4b7448;font-family:Georgia,Times New Roman,serif;font-size:1.17rem;font-weight:700;letter-spacing:.01em}.class-switcher{padding:0;display:grid;justify-items:center;gap:0;background:transparent;border:0;box-shadow:none;overflow:visible}.segmented-control{padding:.28rem;background:#fffaf0;border-color:#d9c6a8;box-shadow:0 3px #7150261a,0 8px 16px #4f381d12,inset 0 1px #fff}.subject-switcher{min-width:0;align-items:center;justify-content:flex-end}.subject-tabs{max-width:100%;background:#fffaf0;box-shadow:0 3px #7150261a,0 8px 16px #4f381d12,inset 0 1px #fff}.matrix-card{border:0;border-radius:0 0 18px 14px;box-shadow:none}.matrix-toolbar{min-height:102px;padding:.9rem 2rem .75rem;grid-template-columns:minmax(0,calc(50% - 5.75rem)) minmax(0,1fr);background:#fffaf0b8}.selected-homework-summary{align-self:start}.homework-actions{align-self:start;gap:.75rem}.homework-actions .compact-action{min-height:50px;padding:.68rem 1.05rem;font-size:.82rem}.homework-actions .primary-button{min-width:136px;font-size:.9rem;letter-spacing:.01em}.homework-actions .primary-button:first-letter{font-size:1.18em}@media(max-width:980px)and (min-width:621px){.page-heading{padding-right:2rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.subject-switcher{grid-column:auto;justify-content:flex-end}}@media(max-width:620px){.app-header,.page-heading{display:none}main{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.phone-control-header{border-radius:0;box-shadow:0 3px #7352280f,0 7px 18px #4d371d17}}.friendly-book{width:84px;height:64px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(73,53,29,.14))}.page-title-lockup{gap:.95rem}.friendly-leaf,.friendly-star{position:absolute;z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.friendly-leaf{top:.42rem;right:.45rem;width:78px;height:78px;opacity:.82;transform:rotate(8deg)}.friendly-star{right:4.3rem;bottom:.58rem;width:23px;height:23px;opacity:.72;transform:rotate(-9deg)}.segmented-control,.subject-tabs,.homework-actions .secondary-button{background-color:transparent;background-image:url(/hue/assets/friendly_school_control_frame_light-ByINMhIr.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;border:0;border-radius:0;box-shadow:none}.homework-actions .primary-button,.homework-actions .primary-button:hover{background-color:transparent;background-image:url(/hue/assets/friendly_school_control_frame_orange-Ci8i-sgt.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;border:0;border-radius:0;box-shadow:none}.homework-actions .primary-button:hover{filter:brightness(.98) saturate(1.04)}.matrix-toolbar{min-height:0;padding-top:.72rem;padding-bottom:.48rem}.status-legend{margin-top:.15rem;padding-top:.38rem}.compact-status:not(.status-offen),.status-choice,.status-symbol{background:transparent;border-color:transparent;box-shadow:none}.status-asset{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.compact-status .status-asset,.status-choice .status-asset{width:44px;height:44px}.status-symbol .status-asset{width:25px;height:25px}.status-empty{line-height:1}@media(min-width:981px)and (max-width:1250px){.page-heading{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.subject-tabs button{padding:.42rem .55rem;font-size:.74rem}}.page-heading{container-type:inline-size;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.subject-switcher{justify-content:flex-end;margin-right:3.2rem}.subject-tabs{width:max-content}@container (max-width: 920px){.page-heading{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:.5rem}.subject-switcher{grid-column:1 / -1;justify-self:center;justify-content:center;margin-right:0}}@container (max-width: 880px){.page-title-lockup{grid-column:1 / -1;grid-row:1;justify-self:start}.class-switcher{grid-column:1 / -1;grid-row:2;justify-self:center}.subject-switcher{grid-row:3}}@media(max-width:620px){.friendly-book,.friendly-leaf,.friendly-star{display:none}.phone-control select,.phone-actions>summary,.phone-actions-menu{background-image:none;background-color:#fffaf0;border:1px solid #d9cbb3;border-radius:10px;box-shadow:inset 0 1px #ffffffd1,0 2px 6px #4f3a1f12}.phone-homework-select select{background-color:#e8f0e5;border-color:#cad9c8}.phone-actions>summary{background-color:#f8e4c8;border-color:#e6c391}.phone-actions-menu [data-new-homework]{color:#fffaf0;background-color:transparent;background-image:url(/hue/assets/friendly_school_control_frame_orange-Ci8i-sgt.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.phone-control .compact-status .status-asset{width:46px;height:46px}}#class-switcher,#subject-switcher{overflow:visible}#class-switcher button,#subject-switcher button{position:relative;z-index:0;isolation:isolate}#class-switcher button.is-active,#subject-switcher button.is-active{color:#fffaf0;background:transparent;border-color:transparent;box-shadow:none;z-index:2}#class-switcher button.is-active:before,#subject-switcher button.is-active:before{content:"";position:absolute;inset:-4px -5px;z-index:-1;border:1px solid;border-radius:12px 9px 13px 10px;pointer-events:none}#class-switcher button.is-active:before{background-image:url(/hue/assets/friendly_school_control_frame_orange-Ci8i-sgt.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-color:transparent;box-shadow:none}#subject-switcher button.is-active:before{background-image:url(/hue/assets/friendly_school_control_frame_orange-Ci8i-sgt.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-color:transparent;box-shadow:none}.view-mode-switcher{position:relative;z-index:14;width:max-content;margin:0;padding:3px;display:flex;gap:2px;background:#f4ead8;border:1px solid #d9c7aa;border-radius:12px;box-shadow:inset 0 1px 2px #553b1c0f,0 2px 5px #4f3a1f0f}.view-mode-slot{position:absolute;top:.9rem;left:50%;z-index:15;transform:translate(-50%)}.view-mode-switcher button{min-height:32px;padding:.35rem .7rem;color:#6a5b49;background:transparent;border:0;border-radius:9px;cursor:pointer;font-size:.73rem;font-weight:800}.view-mode-switcher button.is-active{color:#fffaf0;background:linear-gradient(180deg,#4d805c,#386b48);box-shadow:0 2px #285638,0 4px 9px #2f623f24}.fullscreen-button{position:absolute;top:max(.65rem,env(safe-area-inset-top));right:.75rem;z-index:18;width:36px;min-height:36px;padding:0;display:grid;place-items:center;color:#95501d;background:#f8e4c8;border:1px solid #e6c391;border-radius:10px;box-shadow:0 2px #96541d1a;cursor:pointer;font-size:1.25rem;line-height:1}.fullscreen-button[hidden]{display:none}.fullscreen-button:hover{background:#f3d6ad}.due-date{display:inline-flex;align-items:center;gap:.25rem;font-weight:700}.due-date:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#6ca47a}.due-date--overdue:before{background:#d18a43}@media(min-width:621px){.mode-control #prototype-content{padding:0 2rem 1.4rem}.mode-control .phone-control{--subject-accent:#426f5c;--subject-tint:#edf5f0;max-width:760px;height:min(68dvh,680px);min-height:430px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:#fffaf0;border:1px solid #d9cbb3;border-radius:16px;box-shadow:0 12px 30px #4f3a1f1a}.mode-control .phone-control[data-subject="Digitale Grundbildung"]{--subject-accent:#4c6f91;--subject-tint:#edf3f8}.mode-control .phone-control[data-subject=Zeichnen]{--subject-accent:#7d668c;--subject-tint:#f3eff6}.mode-control .phone-control-header{flex:0 0 auto;padding:.65rem .75rem;background:#fbf4e7;border-bottom:1px solid #dccdb5}.mode-control .phone-context-selectors{display:grid;grid-template-columns:.72fr 1.28fr;gap:.55rem}.mode-control .phone-context-selectors label,.mode-control .phone-homework-select{min-width:0;display:grid;gap:.18rem;color:#776855;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mode-control .phone-control select{width:100%;min-width:0;min-height:38px;padding:.35rem .65rem;color:#3e3328;background:#fffaf0;border:1px solid #d9cbb3;border-radius:10px;font-size:.86rem;font-weight:750;text-overflow:ellipsis}.mode-control .phone-homework-row{margin-top:.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:end;gap:.5rem}.mode-control .phone-homework-row .view-mode-slot{position:static;transform:none;align-self:end}.mode-control .phone-homework-select select{color:var(--subject-accent);background:var(--subject-tint)}.mode-control .phone-actions{position:relative}.mode-control .phone-actions>summary{width:44px;height:38px;display:grid;place-items:center;color:#95501d;background:#f8e4c8;border:1px solid #e6c391;border-radius:10px;cursor:pointer;list-style:none;font-weight:900}.mode-control .phone-actions>summary::-webkit-details-marker{display:none}.mode-control .phone-actions-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:30;width:170px;padding:.35rem;display:grid;gap:.2rem;background:#fffaf0;border:1px solid #d6c7ae;border-radius:12px;box-shadow:0 14px 30px #43311b30}.mode-control .phone-actions:not([open]) .phone-actions-menu{display:none}.mode-control .phone-actions-menu button{min-height:40px;padding:.45rem .55rem;color:#30271e;background:transparent;border:0;border-radius:8px;text-align:left;font-size:.76rem;font-weight:750}.mode-control .phone-student-list{position:relative;width:100%;max-width:100%;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:pan-y pinch-zoom}.mode-control .phone-student-row{min-height:58px;padding:.3rem .8rem;display:grid;grid-template-columns:12rem 4.5rem;align-items:center;justify-content:center;gap:.55rem;border-bottom:1px solid #e8e0d2;background:#fffaf0}.mode-control .phone-student-row:nth-child(2n){background:#f8f2e7}.mode-control .phone-student-row.is-marked{background:#eaf3ee;box-shadow:inset 4px 0 #458264}.mode-control .phone-student-row.is-status-active{background:#e3f2e9;box-shadow:inset 4px 0 0 var(--green)}.mode-control .phone-student-identity{width:12rem;min-height:48px;padding:0 .3rem;display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.55rem;color:inherit;background:transparent;border:0;border-radius:9px;cursor:pointer;text-align:left}.mode-control .phone-student-name{overflow:hidden;font-size:1.05rem;font-weight:790;text-overflow:ellipsis;white-space:nowrap}.mode-control .homework-standing.icon-only{min-width:0}.mode-control .homework-standing.icon-only .homework-standing-asset{width:34px;height:32px}.mode-control .phone-status-wrap{position:relative;width:4.5rem;display:flex;align-items:center}.mode-control .phone-control .compact-status{width:48px;height:48px;min-height:48px}.mode-control .phone-note-indicator{position:absolute;right:0;width:22px;height:22px;padding:4px;color:#9a641f;background:#fff6e8;border:0;border-radius:7px}.mode-control .phone-note-indicator svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}}@media(max-width:620px){main{display:flex;flex-direction:column}.view-mode-switcher{flex:0 0 auto;margin:0;padding:2px}.view-mode-switcher button{min-height:29px;padding:.28rem .55rem;font-size:.68rem}.mode-control .phone-homework-row{grid-template-columns:minmax(0,1fr) auto 40px}.mode-control .phone-homework-row .view-mode-slot{position:static;transform:none;align-self:end}.fullscreen-button{display:none}#prototype-content{height:auto;flex:1 1 auto;min-height:0}.mode-control .phone-student-identity{grid-template-columns:2.15rem minmax(0,1fr)}.mode-control .phone-student-identity .homework-standing.icon-only{min-width:0}.mode-control .phone-student-identity .homework-standing-asset{width:29px;height:27px}.mode-documentation #prototype-content{position:relative;min-width:0;display:flex;flex-direction:column;overflow:clip}.mobile-documentation-context{flex:0 0 auto;padding:.35rem .5rem;display:grid;grid-template-columns:.72fr 1.28fr;gap:.4rem;background:#fbf4e7;border-bottom:1px solid #ddcfb8}.mobile-documentation-context label{min-width:0;display:grid;gap:.12rem;color:#776855;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mobile-documentation-context select{width:100%;min-width:0;min-height:34px;padding:.28rem .5rem;font-size:16px;font-weight:750;background:#fffaf0;border:1px solid #d9cbb3;border-radius:10px}.mode-documentation .matrix-card{width:100%;min-width:0;max-width:100%;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:clip;border-radius:0}.mode-documentation .matrix-toolbar{flex:0 0 auto;padding:.48rem .55rem;grid-template-columns:minmax(0,calc(50% - 4.5rem)) minmax(0,1fr)}.mode-documentation .matrix-toolbar .view-mode-slot{top:.48rem}.mode-documentation .selected-homework-summary h2{font-size:1rem}.mode-documentation .selected-homework-summary p{font-size:.7rem}.mode-documentation .homework-actions{gap:.3rem}.mode-documentation .homework-actions .compact-action{min-width:0;min-height:38px;padding:.38rem .5rem;font-size:.68rem}.mode-documentation .status-legend{grid-column:1 / -1;overflow-x:auto;flex-wrap:nowrap}.mode-documentation .matrix-scroll{width:100%;min-width:0;max-width:100%;min-height:0;max-height:none;flex:1 1 auto}}.mode-control #prototype-content,.mode-control .phone-control{min-width:0;max-width:100%;overflow:hidden}.mode-control .phone-student-list{left:0;right:auto;transform:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.mode-control .phone-student-row{width:100%;max-width:100%;box-sizing:border-box}@media(max-width:620px){.mode-control #prototype-content{min-height:0;min-width:0;max-width:100%;overflow:hidden}}.dev-test-control{position:fixed;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));z-index:90;padding:.38rem .45rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;color:#5f503f;background:#fffaeff5;border:1px dashed #c99f6c;border-radius:12px 9px 13px 10px;box-shadow:0 8px 24px #4f3a1f29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.64rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.dev-test-control[hidden]{display:none!important}.dev-test-control select{min-height:32px;max-width:13rem;padding:.25rem 1.7rem .25rem .5rem;color:#342a20;background:#fffaf0;border:1px solid #d8c6aa;border-radius:8px;font-size:.73rem;font-weight:750;letter-spacing:0;text-transform:none}.dev-test-control>span{padding:.16rem .28rem;color:#97551f;background:#f6dfbf;border-radius:5px;font-size:.54rem}.role-student main{max-width:1280px;padding-bottom:5.25rem}.role-student .page-heading{margin-bottom:.7rem}.role-student #prototype-content{min-width:0}.role-student .view-mode-switcher[hidden],.role-student .class-switcher[hidden],.role-student .subject-switcher[hidden]{display:none!important}.student-homework-view{width:min(1060px,100%);margin:0 auto;display:grid;gap:1rem}.student-status-legend.status-legend{width:100%;margin:0;padding:.48rem .7rem;grid-column:auto;gap:.75rem;background:#fffaefc7;border:1px solid #dfd0b8;border-radius:13px 10px 14px 11px;box-shadow:0 3px #684c270d}.student-welcome{padding:.2rem .15rem 0}.student-welcome h2{margin:0 0 .18rem;color:#33271d;font-family:Aptos Display,Avenir Next,SF Pro Display,Segoe UI,sans-serif;font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.035em}.student-welcome>p:last-child{margin:0;color:#766552;font-size:.85rem;font-weight:700}.student-overview-grid{min-width:0;display:grid;grid-template-columns:minmax(245px,.82fr) minmax(0,1.45fr);align-items:stretch;gap:1rem}.student-standing-card,.student-attention-card,.student-history-card{position:relative;min-width:0;color:#332a21;background:#fffaefeb;border:1px solid #ddceb6;border-radius:18px 14px 20px 15px;box-shadow:0 10px 26px #4f3a1f17,inset 0 1px #fffc}.student-standing-card{min-height:220px;padding:1.2rem 1.25rem;display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:.8rem;overflow:hidden;background:radial-gradient(circle at 96% 4%,rgba(232,164,77,.2),transparent 10rem),#fffaeff0}.student-standing-card:after{content:"";position:absolute;right:-18px;bottom:-24px;width:86px;height:86px;opacity:.22;background:url(/hue/assets/friendly_school_leaf_branch-B73BTD4Z.png) center/contain no-repeat;transform:rotate(-18deg);pointer-events:none}.student-standing-card h3,.student-attention-card h3,.student-history-card h3{margin:0;color:#3c3025;font-size:1.15rem;letter-spacing:-.02em}.student-standing-card strong{display:block;margin:.45rem 0 .25rem;color:#315f41;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.055em}.student-standing-card p:last-child{max-width:24rem;margin:0;color:#786957;font-size:.72rem;line-height:1.4}.student-standing-card .homework-standing.icon-only{min-width:0;justify-content:center}.student-standing-card .homework-standing-asset{width:128px;height:116px;filter:drop-shadow(0 8px 7px rgba(76,52,24,.16))}.student-attention-card{padding:1rem}.student-section-heading{min-width:0;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.student-section-heading .eyebrow{margin-bottom:.2rem}.student-section-heading>span{flex:0 0 auto;min-width:2rem;min-height:2rem;padding:.35rem .55rem;display:grid;place-items:center;color:#95501d;background:#f8e4c8;border:1px solid #e6c391;border-radius:999px;font-size:.72rem;font-weight:850}.student-attention-list,.student-history-list{display:grid;gap:.42rem}.student-attention-list{max-height:180px;overflow-y:auto;padding-right:.12rem}.student-homework-row{width:100%;min-width:0;min-height:62px;padding:.42rem .48rem .42rem .65rem;display:grid;grid-template-columns:4.15rem minmax(0,1fr) 48px 16px;align-items:center;gap:.65rem;color:#342b22;background:#fffdf7;border:1px solid #e8dcc9;border-radius:12px 9px 13px 10px;cursor:pointer;text-align:left;box-shadow:0 2px #5b412309;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.student-homework-row:hover{border-color:#cdbb9e;box-shadow:0 5px 14px #4f3a1f14;transform:translateY(-1px)}.student-homework-row--attention{background:#fff8ed;border-color:#e7cda7}.student-homework-date{color:#826d55;font-size:.76rem;font-weight:820;font-variant-numeric:tabular-nums}.student-homework-name{min-width:0;overflow:hidden;font-size:.88rem;font-weight:780;line-height:1.28;text-overflow:ellipsis;white-space:nowrap}.student-homework-row .compact-status{width:46px;height:46px;min-height:46px;cursor:inherit}.student-homework-row .compact-status .status-asset{width:46px;height:46px}.student-row-arrow{color:#a47a4d;font-size:1.35rem;line-height:1}.student-all-done{min-height:116px;padding:.8rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#315f41;background:#edf4e9;border:1px solid #ceddc9;border-radius:13px 10px 14px 11px}.student-all-done>span{width:2.5rem;height:2.5rem;display:grid;place-items:center;color:#fffaf0;background:#4c8059;border-radius:50%;font-size:1.35rem;font-weight:900}.student-all-done strong{display:block;font-size:1rem}.student-all-done p{margin:.14rem 0 0;color:#60755f;font-size:.73rem;line-height:1.35}.student-history-card{padding:1rem}.student-history-card .student-section-heading{padding:0 .15rem}.student-history-list{gap:.5rem}.student-history-card .student-homework-row{min-height:68px;grid-template-columns:4.7rem minmax(0,1fr) 52px 18px;padding-right:.7rem}.student-history-card .student-homework-name{font-size:.98rem;white-space:normal}.student-empty-state{margin:0;padding:1.2rem;color:#776957;background:#fbf4e8;border-radius:12px;text-align:center}.student-homework-dialog{width:min(520px,calc(100% - 1.5rem))}.student-detail-content{padding:1.3rem}.student-detail-list{margin:1rem 0 0;display:grid;gap:.5rem}.student-detail-list>div{padding:.72rem .8rem;display:grid;grid-template-columns:7.4rem minmax(0,1fr);align-items:center;gap:.75rem;background:#fbf5e9;border:1px solid #e7d9c2;border-radius:11px 8px 12px 9px}.student-detail-list dt{color:#7b6954;font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.student-detail-list dd{min-width:0;margin:0;color:#342a20;font-size:.88rem;font-weight:720;line-height:1.45}.student-detail-status{display:flex;align-items:center;gap:.55rem}.student-detail-status .status-symbol{width:38px;height:38px}.student-detail-note{align-items:start!important}.student-detail-note dd{font-weight:600}@media(max-width:760px){.student-overview-grid{grid-template-columns:1fr}.student-standing-card{min-height:190px}.student-attention-list{max-height:none}}@media(max-width:620px){.dev-test-control{right:.45rem;bottom:max(.45rem,env(safe-area-inset-bottom));max-width:calc(100% - .9rem)}.dev-test-control>label,.dev-test-control>span{display:none}.dev-test-control{grid-template-columns:minmax(0,1fr)}.dev-test-control select{width:100%;max-width:none}body.role-student{width:100%;height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.role-student main{display:block;height:auto;min-height:100dvh;padding:.5rem .55rem 4.75rem;overflow:visible}.role-student #prototype-content{height:auto;min-height:0}.role-student .page-heading{min-height:0;margin-bottom:.55rem;padding:.38rem .35rem .55rem;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:.45rem}.role-student .page-title-lockup{grid-column:1;grid-row:1;justify-self:start}.role-student .subject-switcher{width:100%;grid-column:1;grid-row:2;justify-self:center;margin-right:0}.role-student .friendly-book{width:54px;height:44px;display:block}.role-student .page-title-lockup{gap:.55rem}.role-student .page-title-lockup h1{font-size:1.45rem}.role-student .current-class{font-size:.73rem}.role-student .subject-tabs{max-width:100%}.student-homework-view{gap:.72rem}.student-status-legend.status-legend{padding:.4rem .5rem;gap:.55rem;font-size:.6rem}.student-welcome{padding:.1rem .2rem}.student-welcome h2{font-size:1.45rem}.student-standing-card{min-height:166px;padding:.9rem;grid-template-columns:minmax(0,1fr) 96px}.student-standing-card .homework-standing-asset{width:94px;height:86px}.student-standing-card strong{font-size:2.15rem}.student-attention-card,.student-history-card{padding:.75rem;border-radius:15px 11px 17px 12px}.student-homework-row,.student-history-card .student-homework-row{min-height:64px;padding:.38rem .4rem .38rem .55rem;grid-template-columns:3.7rem minmax(0,1fr) 44px 12px;gap:.45rem}.student-history-card .student-homework-name{font-size:.9rem;line-height:1.25}.student-homework-row .compact-status,.student-homework-row .compact-status .status-asset{width:42px;height:42px;min-height:42px}.student-detail-content{padding:1rem}.student-detail-list>div{grid-template-columns:1fr;gap:.28rem}}