.login-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;background:linear-gradient(135deg,#063008,#136c62);align-items:center}.login-banner-container{max-width:1200px;width:100%}.warning-icon{font-size:1.75em;font-weight:400;color:#000c;margin:0 12px}.login-content{display:flex;max-width:1200px;width:100%;height:550px;border-radius:12px;overflow:hidden;margin:24px 0;text-align:center}.login-left{flex:1;display:flex;justify-content:center;flex-direction:column;background-color:#0006;color:var(--color-secondary);font-family:Instrument Sans,sans-serif;font-size:1.5em;font-weight:400;padding:48px}.login-left p{font-size:1.1rem;line-height:1.6;opacity:.8}.login-right{flex:1;padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-secondary);gap:24px}.login-right h3{margin:0;font-family:"Roboto Serif",serif;font-size:2em;font-weight:500;color:#000c}.google-login-btn{display:flex;align-items:center;gap:12px;padding:.8rem 1.5rem;background-color:#fff;border:1px solid #ddd;border-radius:8px;font-weight:600;color:#3c4043;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.google-login-btn:hover{background-color:#f8f9fa;border-color:teal;box-shadow:0 4px 12px #0000001a}.google-icon{width:18px;height:18px}.main-header{display:flex;max-width:1200px;width:100%;font-family:"Roboto Serif",serif;font-weight:700;justify-content:space-between;padding:36px 24px}.title{font-size:2.25em;color:var(--color-secondary)}.tab{font-family:inherit;font-size:1.5em;font-weight:700;background:none;padding:0;border:none;cursor:pointer;color:var(--color-secondary)}.tab-bar{display:flex;gap:16px}.banner{display:flex;background-color:var(--background-color);border-radius:12px;width:100%;align-items:center;text-align:center}.message{font-family:Instrument Sans,sans-serif;font-size:1.5em;font-weight:400;color:#000c}.app-container{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.assessment-container{padding:2rem;font-family:sans-serif;max-width:1200px;margin:0 auto}.assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.user-info{display:flex;align-items:center;gap:1rem}.logout-button{padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer}.logout-button:hover{background-color:#dc2626}.transcript-label{display:block;margin-bottom:.5rem}.transcript-textarea{width:100%;padding:.5rem;border-radius:8px;border:1px solid #ccc;margin-bottom:1rem;font-family:inherit;resize:vertical}.button-group{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;border:1px solid #ccc;background-color:#f9f9f9;font-weight:500;transition:all .2s}.btn:hover:not(:disabled){background-color:#f0f0f0;border-color:#bbb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background-color:#2563eb;color:#fff;border:none}.btn-submit:hover:not(:disabled){background-color:#1d4ed8}.status-text,.audio-container{margin-top:1rem}.result-container{margin-top:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.result-json{white-space:pre-wrap;background:#eee;padding:1rem;border-radius:8px;font-size:.8rem;overflow-x:auto}html,body,#root{margin:0;padding:0;width:100%;height:100%;min-height:100vh}body{overflow-x:hidden}*{box-sizing:border-box}:root{--color-secondary: #EDFFE8}