:root{--bg-base: #060b09;--bg-glass: rgba(10, 20, 16, .45);--bg-glass-heavy: rgba(8, 15, 12, .7);--bg-card: rgba(15, 30, 24, .5);--bg-card-hover: rgba(20, 40, 32, .6);--border-glass: rgba(255, 255, 255, .05);--text-primary: #e0f2f1;--text-secondary: #80cbc4;--text-muted: #4d8076;--neon-cyan: #00e5ff;--neon-cyan-dim: rgba(0, 229, 255, .2);--neon-orange: #ff9100;--neon-orange-dim:rgba(255, 145, 0, .2);--radius-panel: 16px;--radius-card: 20px;--radius-pill: 50px;--font-brand: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-brand);background-color:var(--bg-base);color:var(--text-primary);height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}body:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 20% 30%,rgba(0,229,255,.04) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,229,255,.03) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(255,145,0,.02) 0%,transparent 35%);z-index:0;pointer-events:none}.organic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 0.8 0' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:1;pointer-events:none;mix-blend-mode:overlay}.app-shell{width:min(1200px,95vw);height:min(800px,90vh);background:var(--bg-glass-heavy);border-radius:var(--radius-panel);border:1px solid var(--border-glass);box-shadow:0 40px 100px #000c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;position:relative;z-index:10;overflow:hidden}.header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--border-glass);background:#0003}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo{color:var(--text-primary);opacity:.9}.header-title{font-size:1.25rem;font-weight:300;letter-spacing:1px}.header-profile{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-secondary)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--neon-cyan-dim);border:1px solid var(--neon-cyan);display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-dim)}.workspace{flex:1;display:flex;overflow:hidden;position:relative}.pane-left{flex:5;border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.pane-right{flex:4;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.02) 100%)}.pane-title{font-size:1.2rem;font-weight:300;margin-bottom:1.5rem;color:var(--text-primary)}.transcript-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding-right:1rem}.transcript-bubble{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-card);padding:1.25rem;position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transcript-bubble:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.transcript-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem}.transcript-header svg{opacity:.7}.transcript-text{font-size:.95rem;line-height:1.5;color:var(--text-primary)}.hierarchy-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:1rem;padding-left:2rem;position:relative}.hierarchy-scroll:before{content:"";position:absolute;top:0;bottom:0;left:15px;width:2px;background:linear-gradient(to bottom,var(--border-glass) 0%,transparent 100%)}.concept-pill{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-pill);padding:.8rem 1.5rem;display:flex;align-items:center;gap:1rem;position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:1rem}.concept-pill:before{content:"";position:absolute;left:-1rem;top:50%;width:1rem;height:2px;background:var(--border-glass)}.concept-icon{width:32px;height:32px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.concept-content{display:flex;flex-direction:column}.concept-title{font-size:.95rem;font-weight:500;color:var(--text-primary)}.concept-subtitle{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cyber-glow-cyan{border-color:var(--neon-cyan)!important;box-shadow:0 0 15px var(--neon-cyan-dim),inset 0 0 20px #00e5ff0d}.cyber-glow-cyan:before{background:linear-gradient(135deg,var(--neon-cyan) 0%,transparent 80%)!important}.cyber-glow-cyan .transcript-header{color:var(--neon-cyan)}.cyber-glow-cyan .concept-icon{background:var(--neon-cyan-dim);color:var(--neon-cyan)}.cyber-glow-orange{border-color:var(--neon-orange)!important;box-shadow:0 0 15px var(--neon-orange-dim),inset 0 0 20px #ff91000d}.cyber-glow-orange:before{background:linear-gradient(135deg,var(--neon-orange) 0%,transparent 80%)!important}.cyber-glow-orange .transcript-header{color:var(--neon-orange)}.cyber-glow-orange .concept-icon{background:var(--neon-orange-dim);color:var(--neon-orange)}.toolbar-container{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:100}.toolbar{background:var(--bg-glass-heavy);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-pill);padding:.5rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 15px 35px #00000080,0 0 0 1px #ffffff0d}.btn-start{background:transparent;color:var(--text-primary);border:1px solid var(--neon-cyan);padding:.75rem 2rem;border-radius:var(--radius-pill);font-family:var(--font-brand);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:inset 0 0 10px #00e5ff1a;text-transform:uppercase;letter-spacing:.5px}.btn-start:hover{background:var(--neon-cyan-dim);box-shadow:0 0 15px var(--neon-cyan-dim),inset 0 0 20px #00e5ff4d}.btn-start.recording{border-color:var(--neon-orange);box-shadow:inset 0 0 10px #ff91001a;color:var(--neon-orange)}.btn-start.recording:hover{background:var(--neon-orange-dim);box-shadow:0 0 15px var(--neon-orange-dim),inset 0 0 20px #ff91004d}.toolbar-divider{width:1px;height:24px;background:var(--border-glass);margin:0 .5rem}.toolbar-icon{background:transparent;border:none;width:40px;height:40px;border-radius:50%;border:1px solid transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.toolbar-icon:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-glass)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:2px}