:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{min-width:320px;min-height:100vh;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-root{min-height:100vh;width:100vw;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#1a1a2e,#0f172a);color:#f9fafb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header{padding:2rem 3rem 1rem;border-bottom:1px solid rgba(148,163,184,.3);box-shadow:0 10px 25px #0f172a99}.app-header h1{margin:0;font-size:2.25rem;letter-spacing:.03em}.app-header p{margin:.5rem 0 1rem;color:#cbd5f5}.user-badge{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;border-radius:999px;background:#0f766e33;border:1px solid rgba(45,212,191,.7);font-size:.85rem}.app-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2rem;padding:2rem 3rem}.left-column,.right-column{background:#0f172ad9;border-radius:1rem;padding:1.75rem;box-shadow:0 12px 30px #0006;border:1px solid rgba(148,163,184,.4)}.left-column h2,.right-column h2{margin-top:0;margin-bottom:.5rem}.section-subtitle{margin:0 0 1.5rem;font-size:.9rem;color:#9ca3af}.hint-text{margin-top:1rem;font-size:.85rem;color:#9ca3af}.auth-panel{display:flex;flex-direction:column;gap:1rem}.auth-toggle{display:inline-flex;border-radius:999px;padding:.25rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.6)}.auth-toggle button{border:none;background:transparent;color:#e5e7eb;padding:.45rem 1.1rem;border-radius:999px;font-size:.9rem;cursor:pointer}.auth-toggle button.active{background:linear-gradient(to right,#0ea5e9,#22c55e);color:#0b1120;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-form input{border-radius:.75rem;border:1px solid rgba(148,163,184,.7);padding:.6rem .75rem;background:#0f172ae6;color:#e5e7eb}.auth-form button{margin-top:.5rem;border-radius:.75rem;border:none;padding:.65rem 1rem;background:linear-gradient(to right,#22c55e,#14b8a6);color:#0b1120;font-weight:600;cursor:pointer}.auth-error{margin-top:.5rem;font-size:.85rem;color:#fecaca}.upload-form{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.upload-form input[type=file]{color:#e5e7eb}.upload-form button{border-radius:.75rem;border:none;padding:.65rem 1.3rem;background:linear-gradient(to right,#6366f1,#22d3ee);color:#0b1120;font-weight:600;cursor:pointer}.upload-error{font-size:.85rem;color:#fecaca}.recorder{margin-top:1rem}.recorder-controls{display:flex;align-items:center;gap:.75rem}.recorder-controls button{border-radius:999px;border:none;padding:.5rem 1.2rem;background:radial-gradient(circle at top left,#ef4444,#f97316);color:#0b1120;font-weight:600;cursor:pointer}.recorder-status{font-size:.9rem;color:#f97316}.recorder-error{margin-top:.5rem;font-size:.85rem;color:#fecaca}.transcript-view{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.transcript-box{border-radius:.75rem;background:#0f172a99;border:1px solid rgba(148,163,184,.3);padding:1rem;white-space:pre-wrap;max-height:400px;overflow-y:auto;font-size:.95rem;line-height:1.6}.editor-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;margin-bottom:1rem}.action-btn{padding:.6rem 1.2rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s;color:#fff;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.action-btn:active{transform:translateY(0)}.edit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5)}.save-btn{background:linear-gradient(135deg,#10b981,#059669)}.cancel-btn{background:linear-gradient(135deg,#64748b,#475569)}.copy-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.download-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}