body{min-height:100dvh;display:flex;flex-direction:column}#app{flex:1}.layout{min-height:calc(100dvh - 58px)}.site-footer{padding:20px 18px;color:#85968a;font-size:11px;line-height:18px;text-align:center;flex-shrink:0}.site-footer span{color:#627b69}body:has(.layout) .site-footer{margin-left:246px}body:has(.account-page) .account-page,body:has(.teacher-page) .teacher-page{min-height:calc(100dvh - 58px)}#console-note{position:fixed;z-index:9;bottom:8px;left:calc(246px + 24px);right:24px;padding:12px 16px;background:#f8faf3f2;border:1px solid #e5ece0;border-radius:8px;box-shadow:0 4px 18px #172e2b08;color:#a0ada3;opacity:.3;max-height:28vh;overflow:auto}#console-note[hidden]{display:none}#console-note pre{font:9px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:inherit}.task-panel>.terminal{margin-top:20px}@media(max-width:1150px){body:has(.layout) .site-footer{margin-left:215px}#console-note{left:239px}}@media(max-width:850px){body:has(.layout) .site-footer{margin-left:0}#console-note{left:16px;right:16px}.site-footer{padding:18px 14px}}

@media(max-width:650px){.topbar:has([data-action="teacher-cabinet"]){height:auto;min-height:65px;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.topbar:has([data-action="teacher-cabinet"]) .top-actions{flex-wrap:wrap}}