*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1f2937;background:#f9fafb}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100vh}.top-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.brand{font-size:18px;font-weight:600;color:#111827}.menu-toggle{display:none;align-items:center;justify-content:center;padding:4px 8px;border:none;background:transparent;font-size:22px;line-height:1;color:#374151;border-radius:6px}.menu-toggle:hover{background:#f3f4f6}.drawer-settings{display:none}.language-pickers{display:flex;gap:16px;align-items:center}.picker{display:flex;flex-direction:column;font-size:12px;color:#6b7280;gap:4px}.picker select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#111827;min-width:180px}.picker select:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.lock-note{font-size:12px;color:#9ca3af;font-style:italic}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}.new-session-btn{margin:16px;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#111827;transition:background .15s}.new-session-btn:hover{background:#f3f4f6}.session-list{flex:1;overflow-y:auto;padding:0 8px 16px}.session-list .empty{text-align:center;color:#9ca3af;font-size:14px;padding:16px}.session-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;text-align:left;margin-bottom:4px;transition:background .15s}.session-item:hover{background:#f3f4f6}.session-item.active{background:#eef2ff}.session-title{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.session-meta{font-size:11px;color:#6b7280;margin-top:2px}.chat-window{flex:1;display:flex;flex-direction:column;min-width:0}.messages{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:12px}.status,.placeholder{color:#6b7280;text-align:center;padding:32px}.placeholder h2{margin:0 0 8px;color:#111827;font-size:22px;font-weight:600}.placeholder p{max-width:460px;margin:0 auto;line-height:1.5}.bubble-row{display:flex;width:100%}.bubble-row.user{justify-content:flex-end}.bubble-row.assistant{justify-content:flex-start}.bubble{max-width:70%;padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5}.bubble-row.user .bubble{background:#2563eb;color:#fff;border-bottom-right-radius:4px}.bubble-row.assistant .bubble{background:#fff;color:#111827;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.bubble-text{margin:0;white-space:pre-wrap}.audio-player-btn{margin-top:8px;padding:4px 10px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;font-size:12px;color:#374151}.audio-player-btn:hover{background:#f3f4f6}.recording-area{border-top:1px solid #e5e7eb;background:#fff;padding:20px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:120px;justify-content:center}.error{background:#fee2e2;color:#991b1b;padding:8px 12px;border-radius:6px;font-size:13px}.record-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 36px;border:none;border-radius:999px;background:#22c55e;color:#fff;font-size:16px;font-weight:600;box-shadow:0 4px 12px #22c55e59;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .15s,transform .05s}.record-button:hover{background:#16a34a}.record-button:active{background:#15803d;transform:scale(.98)}.mic-icon{font-size:20px}.status-block{display:flex;align-items:center;gap:12px;font-size:15px;color:#374151}.spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#22c55e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.review-block{width:100%;max-width:720px;display:flex;flex-direction:column;gap:10px}.review-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.review-transcript{padding:12px 16px;background:#f3f4f6;border-radius:10px;font-size:15px;color:#111827;line-height:1.5;white-space:pre-wrap}.review-actions{display:flex;justify-content:flex-end;gap:8px}.btn-primary{padding:10px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:14px;font-weight:600}.btn-primary:hover{background:#16a34a}.btn-secondary{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500}.btn-secondary:hover{background:#f3f4f6}.recording-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;display:flex;align-items:center;justify-content:center;z-index:100}.recording-modal{background:#fff;border-radius:16px;padding:28px 36px;width:min(520px,92vw);display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 20px 60px #00000040}.recording-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827}.rec-dot{width:12px;height:12px;border-radius:50%;background:#ef4444;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.waveform{width:100%;max-width:480px;height:96px;background:#f9fafb;border-radius:8px}.countdown{font-size:28px;font-weight:700;color:#22c55e;font-variant-numeric:tabular-nums}.recording-hint{margin:0;text-align:center;font-size:13px;color:#6b7280}@media (max-width: 768px){.top-toolbar{padding:10px 16px;justify-content:flex-start;gap:12px}.menu-toggle{display:inline-flex}.toolbar-pickers{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;z-index:200;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 40px #0003}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;z-index:150}.drawer-settings{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb}.drawer-settings .picker select{min-width:0;width:100%}.messages{padding:16px}.bubble{max-width:85%}.recording-area{padding:16px}}.access-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f9fafb}.access-card{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:32px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #1118270f;text-align:center}.access-card h1{margin:0;font-size:22px}.access-card p{margin:0;color:#4b5563;font-size:15px}.access-card .access-subtle{color:#9ca3af;font-size:14px}.access-card input{padding:12px 14px;font-size:16px;border:1px solid #d1d5db;border-radius:8px;outline:none}.access-card input:focus{border-color:#2563eb}.access-card button{padding:12px 14px;font-size:16px;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer}.access-card button:disabled{background:#93c5fd;cursor:default}.access-error{color:#ef4444!important;font-size:14px!important}.logout-btn{margin:16px;padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer}.logout-btn:hover{background:#f3f4f6;color:#111827}