:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#e9eef3}.app{display:flex;height:100vh;width:100vw;overflow:hidden}.toolbar{width:280px;background:#2f3640;color:#fff;padding:20px 20px 72px;display:flex;flex-direction:column;box-shadow:2px 0 8px #0003;flex-shrink:0;position:relative;transition:transform .3s ease}.toolbar h2{margin:0 0 10px;font-size:18px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}.account-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.user-email{flex:1;min-width:0;background:#ffffff14;border:1px solid rgba(255,255,255,.18);padding:6px 8px;border-radius:6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout-square,.signin-btn-inline{width:32px;height:32px;padding:0;background-color:#40739e;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center}.signout-square:hover,.signin-btn-inline:hover{background-color:#487eb0}.toolbar button{margin:8px 0;padding:10px;background-color:#40739e;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.toolbar button:hover{background-color:#487eb0}.period-select,.copy-layout{margin-top:10px}.top-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.student-view-inline{margin:0;padding:6px 8px;font-size:12px;background-color:#27ae60;border-radius:4px}.student-view-inline:hover{background-color:#2ecc71}.student-section{margin-top:12px;display:flex;flex-direction:column;flex:1;min-height:0}.student-list{margin-top:10px;background:#ffffff1a;padding:8px;border-radius:4px;flex:1;min-height:0;overflow-y:auto;height:auto;margin-bottom:0}.student{background:#718093;color:#fff;padding:6px;margin-bottom:5px;border-radius:4px;cursor:grab;text-align:center;transition:background .2s;display:flex;align-items:center;gap:6px}.student:hover{background:#a4b0be}.remove-student{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:red;padding:0 5px;border-radius:3px;margin-left:auto;cursor:pointer;font-weight:700}.remove-student:hover{background:#ffffff4d}.glasses-btn{font-size:18px;line-height:1;padding:2px 6px;background:#555;border:none;border-radius:4px;cursor:pointer;transition:background .1s}.glasses-btn.active{background:#2ecc71!important}.group-chip{width:16px;height:16px;border-radius:3px;background:#aaa;border:1px solid #ddd;cursor:pointer;position:relative}.group-none{background:#aaa}.group-red{background:#e74c3c}.group-orange{background:#e67e22}.group-yellow{background:#f1c40f}.group-green{background:#2ecc71}.group-blue{background:#3498db}.group-purple{background:#9b59b6}.group-pink{background:#fd79a8}.color-menu{position:absolute;display:flex;gap:6px;padding:6px;background:#000000b3;border-radius:6px;margin-left:24px;z-index:10}.color-swatch{width:16px;height:16px;border-radius:3px;border:1px solid #eee;cursor:pointer}.student-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.random-row{display:flex;gap:6px;margin:8px 0}.random-btn{flex:1;padding:6px 8px;font-size:12px;background:#40739e;border-radius:4px;border:none;cursor:pointer}.random-btn:hover{background:#487eb0}.show-toolbar-btn{position:absolute;top:20px;left:10px;z-index:999;background:#2f3640;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.show-toolbar-btn:hover{background:#3d4a57}.toolbar .remove-all-btn{background-color:#e84118!important;position:absolute;bottom:10px;left:20px;width:calc(100% - 40px);z-index:2}.toolbar .remove-all-btn:hover{background-color:#ff4d4d!important}.classroom{position:relative;flex:1;background:#f5f6fa;overflow:hidden;-webkit-user-select:none;user-select:none}.desk{position:absolute;width:80px;height:60px;background:#8b5e3c;border:2px solid #5a3d28;border-radius:6px;display:flex;flex-direction:column;align-items:center;cursor:grab;box-shadow:0 2px 5px #0003;transition:transform .1s}.desk:hover{transform:scale(1.05)}.desk.selected{outline:3px solid rgba(46,204,113,.95);box-shadow:0 0 0 3px #2ecc7140}.desk-bar{height:8px;width:100%;background:#5a3d28;border-radius:4px 4px 0 0}.desk-student{text-align:center;margin-top:8px;font-size:12px;background:#f0f0f0;border-radius:4px;padding:2px 4px;cursor:pointer;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111}.desk-button{position:absolute;background:#fffffff2;border:1px solid #ccc;border-radius:4px;font-size:12px;cursor:pointer;padding:2px 5px;box-shadow:0 2px 5px #0003;transition:background .2s}.desk-button:hover{background:#eee}.desk-button.delete{top:-22px;left:-22px}.desk-button.rotate{top:-22px;right:-22px}.front-bar{position:absolute;bottom:0;left:0;width:100%;background:#000;color:#fff;text-align:center;font-weight:700;padding:5px 0;font-size:14px;pointer-events:none}.auth-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:2000}.auth-modal{width:460px;max-width:92vw;background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000059;padding:20px}.auth-title{margin:0 0 4px;font-size:20px;font-weight:700;color:#2f3640}.auth-subtitle{margin:0 0 16px;color:#555;font-size:14px}.auth-row{display:flex;flex-direction:column;gap:10px;margin:12px 0;width:100%}.input{width:100%;display:block;padding:10px 12px;border-radius:8px;border:1px solid #d6d9de;font-size:14px;outline:none}.input:focus{border-color:#40739e;box-shadow:0 0 0 3px #40739e26}.btn-primary,.btn-secondary,.google-btn{width:100%;padding:10px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .02s ease,background .2s ease}.btn-primary{background:#40739e;color:#fff}.btn-primary:hover{background:#487eb0}.btn-secondary{background:#ecf0f3;color:#2f3640}.btn-secondary:hover{background:#e2e7ec}.google-btn{background:#fff;border:1px solid #d6d9de;color:#2f3640}.google-btn:hover{background:#f6f8fa}.auth-links{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.auth-link{background:none;border:none;color:#40739e;font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.auth-errors{margin-top:8px;color:#c0392b;font-size:13px}.auth-success{margin-top:8px;color:#2ecc71;font-size:13px}.auth-divider{text-align:center;margin:12px 0;color:#7f8c8d;font-size:12px}.selection-rect{position:absolute;border:2px dashed rgba(64,115,158,.9);background:#40739e1f;pointer-events:none;z-index:5;border-radius:4px}.group-actions{position:absolute;z-index:6;display:flex;gap:6px;padding:6px;background:#fffffff2;border:1px solid #d6d9de;border-radius:8px;box-shadow:0 6px 18px #00000026;align-items:center}.group-actions button{margin:0;padding:6px 8px;font-size:12px;background:#ecf0f3;color:#2f3640;border-radius:6px}.group-actions button:hover{background:#e2e7ec}.group-actions .count{font-size:12px;opacity:.8;padding:0 4px}