:root{--bg-app: #171410;--bg-surface: #1e1b16;--bg-card: #252118;--bg-card-hover: #2c2820;--text-primary: #f0e6d0;--text-secondary: #9d8e78;--text-muted: #5a5040;--accent-gold: #d4a853;--accent-gold-dim: rgba(212, 168, 83, .15);--row-green: #4a7c59;--row-green-bg: #3d6649;--row-amber: #c87941;--row-amber-bg: #a8622f;--glow-gold: rgba(212, 168, 83, .35);--glow-gold-strong: rgba(212, 168, 83, .6);--radius-app: 20px;--radius-card: 14px;--radius-row: 12px;--font-brand: "Outfit", sans-serif;--font-mono: "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-brand);background:#0f0d0a;color:var(--text-primary);height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}.app-shell{width:min(1100px,96vw);height:min(720px,94vh);background:var(--bg-app);border-radius:var(--radius-app);box-shadow:0 40px 80px #000000b3,0 0 0 1px #d4a85314;display:flex;flex-direction:column;overflow:hidden;position:relative}.navbar{display:flex;align-items:center;padding:0 2rem;height:60px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff04;flex-shrink:0}.navbar-brand{display:flex;align-items:center;gap:.65rem;margin-right:3rem}.navbar-logo{width:28px;height:28px;filter:drop-shadow(0 0 6px rgba(212,168,83,.4))}.navbar-name{font-size:1rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em}.navbar-tabs{display:flex;gap:.25rem;flex:1}.nav-tab{background:none;border:none;color:var(--text-secondary);font-family:var(--font-brand);font-size:.875rem;font-weight:400;padding:.4rem 1rem;cursor:pointer;position:relative;transition:color .2s ease;border-radius:6px}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{color:var(--text-primary);font-weight:500}.nav-tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:70%;height:2px;background:var(--accent-gold);border-radius:2px;box-shadow:0 0 8px var(--glow-gold)}.navbar-session{margin-left:auto;display:flex;align-items:center;gap:.75rem}.session-timer{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-gold);letter-spacing:.05em}.session-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);transition:background .3s,box-shadow .3s}.session-dot.recording{background:#e05a5a;box-shadow:0 0 10px #e05a5ab3;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.workspace{flex:1;display:grid;grid-template-columns:30% 70%;overflow:hidden}.pane-divider{display:none}.pane-left{border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden;padding:1.75rem 1.5rem 1.5rem}.pane-title{font-size:1.6rem;font-weight:300;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1.25rem;flex-shrink:0}.transcript-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.transcript-scroll::-webkit-scrollbar{width:3px}.transcript-scroll::-webkit-scrollbar-track{background:transparent}.transcript-scroll::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.transcript-card{background:var(--bg-card);border-radius:var(--radius-card);padding:.9rem 1rem;border:1px solid rgba(255,255,255,.05);transition:border-color .3s ease,box-shadow .3s ease;position:relative}.transcript-card.highlighted{border-color:#d4a85373;box-shadow:0 0 0 1px #d4a85333,inset 0 0 20px #d4a8530a}.transcript-card-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--accent-gold);margin-bottom:.5rem;font-weight:500}.transcript-card-label svg{opacity:.8}.transcript-card-text{font-size:.82rem;color:var(--text-secondary);line-height:1.65}.pane-right{display:flex;flex-direction:column;overflow:hidden;padding:1.75rem 2rem 1.5rem}.concepts-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding-right:.25rem}.concepts-scroll::-webkit-scrollbar{width:3px}.concepts-scroll::-webkit-scrollbar-track{background:transparent}.concepts-scroll::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.concept-row{display:flex;align-items:center;gap:0;border-radius:var(--radius-row);padding:0 1.25rem;height:64px;position:relative;border:1px solid transparent;transition:box-shadow .3s ease,border-color .3s ease;overflow:hidden}.concept-row.green{background:var(--row-green)}.concept-row.amber{background:var(--row-amber)}.concept-row.highlighted{border-color:var(--accent-gold);box-shadow:0 0 0 2px #d4a8534d,0 0 20px #d4a85340,inset 0 0 30px #d4a8530f}.concept-row.highlighted:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(212,168,83,.05) 50%,transparent 100%);pointer-events:none}.concept-timestamp{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:#f0e6d0d9;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.concept-dashes{font-family:var(--font-mono);font-size:.75rem;color:#f0e6d04d;margin:0 .75rem;letter-spacing:-1px;flex-shrink:0}.concept-text{flex:1;font-size:.9rem;font-weight:400;color:#f0e6d0f2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.concept-dashes-right{font-family:var(--font-mono);font-size:.75rem;color:#f0e6d04d;margin:0 .75rem;letter-spacing:-1px;flex-shrink:0}.concept-icon{width:36px;height:36px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#f0e6d0d9}.footer-controls{height:68px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:0 2rem;flex-shrink:0;background:#ffffff03}.btn-primary{background:linear-gradient(135deg,var(--accent-gold) 0%,#b8892e 100%);border:none;padding:.65rem 2.5rem;border-radius:100px;color:#1a1408;font-family:var(--font-brand);font-size:.8rem;font-weight:700;letter-spacing:.08em;cursor:pointer;box-shadow:0 4px 20px #d4a8534d;transition:box-shadow .2s,transform .15s;text-transform:uppercase}.btn-primary:hover{box-shadow:0 6px 28px #d4a85380;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary.recording{background:linear-gradient(135deg,#e05a5a,#b83030);box-shadow:0 4px 20px #e05a5a4d;color:#fff}.btn-icon{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.btn-icon:hover{color:var(--text-primary);border-color:#ffffff2e;background:#ffffff0a}