:root{--bg-color: #ebf0f7;--text-main: #44475a;--text-muted: #8088a2;--accent-teal: #00f2fe;--accent-teal-glow: rgba(0, 242, 254, .4);--shadow-light: -5px -5px 10px #ffffff;--shadow-dark: 5px 5px 10px #b8becc;--inset-shadow-light: inset -3px -3px 7px #ffffff;--inset-shadow-dark: inset 3px 3px 7px #b8becc;--font-main: "Outfit", sans-serif;--radius-xl: 40px;--radius-lg: 30px;--radius-md: 20px;--radius-sm: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-shell{width:min(1000px,95vw);height:min(850px,92vh);background:var(--bg-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-light),var(--shadow-dark);padding:2.5rem;display:flex;flex-direction:column;position:relative}.search-icon-container{position:absolute;top:2rem;right:2.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer}.workspace{flex:1;display:flex;gap:2rem;margin-top:1rem;overflow:hidden}.pane-left{flex:2.2;display:flex;flex-direction:column;padding:1rem}.pane-right{flex:1;display:flex;flex-direction:column;padding:1rem}.pane-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.pane-title-icons{display:flex;gap:1rem;color:var(--text-muted)}.transcript-scroll{flex:1;padding:.5rem 1rem .5rem .5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.transcript-item{display:flex;gap:1rem;padding:1.2rem;background:var(--bg-color);border-radius:var(--radius-md);box-shadow:var(--inset-shadow-light),var(--inset-shadow-dark);position:relative;transition:all .3s ease}.avatar-container{width:40px;height:40px;border-radius:50%;box-shadow:var(--shadow-light),var(--shadow-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.speaker-indicator{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--accent-teal);border-radius:50%;box-shadow:0 0 8px var(--accent-teal-glow)}.item-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.speaker-initial{font-weight:500;font-size:.9rem;color:var(--text-muted)}.item-text{font-size:.95rem;line-height:1.4;color:var(--text-main)}.item-time{position:absolute;top:1rem;right:1rem;font-size:.75rem;color:var(--text-muted);font-family:monospace}.concepts-scroll{flex:1;display:flex;flex-direction:column;gap:.8rem;overflow-y:auto}.concept-pill{padding:.8rem 1.2rem;background:var(--bg-color);border-radius:100px;box-shadow:var(--shadow-light),var(--shadow-dark);text-align:center;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--text-main);border:2px solid transparent}.concept-pill.active{box-shadow:var(--inset-shadow-light),var(--inset-shadow-dark);color:var(--text-main);background:#00f2fe0d;border-color:#00f2fe33}.concept-pill.glow{box-shadow:0 0 15px var(--accent-teal-glow),var(--shadow-light),var(--shadow-dark);border-color:var(--accent-teal)}.action-bar{height:100px;display:flex;align-items:center;justify-content:center;margin-top:1rem}.btn-session{display:flex;align-items:center;gap:1rem;padding:1.2rem 2.8rem;background:var(--bg-color);border-radius:100px;box-shadow:var(--shadow-light),var(--shadow-dark);border:none;cursor:pointer;color:var(--text-main);font-family:var(--font-main);font-size:1.1rem;font-weight:600;transition:all .3s active;position:relative}.btn-session:active{box-shadow:var(--inset-shadow-light),var(--inset-shadow-dark);transform:scale(.98)}.btn-session-indicator{width:14px;height:14px;background:var(--accent-teal);border-radius:50%;box-shadow:0 0 10px var(--accent-teal-glow)}.btn-session.recording .btn-session-indicator{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.4);opacity:1;box-shadow:0 0 20px var(--accent-teal)}to{transform:scale(1);opacity:.8}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b8becc;border-radius:10px}