*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#ff6b35,#f7931e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.App-header h1{color:#ff6b35;font-size:2.5rem;margin-bottom:10px}.App-header p{color:#666;font-size:1.1rem}.App-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.App-footer{background:#000c;color:#fff;font-size:.9rem;padding:15px;text-align:center}@media (max-width:768px){.App-header h1{font-size:2rem}.App-header p{font-size:1rem}}.emotion-detector{margin:0 auto;max-width:1200px;width:100%}.detector-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:30px}.controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.emotion-selection-section{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:25px;padding:20px}.emotion-selection-label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:15px}.emotion-checkboxes{display:flex;flex-wrap:wrap;gap:15px}.emotion-checkbox-label{align-items:center;background:#fff;border:2px solid #ddd;border-radius:5px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s;-webkit-user-select:none;user-select:none}.emotion-checkbox-label:hover:not(.disabled){background:#fff5f2;border-color:#ff6b35}.emotion-checkbox-label.disabled{cursor:not-allowed;opacity:.6}.emotion-checkbox-label.disabled:hover{background:#fff;border-color:#ddd}.emotion-checkbox-label input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;height:18px;width:18px}.emotion-checkbox-label.disabled input[type=checkbox]{cursor:not-allowed}.emotion-checkbox-text{font-size:14px;font-weight:500;text-transform:capitalize}.emotion-checkbox-label.checked{background:#fff5f2;border-color:#ff6b35;box-shadow:0 2px 5px #ff6b3533}.emotion-checkbox-label input[type=checkbox]:checked+.emotion-checkbox-text{font-weight:600}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:#333;font-weight:600}.control-group select{background:#fff;border:2px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s}.control-group select:hover:not(:disabled){border-color:#ff6b35}.control-group select:disabled{background:#f5f5f5;cursor:not-allowed}.button-group{display:flex;gap:10px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:10px 25px;text-transform:uppercase;transition:all .3s}.btn-start{background:#ff6b35;color:#fff}.btn-start:hover:not(:disabled){background:#e55a2b;box-shadow:0 4px 8px #ff6b354d;transform:translateY(-2px)}.btn-stop{background:#666;color:#fff}.btn-stop:hover:not(:disabled){background:#444;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message{background:#ffebee;border-left:4px solid #c62828;color:#c62828}.error-message,.loading-message{border-radius:5px;margin-bottom:20px;padding:15px}.loading-message{background:#e3f2fd;border-left:4px solid #1976d2;color:#1976d2;text-align:center}.video-section{margin-bottom:25px}.video-wrapper{background:#000;border-radius:10px;box-shadow:0 5px 15px #0000004d;margin:0 auto;max-width:640px;overflow:hidden;position:relative;width:100%}.video-element{display:block;height:auto;width:100%}.canvas-element{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.process-time{color:#666;font-size:14px;font-weight:600;margin-top:10px;text-align:center}.results-section{background:#f9f9f9;border-radius:10px;margin-bottom:25px;padding:20px}.emotion-label{font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center;text-transform:capitalize}.confidence{color:#666;font-size:1.2rem;font-weight:400}.emotion-scores{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.emotion-item{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden;padding:15px;position:relative}.emotion-name{color:#333;font-weight:700;margin-bottom:8px;text-transform:capitalize}.emotion-value{color:#666;font-size:14px;margin-bottom:5px}.emotion-bar{border-radius:2px;height:4px;margin-top:5px;transition:width .3s ease}.no-face-message{color:#999;font-size:1.1rem;padding:20px;text-align:center}.instructions{background:#fff3e0;border-left:4px solid #ff6b35;border-radius:8px;padding:20px}.instructions h3{color:#ff6b35;margin-bottom:10px}.instructions p{color:#666;line-height:1.6}.instructions strong{color:#ff6b35}.instructions .note{background:#ff6b351a;border-left:3px solid #ff6b35;border-radius:4px;font-size:.95rem;margin-top:15px;padding:10px}@media (max-width:768px){.detector-container{padding:20px}.control-group,.controls-section{align-items:stretch;flex-direction:column}.control-group select{width:100%}.button-group{flex-direction:column}.btn{width:100%}.emotion-label{font-size:1.5rem}.emotion-scores{grid-template-columns:1fr}.emotion-checkboxes{flex-direction:column}.emotion-checkbox-label{width:100%}}
/*# sourceMappingURL=main.cbf8aca1.css.map*/