.app-container{background:linear-gradient(180deg,#0096880d,#26a69a0d);max-width:100%;min-height:100vh;overflow-x:hidden;padding-bottom:2rem;padding-top:2rem}.webcam-container{border-radius:12px;box-shadow:0 4px 20px #00968826;margin:1.5rem auto;max-height:80vh;max-width:800px;overflow:hidden;position:relative;width:100%}@media (min-width:1024px){.webcam-container{border-radius:12px;margin:2rem auto;max-height:60vh;max-width:900px;width:80%}}@media (min-width:1440px){.webcam-container{border-radius:16px;box-shadow:0 8px 30px #00968826;margin:2.5rem auto;max-width:1000px}}.oval-guide{animation:pulse-border 2s infinite;box-shadow:0 0 0 4px #26a69a33;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes pulse-border{0%{box-shadow:0 0 0 0 #26a69a66}70%{box-shadow:0 0 0 10px #26a69a00}to{box-shadow:0 0 0 0 #26a69a00}}.recording-indicator{animation:pulse 2s infinite;box-shadow:0 0 0 #ef535066}@keyframes pulse{0%{box-shadow:0 0 0 0 #ef535066}70%{box-shadow:0 0 0 10px #ef535000}to{box-shadow:0 0 0 0 #ef535000}}body{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);font-family:Roboto,sans-serif;margin:0;padding:0}.App,body{min-height:100vh;overflow-x:hidden}.App{display:flex;flex-direction:column;max-width:100%;text-align:center}.phrase-display{background:linear-gradient(135deg,#fff,#e0f2f1);border-left:5px solid #009688;margin:1.5rem 0;padding:1.5rem}.controls{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}@media (min-width:1024px){.controls{gap:2rem;margin:2rem 0}.controls button{font-size:1rem;min-width:180px;padding:12px 24px;transition:transform .2s ease}.controls button:hover{transform:translateY(-2px)}}.app-header{background:linear-gradient(90deg,#009688,#26a69a);border-radius:0 0 12px 12px;box-shadow:0 4px 20px #0000001a;color:#fff;margin-bottom:2rem;padding:1.5rem;text-align:center}.consent-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00968826;margin-top:2rem;padding:2rem}.consent-header{background:linear-gradient(90deg,#009688,#26a69a);border-radius:12px 12px 0 0;color:#fff;margin:-2rem -2rem 2rem;padding:1.5rem}.consent-section{border-bottom:1px solid #00968833;margin-bottom:1.5rem;padding-bottom:1.5rem}.consent-section:last-child{border-bottom:none}.category-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:all .3s ease}.category-card:hover{border-color:#26a69a4d;box-shadow:0 6px 16px #00968833;transform:translateY(-5px)}.completed-phrase{background-color:#e8f5e9}.progress-container{margin:2rem auto;max-width:900px}.keyboard-shortcuts{background:#0096880d;border-left:4px solid #009688;border-radius:8px;margin:1.5rem auto;max-width:800px;padding:1rem}.keyboard-shortcuts h4{color:#00796b;margin-top:0}.keyboard-shortcuts ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-left:1.5rem}
/*# sourceMappingURL=main.4ebeed6d.css.map*/