.hap{background:var(--notifai-white);color:var(--notifai-navy);font-family:var(--font-sans);text-align:left;--hap-border:var(--border);border-radius:14px;grid-template-columns:21% minmax(0,1fr);font-size:12px;line-height:1.6;display:grid;overflow:hidden}.hap *{min-width:0}.hap-sidebar{background:var(--notifai-bg-light);border-right:1px solid var(--hap-border);flex-direction:column;padding:23px 13px 20px;display:flex}.hap-brand{letter-spacing:-.04em;align-items:center;gap:8px;padding:0 9px 25px;font-size:18px;font-weight:600;display:flex}.hap-brand img{object-fit:contain;border-radius:4px;width:24px;height:24px}.hap-nav{gap:4px;display:grid}.hap-nav li{color:var(--notifai-slate);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:11px;display:flex}.hap-nav .hap-selected{color:var(--notifai-blue);background:color-mix(in srgb, var(--notifai-blue) 8%, transparent);font-weight:600}.hap svg{flex-shrink:0}.hap-notebooks{margin:30px 9px 0}.hap-label{color:var(--notifai-slate);text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:600}.hap-notebooks ul{color:var(--notifai-slate);gap:15px;margin-top:15px;font-size:11px;display:grid}.hap-notebooks li:before{content:"";background:var(--notifai-slate-soft);border-radius:2px;width:6px;height:6px;margin-right:9px;display:inline-block}.hap-notebooks .hap-current{color:var(--notifai-blue)}.hap-notebooks .hap-current:before{background:var(--notifai-blue)}.hap-workspace{color:var(--notifai-slate);margin:auto 9px 0;padding-top:45px;font-size:10px;display:grid}.hap-workspace span:first-child{color:var(--notifai-navy);font-weight:600}.hap-breadcrumb{border-bottom:1px solid var(--hap-border);color:var(--notifai-slate);align-items:center;gap:8px;padding:13px 25px;font-size:10px;display:flex}.hap-saved{align-items:center;gap:4px;margin-left:auto;display:flex}.hap-header{padding:22px 25px 18px}.hap-header h2{font-size:23px;font-weight:600;line-height:1.3}.hap-header p{color:var(--notifai-slate);margin-top:5px;font-size:11px}.hap-metadata{color:var(--notifai-slate);gap:13px;margin-top:10px;font-size:10px;display:flex}.hap-columns{border-top:1px solid var(--hap-border);grid-template-columns:minmax(0,1fr) 34%;display:grid}.hap-transcript{padding:17px 25px 27px}.hap-file{color:var(--notifai-slate);align-items:center;gap:6px;font-size:9px;display:flex}.hap-file span{overflow-wrap:anywhere}.hap-player{align-items:center;gap:10px;padding:11px 0 19px;display:flex}.hap-player button{background:var(--notifai-blue);width:30px;height:30px;color:var(--notifai-white);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.hap-player button:focus-visible{outline:2px solid var(--notifai-blue-bright);outline-offset:3px}.hap-progress{background:var(--notifai-bg-soft);border-radius:3px;flex:1;height:3px;overflow:hidden}.hap-progress span{background:var(--notifai-blue);height:100%;display:block}.hap-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px}.hap-time span,.hap-speed{color:var(--notifai-slate)}.hap-speed{font-size:10px}.hap h3{font-size:13px;font-weight:600}.hap-segments{gap:17px;margin-top:17px;display:grid}.hap-segment{grid-template-columns:22px minmax(0,1fr);gap:9px;display:grid}.hap-avatar{background:color-mix(in srgb, var(--notifai-blue) 9%, white);height:22px;color:var(--notifai-blue);border-radius:50%;place-items:center;font-size:9px;display:grid}.hap-student{background:var(--notifai-bg-soft);color:var(--notifai-slate)}.hap-speaker{align-items:baseline;gap:9px;margin-bottom:4px;font-size:10px;display:flex}.hap-speaker span{color:var(--notifai-slate);font-variant-numeric:tabular-nums;font-size:9px}.hap-segment p{font-size:12px;line-height:1.7}.hap-study{border-left:1px solid var(--hap-border);background:var(--notifai-bg-light);padding:19px 19px 25px}.hap-study h3{margin-top:11px}.hap-study>p{color:var(--notifai-slate);margin-top:9px;font-size:11px;line-height:1.8}.hap-study h4{margin-top:24px;font-size:11px;font-weight:600}.hap-concepts{color:var(--notifai-slate);gap:7px;margin-top:9px;padding-left:13px;font-size:10px;list-style:outside;display:grid}.hap-actions{border-top:1px solid var(--hap-border);color:var(--notifai-blue);gap:12px;margin-top:24px;padding-top:18px;font-size:10px;display:grid}.hap-actions>div{align-items:center;gap:7px;display:flex}@media (width<=900px){.hap-study{display:none}.hap-columns{grid-template-columns:minmax(0,1fr)}.hap{grid-template-columns:23% minmax(0,1fr)}.hap-sidebar{padding-inline:8px}.hap-nav li{font-size:10px}}@media (width<=600px){.hap{border-radius:12px;grid-template-columns:42px minmax(0,1fr)}.hap-sidebar{padding:17px 5px}.hap-brand{padding:0 4px 19px}.hap-brand span,.hap-nav span,.hap-notebooks,.hap-workspace{display:none}.hap-nav li{justify-content:center;padding:10px 4px}.hap-nav li:after{content:none}.hap-breadcrumb{gap:4px;padding:11px 12px;font-size:9px}.hap-saved{display:none}.hap-header{padding:16px 12px}.hap-header h2{font-size:19px}.hap-header p{font-size:10px}.hap-metadata{gap:9px;font-size:9px}.hap-transcript{padding:14px 12px 20px}.hap-player{gap:7px}.hap-segment{grid-template-columns:18px minmax(0,1fr);gap:6px}.hap-avatar{height:18px}.hap-segment p{font-size:11px}}