: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}body{margin:0;min-width:320px;min-height:100vh}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{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.container{margin-top:50px;background:#fff;border-radius:20px;padding:3rem;max-width:800px;width:100%;box-shadow:0 20px 60px #0000004d}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;pointer-events:none}.topbar-on-auth{padding-top:1rem}.topbar-logo{pointer-events:auto;font-family:Inter,system-ui,sans-serif;font-weight:900;letter-spacing:.02em;color:#fffffff2;text-decoration:none}.topbar-right{pointer-events:auto;display:flex;align-items:center;gap:.75rem}.topbar-user{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffffff2;font-weight:700}.topbar-menu-wrap{position:relative}.topbar-userbtn{border:none;border-radius:999px;padding:.55rem .9rem;font-weight:900;cursor:pointer;background:#00000040;color:#fffffff2;box-shadow:inset 0 0 0 1px #fff3;display:inline-flex;align-items:center;gap:.5rem;max-width:360px}.topbar-usertext{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-caret{opacity:.85}.topbar-menu{position:absolute;right:0;top:calc(100% + 10px);background:#fffffffa;border-radius:14px;box-shadow:0 20px 50px #00000040;min-width:220px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.topbar-menu-item{width:100%;display:block;text-align:left;padding:.8rem .9rem;border:none;background:transparent;color:#222;font-weight:800;cursor:pointer;text-decoration:none}.topbar-menu-item:hover{background:#667eea1a}.topbar-menu-danger{color:#b02a37}.topbar-menu-danger:hover{background:#dc35451a}.topbar-btn{border:none;border-radius:12px;padding:.6rem 1rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.topbar-btn:hover{transform:translateY(-1px)}.topbar-btn-primary{background:#fffffff2;color:#3c2b6f}.topbar-btn-secondary{background:#00000040;color:#fffffff2;box-shadow:inset 0 0 0 1px #fff3}.admin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:5rem 2rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.admin-card{width:100%;max-width:1000px;background:#fffffffa;border-radius:20px;box-shadow:0 20px 60px #00000040;padding:1.5rem 1.75rem 2rem}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-title{font-weight:900;font-size:1.6rem;color:#222}.admin-subtitle{color:#555;margin-top:.2rem}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.admin-search{flex:1;min-width:220px;padding:.75rem .9rem;border-radius:12px;border:2px solid #e9ecef;outline:none;font-size:1rem}.admin-search:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea2e}.admin-count{color:#444}.admin-error{background:#dc354514;color:#b02a37;border:1px solid rgba(220,53,69,.25);padding:.75rem .9rem;border-radius:12px;font-weight:700;margin-bottom:.75rem}.admin-btn{border:none;border-radius:12px;padding:.7rem 1rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.admin-btn-small{padding:.55rem .75rem;border-radius:10px;font-weight:900}.admin-btn-ghost{padding:.55rem .75rem;border-radius:10px;background:#0000000f;color:#333;box-shadow:inset 0 0 0 1px #00000014}.admin-btn-secondary{padding:.55rem .75rem;border-radius:10px;background:#667eea1f;color:#3c2b6f;box-shadow:inset 0 0 0 1px #667eea40}.admin-btn-danger{padding:.55rem .75rem;border-radius:10px;background:#dc35451f;color:#b02a37;box-shadow:inset 0 0 0 1px #dc354540}.admin-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #667eea40}.admin-btn:disabled{opacity:.7;cursor:not-allowed}.admin-table-wrap{overflow:auto;border-radius:14px;border:1px solid #e9ecef}.admin-table{width:100%;border-collapse:collapse;min-width:680px}.admin-table th,.admin-table td{padding:.85rem .9rem;border-bottom:1px solid #eef0f2;text-align:left;vertical-align:middle}.admin-table th{position:sticky;top:0;background:#f8f9fa;z-index:1;color:#333}.admin-email{font-weight:700;color:#333}.admin-date{color:#555;white-space:nowrap}.admin-select{padding:.5rem .6rem;border-radius:10px;border:2px solid #e9ecef;outline:none;font-weight:700}.admin-select:focus{border-color:#667eea}.admin-limit{display:flex;align-items:center;gap:.5rem}.admin-number{width:110px;padding:.55rem .6rem;border-radius:10px;border:2px solid #e9ecef;outline:none;font-weight:800}.admin-number:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea2e}.admin-actions{display:flex;align-items:center;gap:.6rem}.admin-modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:100}.admin-modal{width:100%;max-width:560px;background:#fff;border-radius:16px;padding:1.25rem 1.25rem 1rem;box-shadow:0 20px 60px #00000059}.admin-modal-title{font-weight:900;font-size:1.2rem;color:#222}.admin-modal-subtitle{color:#555;margin-top:.35rem}.admin-modal-row{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.admin-modal-input{flex:1;padding:.75rem .9rem;border-radius:12px;border:2px solid #e9ecef;font-weight:900;letter-spacing:.02em}.admin-modal-hint{margin-top:.75rem;color:#666;font-size:.95rem}.admin-modal-actions{display:flex;justify-content:flex-end;margin-top:1rem}.admin-switch{display:inline-flex;align-items:center;gap:.6rem}.admin-switch input{width:18px;height:18px;accent-color:#667eea}.admin-empty{padding:1.2rem;text-align:center;color:#666}h1{color:#333;margin-bottom:2rem;font-size:2.5rem;text-align:center}.desktop-only{display:block}.mobile-only{display:none}.saved-actions-row{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:.5rem 0 1.25rem}.mobile-primary-actions,.mobile-ai-actions{display:flex;gap:.75rem;justify-content:center;margin:0 0 1.25rem}.mobile-primary-actions{margin-top:-.25rem}.mobile-action-btn{border:none;border-radius:14px;padding:.85rem .9rem;font-weight:900;font-size:1rem;cursor:pointer;flex:1 1 0;min-width:0;box-shadow:0 6px 18px #00000029;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.mobile-action-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.mobile-action-btn:hover:not(:disabled){transform:translateY(-1px)}.mobile-action-record{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mobile-action-stop{background:linear-gradient(135deg,#ff6b6b,#f5576c);color:#fff}.mobile-action-add{background:#667eea24;color:#3c2b6f;box-shadow:inset 0 0 0 2px #667eea47}.controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.mic-button,.clear-button{padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:50px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0003}.mic-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mic-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.mic-button.listening{background:linear-gradient(135deg,#f093fb,#f5576c);animation:pulse 1.5s ease-in-out infinite}.reformat-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.reformat-button:hover:not(:disabled){background:linear-gradient(135deg,#f5576c,#f093fb);transform:translateY(-2px);box-shadow:0 6px 20px #f093fb66}.reformat-button:disabled{opacity:.5;cursor:not-allowed;background:#ccc}.ai-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.ai-button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.ai-button:disabled{opacity:.5;cursor:not-allowed;background:#ccc}.ai-progress-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:10px}.ai-progress-bar{width:100%;max-width:400px;height:8px;background:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.ai-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;border-radius:10px;transition:width .3s ease;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-progress-text{font-size:.9rem;color:#667eea;font-weight:500}.clear-button{background:#ff6b6b;color:#fff}.clear-button:hover:not(:disabled){background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.clear-button:disabled{opacity:.5;cursor:not-allowed}.status{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#f5576c;font-weight:700;margin-bottom:1rem;font-size:1.1rem}.pulse{width:12px;height:12px;background:#f5576c;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}.recording-timer{display:flex;justify-content:center;margin-bottom:1.5rem}.timer-display{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#ff6b6b,#f5576c);color:#fff;padding:.8rem 2rem;border-radius:50px;font-size:1.3rem;font-weight:700;box-shadow:0 4px 15px #f5576c66;animation:pulse-shadow 2s ease-in-out infinite}.recording-dot{width:16px;height:16px;background:#fff;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}.timer-text{font-family:Courier New,monospace;letter-spacing:.1em}@keyframes pulse-shadow{0%,to{box-shadow:0 4px 15px #f5576c66}50%{box-shadow:0 4px 25px #f5576c99}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.text-output{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:2rem;min-height:200px;max-height:400px;overflow-y:auto;overflow-x:hidden;font-size:1.2rem;line-height:1.8;color:#333;word-wrap:break-word;margin-bottom:1.5rem}.text-editor{width:100%;min-height:160px;resize:vertical;border:none;outline:none;background:transparent;font-size:1.2rem;line-height:1.8;color:#333;font-family:inherit;white-space:pre-wrap;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}.text-editor[readonly]{opacity:.85}.saved-output{background:#fff;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem 2rem 2rem;margin-bottom:1.5rem}.saved-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.saved-actions{display:flex;align-items:center;gap:.75rem}.saved-title{font-weight:700;color:#333}.clear-saved-button{border:none;border-radius:10px;padding:.6rem 1rem;cursor:pointer;font-weight:700;background:#ff6b6b;color:#fff;transition:all .2s ease}.clear-saved-button:disabled{opacity:.5;cursor:not-allowed}.clear-saved-button:hover:not(:disabled){background:#ff5252;transform:translateY(-1px)}.copy-button{border:none;border-radius:10px;padding:.6rem 1rem;cursor:pointer;font-weight:700;background:#667eea;color:#fff;transition:all .2s ease}.copy-button:disabled{opacity:.5;cursor:not-allowed}.copy-button:hover:not(:disabled){background:#764ba2;transform:translateY(-1px)}.text-editor-secondary{font-size:1rem;min-height:180px}.text-output:empty:before{color:#999;font-style:italic}.interim-text{color:#999;font-style:italic}.settings{display:flex;justify-content:center;margin-bottom:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:15px}.punctuation-mode{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:600px}.mode-title{font-weight:600;font-size:1.1rem;color:#333;text-align:center}.radio-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.8rem 1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:50px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.radio-label:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.radio-label input[type=radio]:checked+span{font-weight:600;color:#667eea}.radio-label span{font-size:1rem;color:#555}.info{text-align:center;color:#666;font-size:.95rem}.info p{margin:.5rem 0}.punctuation-help{margin-top:1.5rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:1rem;text-align:left}.punctuation-help summary{cursor:pointer;font-weight:600;color:#667eea;font-size:1rem;text-align:center;padding:.5rem;-webkit-user-select:none;user-select:none}.punctuation-help summary:hover{color:#764ba2}.commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:1rem 0;padding:0 .5rem;font-size:.9rem;color:#555}.commands-grid div{padding:.3rem 0}.auto-features{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef;color:#28a745;font-size:.9rem;line-height:1.6;text-align:center}.auto-punctuation-info{padding:.5rem}.auto-punctuation-info p{margin:.8rem 0;color:#555;line-height:1.6}.auto-punctuation-info ul{list-style:none;padding:0;margin:1rem 0}.auto-punctuation-info li{padding:.5rem 0;color:#28a745;font-size:.95rem}.mode-description{text-align:center;color:#666;padding:1rem;margin:1rem 0;line-height:1.6}.keyboard-shortcuts{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #667eea;border-radius:15px;padding:1.5rem;margin:1.5rem 0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;font-size:1.1rem;color:#667eea}.close-hint{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-hint:hover{background:#0000001a;color:#333}.shortcuts-list{display:flex;flex-direction:column;gap:.8rem}.shortcut-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#555}.shortcut-item kbd{display:inline-block;padding:.3rem .6rem;background:#fff;border:2px solid #667eea;border-radius:6px;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;color:#667eea;box-shadow:0 2px 4px #0000001a;min-width:40px;text-align:center}.shortcut-item span{color:#666}.error-message{background:#fff;border-radius:20px;padding:3rem;max-width:600px;text-align:center;box-shadow:0 20px 60px #0000004d}.error-message h1{color:#ff6b6b;margin-bottom:1rem}.error-message p{color:#666;font-size:1.1rem;margin:.5rem 0}@media(max-width:768px){.app,.container{padding:.5rem}h1{font-size:2rem}.controls{flex-direction:column}.mic-button,.clear-button{width:100%}.app-title{white-space:nowrap;font-size:1.35rem;margin-bottom:1rem}.desktop-only{display:none!important}.mobile-only{display:flex!important}.text-output{padding:1.2rem;max-height:none;display:flex;flex-direction:column;overflow:hidden}.saved-output{padding:1.1rem 1.2rem 1.2rem;height:21rem;display:flex;flex-direction:column;overflow:hidden}.text-output .text-editor{min-height:210px;flex:1 1 auto;min-width:0;min-height:0;resize:none;overflow:auto}.saved-output .text-editor-secondary{flex:1 1 auto;min-width:0;min-height:0;resize:none;overflow:auto}.mobile-primary-actions,.mobile-ai-actions,.saved-actions-row{width:100%}.mobile-primary-actions{gap:.5rem}.mobile-action-btn{padding:1.9rem .55rem;font-size:.95rem;border-radius:12px}.saved-actions-row{gap:.5rem;justify-content:space-between}.clear-saved-button,.copy-button{flex:1 1 0;min-width:0;padding:.7rem .75rem;border-radius:12px}.mobile-ai-actions{flex-direction:column;gap:.6rem}.reformat-button,.ai-button{width:100%}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{width:100%;max-width:460px;background:#fffffffa;border-radius:20px;box-shadow:0 20px 60px #00000040;padding:2rem}.auth-title{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:1.8rem;color:#222;margin-bottom:.25rem}.auth-subtitle{color:#555;margin-bottom:1.5rem}.auth-form2{display:flex;flex-direction:column;gap:1rem}.auth-label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:#333}.auth-input2{padding:.9rem 1rem;border-radius:12px;border:2px solid #e9ecef;outline:none;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-input2:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.auth-submit{margin-top:.25rem;border:none;border-radius:12px;padding:.9rem 1rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #667eea40}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-error2{background:#dc354514;color:#b02a37;border:1px solid rgba(220,53,69,.25);padding:.75rem .9rem;border-radius:12px;font-weight:600}.auth-footer{margin-top:1rem;color:#444}.auth-footer a{color:#667eea;font-weight:700}.auth-success2{background:#28a74514;color:#1e7e34;border:1px solid rgba(40,167,69,.25);padding:.75rem .9rem;border-radius:12px;font-weight:700}.account-divider{height:1px;background:#e9ecef;margin:1.25rem 0}.account-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.account-primary{width:100%;border:none;border-radius:12px;padding:.9rem 1rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer}.account-primary:disabled{opacity:.7;cursor:not-allowed}.account-form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.account-secondary{border:none;border-radius:12px;padding:.9rem 1rem;font-weight:900;background:#0000000f;color:#333;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014}.account-secondary:disabled{opacity:.7;cursor:not-allowed}.account-danger{width:100%;border:none;border-radius:12px;padding:.9rem 1rem;font-weight:900;background:#dc35451f;color:#b02a37;cursor:pointer;box-shadow:inset 0 0 0 1px #dc354540}.account-danger:disabled{opacity:.7;cursor:not-allowed}