:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{justify-content:center;align-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.App{flex-direction:column;gap:2rem;display:flex}h1{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:3rem;font-weight:800}h2{color:#94a3b8;margin-bottom:1.5rem;font-size:1.5rem}.login-container,.video-upload-container{background-color:#1e293b;border-radius:1rem;width:100%;max-width:450px;margin:0 auto;padding:2.5rem;box-shadow:0 10px 25px -5px #0000004d}.assessment-result{text-align:left;background-color:#1e293b;border:1px solid #334155;border-radius:1rem;width:100%;max-width:1000px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:2.5rem;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.assessment-header{border-bottom:1px solid #334155;margin-bottom:2rem;padding-bottom:1rem}.activity-badge{justify-content:space-between;align-items:center;display:flex}.activity-badge h3{color:#f8fafc;margin:0}.rating-tag{color:#fff;background:linear-gradient(90deg,#60a5fa,#a855f7);border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.table-container{margin-bottom:2rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#94a3b8;text-align:left;text-transform:uppercase;letter-spacing:.05em;background-color:#334155;padding:.75rem 1rem;font-size:.875rem}td{vertical-align:top;border-bottom:1px solid #334155;padding:1rem;font-size:.9375rem}.timestamp{color:#60a5fa;white-space:nowrap;background-color:#60a5fa1a;border-radius:.25rem;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-weight:700}.observation{color:#e2e8f0}.correction{color:#4ade80;font-weight:500}.correction strong{color:#22c55e}.improvement-section,.vibe-check{background-color:#0f172a;border-left:4px solid #60a5fa;border-radius:.75rem;margin-top:2rem;padding:1.5rem;box-shadow:inset 0 2px 4px #0000000f}.vibe-check{background:linear-gradient(90deg,#0f172a,#1e1b4b);border-left-color:#a855f7}.improvement-section h4,.vibe-check h4{color:#f1f5f9;margin-top:0;margin-bottom:.5rem}.improvement-section p,.vibe-check p{color:#94a3b8;margin:0;line-height:1.6}.webcam-container{flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.webcam-view{aspect-ratio:4/3;object-fit:cover;background-color:#000;border-radius:.5rem;width:100%;max-width:400px}.webcam-controls{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-record{background-color:#ef4444}.btn-record:hover{background-color:#dc2626}.btn-stop{background-color:#334155}.recording-indicator{color:#ef4444;align-items:center;gap:.5rem;font-weight:600;animation:1.5s infinite pulse;display:flex}.dot{background-color:#ef4444;border-radius:50%;width:10px;height:10px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}form{flex-direction:column;gap:1.25rem;display:flex}.form-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}label{color:#cbd5e1;font-size:.875rem;font-weight:500}input[type=email],input[type=password],input[type=file]{color:#fff;background-color:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.5rem;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}button:hover{background-color:#2563eb}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;background-color:#475569;transform:none}.logout-btn{background-color:#ef4444;padding:.5rem 1rem;font-size:.875rem}.logout-btn:hover{background-color:#dc2626}.response-box{text-align:left;background-color:#0f172a;border:1px solid #334155;border-radius:.5rem;margin-top:2rem;padding:1rem}.response-box h3{color:#94a3b8;margin-top:0;margin-bottom:.5rem;font-size:.875rem}.response-box pre{color:#10b981;margin:0;font-size:.75rem;overflow-x:auto}.error-message{color:#f87171;background-color:#f871711a;border-radius:.25rem;margin-top:1rem;padding:.5rem;font-size:.875rem}.video-preview{margin-top:2rem}.video-preview video{border:1px solid #334155;border-radius:.5rem;width:100%}.loading-screen{color:#fff;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.upload-method-toggle button{background-color:#334155;border:1px solid #475569;transition:all .2s}.upload-method-toggle button.active{color:#fff;background:linear-gradient(90deg,#60a5fa,#a855f7);border-color:#0000}.btn-secondary{background-color:#334155}.btn-secondary:hover{background-color:#475569}.spinner{border:4px solid #3b82f61a;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;margin-bottom:1.5rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}