*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0e14;color:#e6edf3;-webkit-font-smoothing:antialiased}#root{height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#484f58}.edu-sider{background:#0d1117!important;border-right:1px solid #21262d!important;position:relative}.edu-logo{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px;cursor:pointer;border-bottom:1px solid #21262d;-webkit-user-select:none;user-select:none}.edu-logo-icon{font-size:20px;color:#4fa3f7}.edu-logo-text{font-size:17px;font-weight:800;color:#e6edf3;letter-spacing:-.3px}.edu-logo-accent{color:#4fa3f7}.edu-sider-footer{position:absolute;bottom:60px;left:0;right:0;padding:12px 16px;border-top:1px solid #21262d}.edu-header{background:#0d1117!important;border-bottom:1px solid #21262d;display:flex;align-items:center;padding:0 24px;height:64px;position:sticky;top:0;z-index:10}.edu-header-title{flex:1;font-size:15px;font-weight:600;color:#e6edf3;margin-left:8px}.edu-mobile-menu-btn{display:none!important;color:#e6edf3!important}.edu-user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}.edu-user-info:hover{background:#21262d}.edu-user-name{font-size:13px;color:#8b949e;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edu-content{background:#0a0e14!important;padding:24px;overflow-y:auto}.edu-content:has(.lr-root){padding:0;overflow:hidden}.edu-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:99}@media(max-width:992px){.edu-mobile-menu-btn{display:flex!important}.edu-sider{position:fixed!important;left:-220px!important;top:0;bottom:0;z-index:100;transition:left .25s ease}.edu-sider.mobile-open{left:0!important}}.login-bg{min-height:100vh;background:#0a0e14;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px;background:#0d1117;border:1px solid #21262d;border-radius:12px;padding:40px 36px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login-brand-icon{font-size:26px;color:#4fa3f7}.login-brand-text{font-size:22px;font-weight:800;color:#e6edf3;letter-spacing:-.5px}.login-brand-accent{color:#4fa3f7}.login-subtitle{color:#8b949e;font-size:14px;margin:0 0 28px}.login-google-btn{background:#21262d!important;border-color:#30363d!important;color:#e6edf3!important;height:44px!important}.login-google-btn:hover{background:#2d333b!important;border-color:#484f58!important}.login-footer-note{margin-top:24px;text-align:center;color:#8b949e;font-size:13px}.join-bg{min-height:100vh;background:#0a0e14;display:flex;align-items:center;justify-content:center;padding:24px}.join-card{width:100%;max-width:440px;background:#0d1117;border:1px solid #21262d;border-radius:12px;padding:40px 36px}.join-brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.join-brand-icon{font-size:26px;color:#4fa3f7}.join-brand-text{font-size:22px;font-weight:800;color:#e6edf3;letter-spacing:-.5px}.join-brand-accent{color:#4fa3f7}.join-subtitle{color:#e6edf3;font-size:15px;font-weight:600;margin:0 0 4px}.join-desc{color:#8b949e;font-size:13px;margin:0 0 24px}.join-lesson-found{margin-top:20px}.wb-root{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border-radius:8px;overflow:hidden}.wb-toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#1c2128;border-bottom:1px solid #30363d;flex-shrink:0;flex-wrap:wrap}.wb-toolbar-group{display:flex;align-items:center;gap:2px}.wb-toolbar-sep{width:1px;height:22px;background:#30363d;margin:0 4px}.wb-tool-btn{width:30px!important;height:28px!important;display:flex!important;align-items:center;justify-content:center}.wb-shape-icon{font-size:14px;line-height:1;font-style:normal}.wb-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid #30363d;cursor:pointer;flex-shrink:0;transition:border-color .15s}.wb-color-btn:hover{border-color:#4fa3f7}.wb-color-grid{display:grid;grid-template-columns:repeat(5,22px);gap:5px;padding:4px}.wb-color-cell{width:22px;height:22px;border-radius:50%;cursor:pointer;transition:transform .1s}.wb-color-cell:hover{transform:scale(1.15)}.wb-color-cell.selected{outline:2px solid #4fa3f7;outline-offset:2px}.wb-color-custom{width:22px;height:22px;border-radius:50%;border:none;padding:0;cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.wb-color-custom::-webkit-color-swatch-wrapper{padding:0}.wb-color-custom::-webkit-color-swatch{border:none;border-radius:50%;opacity:0}.wb-width-slider{display:flex;align-items:center;gap:6px;padding:0 4px}.wb-canvas-container{flex:1;overflow:hidden;position:relative}.wb-canvas-container canvas{position:absolute;inset:0;width:100%;height:100%}.lr-root{display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.lr-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0d1117;border-bottom:1px solid #21262d;flex-shrink:0}.lr-title{flex:1;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.lr-title-text{font-size:15px;font-weight:700;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.lr-body{display:flex;flex:1;overflow:hidden}.lr-wb{flex:1;overflow:hidden;padding:0;background:#fff}.lr-sidebar{width:280px;min-width:280px;background:#0d1117;border-left:1px solid #21262d;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.lr-info-block{display:flex;flex-direction:column;padding:4px 0}.lr-label{font-size:10px!important;color:#484f58!important;text-transform:uppercase;letter-spacing:.05em}.lr-code{font-size:20px;font-weight:700;color:#4fa3f7;letter-spacing:3px;display:block}.lr-section{display:flex;flex-direction:column;gap:4px}.lr-section-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#8b949e;padding:2px 0 4px}.lr-participant{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#161b22;border:1px solid #21262d}.lr-participant-info{flex:1;min-width:0;overflow:hidden}.lr-participant-name{font-size:13px;font-weight:600;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-participant-sub{font-size:11px;color:#484f58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}