@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap";:root{--bg-color:#f6f7f9;--surface-color:#fff;--surface-color-hover:#f0f0f0;--text-main:#333;--text-muted:#666;--accent-color:#4a5c9a;--accent-hover:#3d4c82;--border-color:#e5e5e5;--bubble-bg-1:#e9efff;--bubble-bg-2:#fff3e0;--bubble-bg-3:#f0fdf4;--bubble-bg-default:#f4f4f5;--font-ui:"Inter", sans-serif;--font-reading:"Lora", serif}[data-theme=dark]{--bg-color:#121212;--surface-color:#1e1e1e;--surface-color-hover:#2a2a2a;--text-main:#e0e0e0;--text-muted:#a0a0a0;--accent-color:#8c9eff;--accent-hover:#b0bbff;--border-color:#333;--bubble-bg-1:#2a2d42;--bubble-bg-2:#3a2e22;--bubble-bg-3:#1c3224;--bubble-bg-default:#262626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s,color .3s;overflow-x:hidden}button{font-family:var(--font-ui);cursor:pointer}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--surface-color);border-right:1px solid var(--border-color);flex-direction:column;width:280px;transition:background-color .3s,border-color .3s;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px}.sidebar-header h1{color:var(--accent-color);margin-bottom:12px;font-size:1.25rem;font-weight:600}.sidebar-disclaimer{color:var(--text-muted);background-color:var(--surface-color-hover);border-radius:6px;margin-top:10px;padding:10px;font-size:.8rem;line-height:1.4}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-item{text-align:left;width:100%;color:var(--text-main);background:0 0;border:none;align-items:center;gap:12px;padding:12px 20px;font-size:1rem;transition:background .2s;display:flex}.nav-item:hover{background-color:var(--surface-color-hover)}.nav-item.active{background-color:var(--surface-color-hover);border-right:3px solid var(--accent-color);font-weight:500}.sidebar-footer{border-top:1px solid var(--border-color);justify-content:center;gap:10px;padding:15px 20px;display:flex}.icon-btn{border:1px solid var(--border-color);color:var(--text-main);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-btn:hover{background:var(--surface-color-hover)}.main-content{background-color:var(--bg-color);flex:1;padding:0 40px;position:relative;overflow-y:auto}.transcript-header{border-bottom:2px solid var(--border-color);max-width:800px;margin:0 auto;padding:40px 0 20px}.transcript-header h2{font-size:2rem;font-weight:700;font-family:var(--font-reading)}.transcript-body{flex-direction:column;gap:32px;max-width:800px;margin:0 auto;padding:40px 0 80px;display:flex}.segment{flex-direction:column;gap:8px;display:flex}.segment-speaker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-left:4px;font-size:.85rem;font-weight:600}.segment-text{font-family:var(--font-reading);color:var(--text-main);background-color:var(--bubble-bg-default);border-radius:4px 12px 12px;padding:20px 24px;font-size:1.15rem;line-height:1.8;box-shadow:0 2px 8px #00000005}.segment[data-speaker-idx="0"] .segment-text{background-color:var(--bubble-bg-1)}.segment[data-speaker-idx="1"] .segment-text{background-color:var(--bubble-bg-2)}.segment[data-speaker-idx="2"] .segment-text{background-color:var(--bubble-bg-3)}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:var(--surface-color);border-radius:12px;width:90%;max-width:500px;padding:30px;transition:transform .3s;transform:translateY(20px);box-shadow:0 10px 30px #0003}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{font-size:1.25rem}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.mapping-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.mapping-row:last-child{border-bottom:none}.mapping-input{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-main);font-family:var(--font-ui);border-radius:6px;padding:8px 12px}.mapping-input:focus{border-color:var(--accent-color);outline:none}.empty-state{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.menu-toggle{color:var(--text-main);background:0 0;border:none;padding:10px;display:none}.mobile-header{display:none}.continue-reading-container{z-index:50;pointer-events:none;justify-content:center;margin-top:10px;display:flex;position:sticky;top:10px}.continue-btn{pointer-events:auto;background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:transform .2s,opacity .3s;display:flex;box-shadow:0 4px 12px #0003}.continue-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}@media (width<=768px){.app-container{flex-direction:column}.mobile-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.mobile-header h1{color:var(--accent-color);margin:0;font-size:1.25rem}.menu-toggle{display:block}.sidebar{z-index:90;border-right:1px solid var(--border-color);width:280px;height:calc(100vh - 60px);transition:left .3s;position:fixed;top:60px;left:-100%}.sidebar.open{left:0}.sidebar-header{display:none}.main-content{height:calc(100vh - 60px);padding:0 15px}.transcript-header{padding:20px 0 10px}.transcript-body{gap:20px;padding:20px 0 40px}.segment-text{padding:16px 20px;font-size:1.05rem;line-height:1.6}}