.navbar2{background:#172438;border-right:1px solid #263754;bottom:0;color:#eef4ff;display:flex;flex-direction:column;left:0;padding:28px 18px;position:fixed;text-align:left;top:0;width:248px;z-index:20}.navbar2 h3{color:#8090aa;font-size:.88rem;font-weight:600;letter-spacing:.08em;margin:28px 10px 12px}.sidebar-brand{align-items:center;color:#fff;display:flex;font-size:1.05rem;font-weight:700;padding:0 10px;text-decoration:none}.sidebar-brand img{display:block;height:auto;max-width:100%;width:178px}.nav-links2{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.nav-links2 li{width:100%}.nav-links2 a{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:48px;box-sizing:border-box;color:#bdc9dc;text-decoration:none;font-size:.88rem;font-weight:600;background:transparent;border:1px solid transparent;border-radius:9px;padding:0 14px;transition:background-color .2s ease}.nav-links2 a:hover{background:#303b54;color:#fff}.nav-links2 a.active{background:#34445f;color:#fff}.sidebar-icon{align-items:center;display:inline-flex;font-size:.92rem;justify-content:center;margin-right:11px;width:18px}.sidebar-logout{background:transparent;border:1px solid #3a4d6b;border-radius:9px;color:#bdc9dc;cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;margin:auto 0 0;min-height:44px;padding:0 14px;text-align:center;width:100%}.sidebar-logout:hover{background:#303b54;color:#fff}@media (max-width: 850px){.navbar2{position:static;width:100%}}.panel{background:#ffffffcc;border:1px solid #d7deea;border-radius:14px;margin-top:20px;padding:14px;text-align:center}.stripe-input{border:1px solid #bac8dc;border-radius:10px;flex:1;min-width:0;width:50.1%;padding:10px 12px;margin-bottom:15px}button,input,select{font:inherit}.submit-button{border:0;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 14px;background:#165fc7;color:#fff}:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#17202a;background:radial-gradient(circle at 10% 10%,#eaf4ff,#f5efe4 55%,#f8f5f0 100%);line-height:1.4;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.page{margin:0 0 0 248px;max-width:calc(100vw - 248px);padding:28px 20px 60px}.whole-page{display:block}.side-bar{display:contents}.content{width:100%}.page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.page-header h1{margin:0}.page-header p{color:#4e5969;margin:6px 0 0}.header-actions{display:flex;gap:10px}.lookup-panel{background:#ffffffcc;border:1px solid #d7deea;border-radius:14px;margin-top:10px;padding:10px 14px}.lookup-form{align-items:center;display:flex;gap:10px}.recent-lookups{margin-top:10px}.recent-lookup-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.recent-lookup-chip{background:#165fc7;border:1px solid #165fc7;border-radius:999px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 12px;transition:background-color .12s ease,border-color .12s ease,transform .12s ease,opacity .12s ease}.recent-lookup-chip:hover{background:#1155b5;border-color:#1155b5;transform:translateY(-1px)}.input{border:1px solid #bac8dc;border-radius:10px;flex:1;min-width:0;padding:10px 12px}.primary-button,.secondary-button,.tertiary-button{border:0;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 14px}.primary-button{background:#165fc7;color:#fff}.secondary-button{background:#eef3fb;color:#193868}.tertiary-button{background:#f6f6f6;color:#374151}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}.meta-text{color:#3e4c66;margin:10px 0 0}.error-text{color:#b72136;font-weight:500;margin:10px 0 0}.status-page{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100vh;padding:20px;text-align:center}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border:1px solid #d7deea;border-radius:20px;box-shadow:0 14px 32px #193a681a;max-width:430px;padding:26px;width:100%}.auth-card h1{margin:0}.auth-card p{color:#4a5a73}.auth-logo{display:block;height:42px;margin:0 auto 16px;width:auto}.auth-card>.primary-button{width:100%}.stack{display:flex;flex-direction:column;gap:10px}.divider{align-items:center;display:flex;gap:10px;margin:12px 0}.divider:before,.divider:after{background:#d5deeb;content:"";flex:1;height:1px}.divider span{color:#68758b;font-size:.9rem}.session-list{display:grid;gap:14px;margin-top:0}.session-search-row{display:grid;gap:8px;grid-template-columns:minmax(220px,1fr) minmax(140px,180px)}.session-search-input,.session-date-input{min-width:0}.results-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin-top:20px}.results-layout.has-overview{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.user-overview{padding:0}.results-layout.user-info-layout{grid-template-columns:minmax(0,1fr)}.user-info-layout .blob-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.user-search-row{margin-bottom:14px}.user-identity{align-items:center;display:flex;gap:4px;min-width:0;margin-bottom:8px}.user-identity .meta-text{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-overview h2{font-size:1rem;margin:0}.user-overview-menu{position:relative}.user-overview-menu-button{align-items:center;background:transparent;border:0;border-radius:7px;color:#3c5779;cursor:pointer;display:inline-flex;font-size:1.25rem;height:30px;justify-content:center;line-height:1;padding:0;width:30px}.user-overview-menu-button:hover,.user-overview-menu-button:focus-visible{background:#edf4ff;outline:none}.user-overview-menu-dropdown{background:#fff;border:1px solid #d7deea;border-radius:9px;box-shadow:0 8px 20px #193a6824;min-width:150px;padding:5px;position:absolute;right:0;top:34px;z-index:3}.user-overview-menu-dropdown button{background:transparent;border:0;border-radius:6px;color:#263b57;cursor:pointer;display:block;padding:8px 10px;text-align:left;width:100%}.user-overview-menu-dropdown button:hover{background:#edf4ff}.user-overview-menu-dropdown .danger-menu-item{color:#b72136}.user-action-modal-backdrop{align-items:center;background:rgba(20,31,47,.38);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:10}.user-action-modal{background:#fff;border:1px solid #d7deea;border-radius:14px;box-shadow:0 18px 45px #193a6838;max-width:420px;padding:22px;width:calc(100% - 32px)}.user-action-modal h3{margin:0}.user-action-modal p{color:#4e5969;margin:10px 0 20px}.user-action-modal-actions{display:flex;gap:10px;justify-content:flex-end}.danger-button{background:#b72136;border:0;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-weight:600;padding:10px 14px}.danger-button:hover{background:#991d2f}.danger-button:disabled{cursor:not-allowed;opacity:.6}.blob-search-input{margin-bottom:0;max-width:33.333%;width:100%}.target-email{margin:0;padding:0}.blob-grid{display:grid;gap:10px}.blob-item{background:#f8fbff;border:1px solid #dbe6f5;border-radius:10px;padding:8px 10px}.blob-item-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.blob-item-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.blob-key{color:#3c5779;font-size:.74rem;font-weight:700;letter-spacing:.04em;margin:0 0 6px;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.blob-badge{background:#edf2f8;border:1px solid #d5dfeb;border-radius:999px;color:#65768d;display:inline-flex;font-size:.67rem;font-weight:700;line-height:1;padding:4px 7px;text-transform:uppercase}.blob-action-button{background:#edf4ff;border:1px solid #c6daf8;border-radius:7px;color:#1e4d92;cursor:pointer;font-size:.72rem;font-weight:700;line-height:1;padding:5px 8px}.blob-action-button:hover{background:#deecff}.blob-action-icon{align-items:center;display:inline-flex;justify-content:center;padding:5px}.blob-action-icon svg{fill:currentcolor;height:13px;width:13px}.blob-value{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.45;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.blob-edit-panel{display:grid;gap:8px}.blob-edit-panel .input{width:100%}.blob-edit-textarea{min-height:120px;resize:vertical}.blob-edit-actions{display:flex;gap:8px}.blob-inline-button{background:#edf4ff;border:1px solid #c6daf8;border-radius:7px;color:#1e4d92;cursor:pointer;font-size:.72rem;font-weight:700;line-height:1;min-width:48px;padding:5px 8px}.blob-inline-button:hover{background:#deecff}.blob-save-button{background:#165fc7;border-color:#165fc7;color:#fff}.blob-save-button:hover{background:#1155b5;border-color:#1155b5}.blob-inline-button:disabled{cursor:not-allowed;opacity:.6}.blob-edit-error{margin:0}.lookup-form .input{min-height:42px;text-align:left}.session-card{background:#fff;border:1px solid #d4deed;border-radius:14px;overflow:hidden}.session-summary{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;padding:14px;text-align:left;width:100%}.session-summary h3{margin:0}.session-mode{align-items:center;color:#49729d;display:flex;flex-wrap:wrap;font-size:.78rem;gap:8px;font-weight:700;letter-spacing:.04em;margin:0 0 6px}.session-id-label{white-space:nowrap}.session-id-value{background:#edf4ff;border:1px solid #c6daf8;border-radius:6px;color:#2f4f7c;cursor:pointer;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:600;letter-spacing:0;padding:3px 8px}.session-id-value:hover{background:#d7e7ff}.session-dates{color:#5d6c82;font-size:.84rem;text-align:right}.session-dates p{margin:4px 0}.session-details{border-top:1px solid #e4e8f0;padding:12px}.midi-row{background:#f7faff;border:1px solid #dae6f8;border-radius:10px;padding:10px}.midi-row p{color:#405376;margin:0 0 8px}.midi-chip-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.midi-chip{align-items:center;background:#e5efff;border:1px solid #b9cff6;border-radius:10px;color:#114796;cursor:pointer;display:inline-flex;gap:8px;font-size:.82rem;font-weight:600;line-height:1;padding:8px 12px;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.midi-chip:hover{background:#d7e7ff;border-color:#9cb8ef;color:#0a3d87;transform:translateY(-1px)}.midi-chip:focus-visible{outline:2px solid #7aa8f4;outline-offset:2px}.midi-chip:active{cursor:grabbing;transform:translateY(0)}.midi-chip-icon{color:inherit;display:inline-block;font-size:.95rem;line-height:1;transform:translateY(-1px)}.midi-action-row{display:flex;align-items:center;gap:8px}.midi-control-button{background:#edf4ff;border:1px solid #c6daf8;border-radius:8px;color:#0f3f85;cursor:pointer;font-size:.78rem;font-weight:700;padding:6px 10px}.midi-control-button.icon{align-items:center;display:inline-flex;font-size:.95rem;font-weight:800;height:40px;justify-content:center;line-height:1;min-width:40px;padding:0}.midi-control-button:hover{background:#deecff}.midi-control-button.stop{background:#ffece8;border-color:#f1c0b5;color:#8e2a14}.midi-control-button.stop:hover{background:#ffdcd6}.muted{color:#76859b;font-size:.9rem}.chat-log{display:flex;font-family:Satoshi,Geist,Avenir Next,Segoe UI,sans-serif;flex-direction:column;gap:10px;margin-top:12px}.bubble-row{display:flex}.bubble-row.right{justify-content:flex-end}.bubble-row.left{justify-content:flex-start}.bubble-stack{display:flex;flex-direction:column;gap:6px;width:80%}.bubble-stack.right{align-items:flex-end}.bubble-stack.left{align-items:flex-start}.bubble{border-radius:12px;max-width:100%;min-width:100%;padding:10px}.bubble.right{background:#dcecff;border:1px solid #bfdaf8}.bubble.left{background:#eee5fb;border:1px solid #d7c6f3}.bubble-role{color:#4f5f75;font-size:.8rem;font-weight:700;letter-spacing:.04em;margin:0}.generation-id-row{align-items:center;display:flex;gap:8px;margin:0 0 8px}.generation-id-label{color:#6944a0;font-size:.78rem;font-weight:700;letter-spacing:.03em}.generation-id-chip{background:#f2eaff;border:1px solid #ceb9f2;border-radius:6px;color:#5e4290;cursor:pointer;display:inline-block;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;padding:3px 8px}.generation-id-chip:hover{background:#e7d7ff}.bubble pre{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.93rem;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.assistant-sections{display:grid;gap:10px}.assistant-sections-highlight{background:#f8efe0;border:1px solid #ead7b7;border-radius:10px;padding:10px}.bubble.left:has(.assistant-sections-highlight){background:transparent;border:0;padding:0}.assistant-section h4{color:#27364e;font-size:.8rem;letter-spacing:.03em;margin:0 0 4px;text-transform:uppercase}.assistant-section p{font-size:.98rem;line-height:1.55;margin:0;white-space:pre-wrap}.inline-midi-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.midi-metadata{width:100%}.assistant-section pre{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.footer-actions{display:flex;justify-content:center;margin-top:18px}:root{--accent-purple: #ba83f0;--accent-purple-dark: #6944a0;--accent-purple-deep: #3b255f;--accent-purple-soft: #f2eaff;--accent-purple-border: #d7c6f3}body{background:radial-gradient(circle at 10% 10%,#eaf4ff,#f5efe4 55%,#f8f5f0 100%)}.primary-button,.recent-lookup-chip{background:#405376;border-color:#405376}.primary-button:hover,.recent-lookup-chip:hover{background:#2f405e;border-color:#2f405e}.secondary-button,.tertiary-button,.blob-action-button,.user-overview-menu-button{background:#eef3fb;color:#193868}.input:focus{border-color:#ba83f0;box-shadow:0 0 0 3px #ba83f024;outline:none}.session-id-value,.generation-id-chip,.blob-key,.user-overview-menu-button{color:#3c5779}.session-card,.lookup-panel,.user-overview,.blob-item{border-color:#d7deea}@media (max-width: 850px){.page{margin-left:0;max-width:none}.lookup-form,.page-header{flex-direction:column}.session-summary{align-items:flex-start;flex-direction:column;gap:10px}.session-dates{text-align:left}.results-layout,.session-search-row{grid-template-columns:1fr}.user-overview{max-height:none;position:static}.blob-search-input{max-width:none}.bubble{max-width:100%}.bubble-stack{width:96%}}