*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100%}body{background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.student-node{-webkit-tap-highlight-color:transparent}.app{min-height:100vh;background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#1e293b;border-bottom:1px solid #334155}.toolbar-left{display:flex;align-items:center;gap:12px}.toolbar-title{font-size:16px;font-weight:600}.toolbar-topic{font-size:13px;color:#64748b;font-style:italic}.toolbar-live{font-size:11px;font-weight:700;letter-spacing:.08em;color:#22c55e;background:#22c55e1a;padding:3px 8px;border-radius:4px;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.toolbar-right{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:#2dd4bf;color:#0f172a}.btn-secondary{background:#334155;color:#94a3b8}.canvas-container{flex:1;height:calc(100vh - 57px)}.recording-indicator{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#ef4444;background:#ef44441a;padding:3px 8px;border-radius:4px}.recording-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse-rec 1.5s ease-in-out infinite}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}