:root{--font-main:"Plus Jakarta Sans",-apple-system,sans-serif;--bg-primary:#FAFAF9;--bg-secondary:#F5F4F1;--bg-elevated:#FFFFFF;--bg-hover:#EEEDEA;--bg-active:#E8E6E1;--bg-input:#FFFFFF;--text-primary:#1A1918;--text-secondary:#6B6966;--text-tertiary:#9C9A97;--text-inverse:#FFFFFF;--border-light:#E8E6E1;--border-medium:#D4D2CD;--accent:#2D6A4F;--accent-light:#D8F3DC;--accent-hover:#1B4332;--danger:#E03131;--speaker-1:#2D6A4F;--speaker-2:#7B2D8B;--speaker-3:#C2660A;--speaker-4:#1971C2;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition:0.2s cubic-bezier(0.4,0,0.2,1);--sidebar-width:300px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased}body{background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}body,button{font-family:var(--font-main)}button{cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,select,textarea{font-family:var(--font-main);font-size:.9rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:9px 12px;outline:none;transition:border var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.app-layout{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;transition:transform var(--transition);z-index:100}.sidebar.closed{transform:translateX(-100%);position:absolute;height:100vh}.sidebar-toggle{position:fixed;top:18px;z-index:120;width:30px;height:30px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-elevated);font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition)}.sidebar-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-open .sidebar-toggle{left:calc(var(--sidebar-width) - 15px)}.sidebar-closed .sidebar-toggle{left:8px}.sidebar-header{padding:20px 16px 12px;display:flex;flex-direction:column;gap:12px}.sidebar-brand{gap:8px}.brand-icon,.sidebar-brand{display:flex;align-items:center}.brand-icon{width:28px;height:28px;background:var(--accent);border-radius:var(--radius-sm);justify-content:center;color:white;font-size:.8rem;font-weight:700}.brand-name{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.sidebar-btn.new-btn{width:100%;padding:10px 16px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:.87rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition)}.sidebar-btn.new-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sidebar-search{padding:0 16px 8px}.sidebar-search input{width:100%;padding:9px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-input);font-size:.85rem}.sidebar-search input::placeholder{color:var(--text-tertiary)}.sidebar-sessions{flex:1 1;overflow-y:auto;padding:4px 8px}.sidebar-sessions::-webkit-scrollbar{width:4px}.sidebar-sessions::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.sidebar-empty{color:var(--text-tertiary);font-size:.85rem;text-align:center;padding:24px 16px}.day-group{margin-bottom:2px}.day-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:12px 10px 6px;position:sticky;top:0;background:var(--bg-secondary);z-index:1}.sidebar-session{padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);margin-bottom:2px;border:1px solid transparent}.sidebar-session:hover{background:var(--bg-hover)}.sidebar-session.active{background:var(--bg-elevated);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.session-row{display:flex;align-items:center;gap:8px}.session-info-col{flex:1 1;min-width:0}.sidebar-session .session-title{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-session .session-meta{font-size:.75rem;color:var(--text-tertiary);margin-top:3px;display:flex;align-items:center;gap:6px}.session-exchanges{color:var(--text-tertiary);opacity:.7;font-size:.68rem}.session-exchanges:before{content:"\00B7";margin-right:6px}.delete-btn{background:none!important;border:none!important;color:transparent;font-size:.9rem;padding:4px 6px;border-radius:var(--radius-sm);transition:all var(--transition)}.sidebar-session:hover .delete-btn{color:var(--text-tertiary)}.delete-btn:hover{color:var(--danger)!important;background:#fef2f2!important}.delete-confirm{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--danger);font-weight:500}.delete-confirm span{flex:1 1}.delete-confirm-no,.delete-confirm-yes{padding:3px 10px;font-size:.75rem;border-radius:var(--radius-sm);cursor:pointer;border:none}.delete-confirm-yes{background:var(--danger);color:white}.delete-confirm-no{background:var(--bg-hover);color:var(--text-secondary)}.config-link{margin-top:auto;border-top:1px solid var(--border-light);padding:14px 20px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition)}.config-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:14px 20px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition);border-top:1px solid var(--border-light);background:var(--bg-hover)}.sidebar-logout:hover{color:#dc2626;background:#fef2f2}.main-content{flex:1 1;overflow-y:auto;background:var(--bg-primary);display:flex;flex-direction:column}.welcome{max-width:480px;margin:80px auto;text-align:center;padding:40px}.welcome h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}.welcome p{color:var(--text-secondary);font-size:.92rem}.session-header{padding:20px 28px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-elevated)}.session-title-row{margin-bottom:4px}.session-title-text{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0;cursor:pointer}.session-title-text:hover .edit-hint{opacity:.6}.edit-hint{opacity:0;font-size:.7em;color:var(--text-tertiary);transition:opacity var(--transition)}.title-input{font-size:1.15rem;font-weight:700;width:100%;border:2px solid var(--accent);border-radius:var(--radius-md);padding:4px 10px;margin-bottom:0}.session-info{display:flex;gap:6px;color:var(--text-tertiary);font-size:.78rem;margin-bottom:14px}.session-info span+span:before{content:"\00B7";margin-right:6px}.session-action-bar{display:flex;align-items:center;justify-content:space-between}.action-bar-left{display:flex;align-items:center;gap:12px}.action-bar-right{display:flex;align-items:center;gap:6px}.action-btn-start{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;transition:all var(--transition)}.action-btn-start:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn-stop{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:var(--danger);color:white;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;transition:all var(--transition)}.action-btn-stop:hover{background:#c92a2a}.action-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-light);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.82rem;font-weight:500;transition:all var(--transition);white-space:nowrap}.action-btn-outline:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.recording-indicator{display:inline-flex;align-items:center;gap:6px;color:var(--danger);font-weight:600;font-size:.78rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.summary-toggle{position:absolute;top:12px;right:12px;z-index:15;width:34px;height:34px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition)}.summary-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.summary-panel{width:320px;min-width:320px;background:var(--bg-elevated);border-left:1px solid var(--border-light);display:flex;flex-direction:column;transition:width var(--transition),min-width var(--transition),opacity var(--transition);overflow:hidden}.summary-panel.closed{width:0;min-width:0;opacity:0;border:none}.summary-panel-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.summary-panel-title{font-size:.92rem;font-weight:700;margin:0}.summary-close{width:28px;height:28px;border-radius:var(--radius-sm);font-size:1.2rem;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.summary-close:hover{background:var(--bg-hover);color:var(--text-primary)}.summary-panel-body{flex:1 1;padding:20px;overflow-y:auto}.summary-empty{text-align:center;padding:20px 0}.summary-empty p{font-size:.85rem;color:var(--text-tertiary);margin-bottom:16px}.summary-generate-btn{padding:10px 20px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;transition:all var(--transition)}.summary-generate-btn:hover{background:var(--accent-hover)}.summary-loading{padding:20px 0}.summary-content{font-size:.88rem}.summary-header-actions{display:flex;align-items:center;gap:6px}.summary-regenerate{padding:5px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:.75rem;transition:all var(--transition)}.summary-regenerate:hover{background:var(--bg-hover);color:var(--text-primary)}.summary-regenerate:disabled{opacity:.5;cursor:not-allowed}.summary-no-key{text-align:center;padding:24px 0}.summary-no-key p{font-size:.85rem;color:var(--text-tertiary);line-height:1.5}.summary-error{padding:10px 14px;background:#fef2f2;border-radius:var(--radius-sm);color:#b91c1c;font-size:.82rem}.summary-loading{text-align:center;color:var(--text-tertiary);font-size:.85rem;padding:24px 0}.summary-content{font-size:.85rem;line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.transcript-container{position:relative;flex:1 1;display:flex;flex-direction:row;overflow:hidden}.transcript-zone{flex:1 1;overflow-y:auto;padding:0;background:var(--bg-primary);border:none;border-radius:0;margin:0;position:relative;min-width:0}.transcript-zone::-webkit-scrollbar{width:5px}.transcript-zone::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.editor-content,div.editor-content{padding:24px 28px;min-height:300px;font-family:var(--font-main);font-size:.93rem;line-height:1.65;color:var(--text-primary);outline:none;border:none;white-space:pre-wrap;word-wrap:break-word;cursor:text;caret-color:var(--accent)}.transcript-placeholder{color:var(--text-tertiary);font-style:italic;text-align:center;padding:60px 0;font-size:.92rem}.transcript-placeholder-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.sm-cursor{color:var(--accent);font-weight:700;animation:sm-blink 1s step-end infinite;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes sm-blink{0%,to{opacity:1}50%{opacity:0}}.sm-partial{color:var(--text-tertiary);font-style:italic;-webkit-user-select:none;user-select:none;pointer-events:none}.scroll-to-bottom{position:absolute;bottom:16px;right:16px;z-index:10;background:var(--accent);color:var(--text-inverse);border:none;border-radius:100px;padding:6px 16px;font-size:.82rem;font-weight:500;box-shadow:var(--shadow-md);opacity:.9;transition:all var(--transition)}.scroll-to-bottom:hover{opacity:1;transform:translateY(-1px)}.speaker-block{margin-bottom:20px}.speaker-badge{display:inline-block;border:1.5px solid var(--accent);border-radius:100px;padding:2px 12px;font-size:.78rem;font-weight:600;color:var(--accent);background:var(--accent-light);margin-bottom:6px;-webkit-user-select:none;user-select:none}.speaker-text{margin:0;font-size:.93rem;line-height:1.65;color:var(--text-primary)}.user-edited{color:#1971C2}.speaker-tag{cursor:pointer;font-size:.82em;letter-spacing:.01em}.speaker-tag:hover{text-decoration:underline}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 16px;border-radius:var(--radius-md);margin:16px 28px 0;font-size:.85rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.error-banner span,.info-banner span{font-size:1.1rem;opacity:.5}.info-banner{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:10px 16px;border-radius:var(--radius-md);margin:16px 28px 0;font-size:.85rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.config-panel{max-width:560px;padding:28px}.config-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.config-header h4{margin:0;font-size:1.1rem;font-weight:700}.config-header button{padding:7px 14px;border:1px solid var(--border-light);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.82rem;font-weight:500;transition:all var(--transition)}.config-header button:hover{background:var(--bg-hover);border-color:var(--border-medium)}.config-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.config-card-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.config-card-icon{flex-shrink:0;color:var(--accent)}.config-card-title{font-size:.9rem;font-weight:700;margin:0}.config-card-desc{font-size:.73rem;color:var(--text-tertiary);margin:2px 0 0}.config-card-body{padding:16px 20px}.config-field{margin-bottom:14px}.config-field:last-child{margin-bottom:0}.config-field label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.config-optional{font-weight:400;color:var(--text-tertiary);font-size:.72rem;margin-left:4px}.config-input-wrap{position:relative}.config-input-wrap input{width:100%;padding-right:40px}.config-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none!important;border:none!important;cursor:pointer;font-size:1rem;padding:4px!important;opacity:.5}.config-eye:hover{opacity:1}.config-select{width:100%;padding:10px 12px;font-size:.9rem}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config-input-unit{display:flex;align-items:center;gap:8px}.config-input-unit input{flex:1 1;width:auto}.config-input-unit span{font-size:.72rem;color:var(--text-tertiary);white-space:nowrap}.config-save-btn{padding:10px 24px!important;background:var(--accent)!important;color:white!important;border:none!important;border-radius:var(--radius-md)!important;font-weight:600;font-size:.88rem!important;width:100%;margin-bottom:8px}.config-save-btn:hover{background:var(--accent-hover)!important}.speaker-renamer-overlay{position:fixed;inset:0;z-index:200}.speaker-renamer{position:absolute;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:14px;width:240px;z-index:201}.renamer-header{font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.speaker-renamer input{width:100%;margin-bottom:10px;padding:8px 10px;font-size:.88rem}.renamer-actions{display:flex;justify-content:flex-end;gap:6px}.renamer-cancel{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary)}.renamer-cancel,.renamer-confirm{padding:5px 12px;font-size:.78rem}.renamer-confirm{border:none;border-radius:var(--radius-sm);background:var(--accent);color:white}.renamer-cancel:hover{background:var(--bg-hover)}.renamer-confirm:hover{background:var(--accent-hover)}.admin-panel{padding:28px;max-width:900px}.admin-credit-form{margin-bottom:28px}.admin-credit-form h5{font-size:.92rem;font-weight:700;margin-bottom:10px}.admin-credit-row{display:flex;gap:8px;align-items:center}.admin-credit-row input{flex:1 1}.admin-credit-row select{width:80px}.admin-credit-btn{padding:9px 18px!important;background:var(--accent)!important;color:white!important;border:none!important;border-radius:var(--radius-md)!important;font-weight:600;font-size:.85rem!important;white-space:nowrap}.admin-message{margin-top:8px;padding:8px 12px;background:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent);font-size:.82rem}.admin-users h5{font-size:.92rem;font-weight:700;margin-bottom:12px}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--border-light);color:var(--text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.admin-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.admin-table tr:hover{background:var(--bg-hover)}.admin-badge{display:inline-block;margin-left:6px;padding:1px 8px;background:var(--accent-light);color:var(--accent);border-radius:100px;font-size:.68rem;font-weight:600}.admin-quick-credit{padding:4px 10px!important;background:var(--bg-elevated)!important;color:var(--accent)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-sm)!important;font-size:.75rem!important;font-weight:600}.admin-quick-credit:hover{background:var(--accent-light)!important}.usage-panel{padding:14px 16px;border-top:1px solid var(--border-light)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-label{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.usage-value{font-size:.82rem;font-weight:600;color:var(--text-primary)}.usage-bar{height:4px;background:var(--bg-hover);border-radius:4px;overflow:hidden;margin-bottom:6px}.usage-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.usage-remaining{font-size:.75rem;color:var(--text-secondary);margin-bottom:10px}.usage-depleted{color:#dc2626;font-weight:600}.usage-buy-row{display:flex;gap:6px}.usage-select{flex:1 1;padding:6px 8px;font-size:.78rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary)}.usage-buy-btn{padding:6px 14px!important;background:var(--accent)!important;color:white!important;border:none!important;border-radius:var(--radius-sm)!important;font-size:.78rem!important;font-weight:600}.enrollment-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.enrollment-title{font-size:1rem;font-weight:700;margin:0 0 6px}.enrollment-desc{font-size:.82rem;color:var(--text-tertiary);margin-bottom:16px;line-height:1.5}.enrolled-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.enrolled-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-light);border-radius:100px;font-size:.82rem;font-weight:500;color:var(--accent)}.enrolled-delete{background:none!important;border:none!important;color:var(--accent)!important;font-size:1rem;cursor:pointer;opacity:.5;padding:0 2px!important}.enrolled-delete:hover{opacity:1}.enrollment-form{display:flex;flex-direction:column;gap:10px}.enrollment-form input{width:100%}.enrollment-controls{display:flex;align-items:center;gap:8px}.enrollment-record-btn{padding:9px 18px;background:var(--accent)!important;color:white!important;border:none!important;border-radius:var(--radius-md);font-size:.85rem;font-weight:600}.enrollment-record-btn:disabled{opacity:.4}.enrollment-stop-btn{padding:9px 18px;background:#dc2626!important;color:white!important;border:none!important;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;animation:pulse 1.5s ease-in-out infinite}.enrollment-ready{display:flex;align-items:center;gap:8px}.enrollment-ready-label{color:var(--text-secondary)}.enrollment-submit-btn{padding:7px 16px;background:var(--accent)!important;color:white!important;border:none!important;border-radius:var(--radius-md);font-size:.82rem;font-weight:600}.enrollment-retry-btn{padding:7px 14px;background:var(--bg-elevated)!important;color:var(--text-secondary)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md);font-size:.82rem}.enrollment-recording{display:flex;align-items:center;gap:10px;flex:1 1}.enrollment-progress{flex:1 1;height:6px;background:var(--bg-hover);border-radius:6px;overflow:hidden}.enrollment-progress-fill{height:100%;background:#dc2626;border-radius:6px;transition:width .3s linear}.enrollment-progress-label{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}.enrollment-ready-label{font-size:.82rem;color:var(--accent);font-weight:500}.enrollment-error{background:#fef2f2;color:#b91c1c}.enrollment-error,.enrollment-success{margin-top:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.82rem}.enrollment-success{background:#f0fdf4;color:#15803d}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-secondary)}.login-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:40px;width:380px;box-shadow:var(--shadow-md)}.login-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:4px}.login-subtitle{text-align:center;color:var(--text-tertiary);font-size:.88rem;margin-bottom:28px}.login-card label{display:block;font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:14px}.login-card input{display:block;width:100%;margin-top:5px}.login-btn{width:100%;padding:11px;background:var(--accent);color:white;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;margin-top:8px;transition:all var(--transition)}.login-btn:hover{background:var(--accent-hover)}.login-btn:disabled{opacity:.6}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:var(--radius-sm)}.login-error,.login-message{padding:8px 12px;font-size:.82rem;margin-bottom:10px}.login-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;border-radius:var(--radius-sm)}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;background:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all var(--transition)}.google-btn:hover{background:var(--bg-hover)!important;border-color:var(--border-medium)!important}.google-btn:disabled{opacity:.6}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-tertiary);font-size:.78rem}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--border-light)}.login-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.login-footer button,.login-footer span{font-size:.82rem;color:var(--text-tertiary)!important;background:none!important;border:none!important;padding:0!important;cursor:pointer}.login-footer button:hover{color:var(--accent)!important}.sidebar-overlay-mobile{display:none}@media (max-width:768px){.sidebar-overlay-mobile{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translateX(-100%);box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.15)}.sidebar-toggle{top:10px;left:10px;width:36px;height:36px;font-size:1.2rem}.sidebar-open .sidebar-toggle{left:calc(var(--sidebar-width) + 8px)}.main-content{width:100%;padding:0}.session-header{padding:14px 16px 12px}.session-title-text{font-size:1rem}.session-info{flex-wrap:wrap;gap:4px;margin-bottom:10px}.session-action-bar{flex-direction:column;gap:10px;align-items:stretch}.action-bar-left,.action-bar-right{justify-content:center}.action-btn-start,.action-btn-stop{width:100%;justify-content:center}.editor-content,div.editor-content{padding:14px 16px;font-size:.9rem}.summary-panel{position:fixed;right:0;top:0;bottom:0;left:0;z-index:110;width:100%;min-width:100%;transform:translateX(0);transition:transform var(--transition)}.summary-panel.closed{transform:translateX(100%);width:100%;min-width:100%}.summary-toggle{top:auto;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15)}.scroll-to-bottom{bottom:70px;font-size:.78rem;padding:5px 12px}.speaker-renamer{left:16px!important;right:16px;width:auto}.admin-panel{padding:16px}.admin-credit-row{flex-direction:column}.admin-table{font-size:.75rem}.admin-table td,.admin-table th{padding:8px 6px}.config-panel{padding:16px}.config-panel .grid{grid-template-columns:1fr}.login-card{width:calc(100% - 32px);margin:16px;padding:28px 24px}.transcript-container,.usage-buy-row{flex-direction:column}}@media (max-width:400px){.session-title-text{font-size:.92rem}.action-btn-start,.action-btn-stop{font-size:.82rem;padding:8px 16px}.action-btn-outline{font-size:.75rem;padding:6px 10px}.sidebar{--sidebar-width:280px;width:280px;min-width:280px}.brand-name{font-size:1rem}}.main-content::-webkit-scrollbar{width:5px}.main-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}@media (pointer:coarse){.sidebar-session{padding:14px}.delete-btn{padding:8px 10px;font-size:1.1rem}.action-btn-outline{padding:10px 16px}.config-link{padding:16px 20px}}