*{box-sizing:border-box}body{margin:0;font-family:sans-serif;background-color:#000;color:#fff}#welcomeScreen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#000,#1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:-1;overflow:hidden;color:#fff;text-align:center}#welcomeScreen h1{font-family:oswald,serif;font-size:80px;font-weight:500;text-transform:uppercase}#welcomeScreen canvas{position:absolute;top:0;left:0;z-index:10}#message{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#ffff00f2;color:#000;font-size:18px;padding:10px 20px;border-radius:6px;z-index:1000;font-weight:700;box-shadow:0 0 10px #0000004d}#mainApp{width:100vw;height:100vh;display:flex;flex-direction:column}#appContainer{display:flex;flex-direction:row;height:100%;width:100%}#rightPanel canvas{position:absolute;top:0;left:0;width:100%;height:100%}#leftPanel{display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:20px;width:30%;background-color:#111;overflow-y:auto}#input_video,#output_canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#controlsRow{display:flex;flex-direction:row;gap:15px;flex-wrap:wrap}.controlGroup{display:flex;flex-direction:column;min-width:150px}select{padding:8px;font-size:1em;border-radius:4px;border:none}label{margin-bottom:4px;font-weight:700}#mnemonicDisplay span{display:inline-block;margin-right:6px}#mnemonicDisplay,#selectedBoneLabel,#selectedGroupLabel{font-size:1.1em;margin-top:10px}#rightPanel canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#leftPanel{position:relative;z-index:1}.modern-bone-table{width:100%;border-collapse:separate;border-spacing:0;font-family:Segoe UI,sans-serif;margin-top:10px;border-radius:12px;overflow:hidden;background-color:#fff;color:#000;box-shadow:0 0 12px #0000004d}.modern-bone-table th{background-color:#333;color:#fff;padding:14px 12px;text-align:left;font-size:1.05em;font-weight:600}.modern-bone-table td{padding:12px;font-size:1em;border-top:1px solid #ddd;background-color:#fff}.modern-bone-table tr:nth-child(odd) td{background-color:#fff}.modern-bone-table tr:hover td{background-color:#eef6ff}#quizSection{margin-top:auto;background-color:#222;padding:16px;border-radius:10px;color:#fff;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}#quizSection h3{margin-top:0;font-size:1.2em;margin-bottom:10px}#quizPrompt{font-size:1.1em;min-height:2em;margin-bottom:10px}#newQuizBone{padding:8px 12px;border:none;border-radius:6px;background-color:#06f;color:#fff;font-size:1em;cursor:pointer;transition:background-color .3s}#newQuizBone:hover{background-color:#0052cc}#quizScore{font-size:1em;margin-top:10px;align-self:flex-end;color:#aaa}