.companion-panel-container{position:fixed;top:60px;right:0;bottom:0;width:380px;z-index:900;display:flex;flex-direction:column;background:var(--page-white);border-left:1px solid var(--border-light);box-shadow:-4px 0 24px rgba(0,0,0,.06);overflow-y:auto}.companion-panel-open{margin-right:380px}.companion-panel-closed,.companion-panel-open{transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.companion-panel-closed{margin-right:0}.companion-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:901;width:36px;height:80px;display:flex;align-items:center;justify-content:center;background:white;color:var(--aal-navy);border-radius:8px 0 0 8px;cursor:pointer;border:1px solid var(--border-light);border-right:none;box-shadow:-2px 0 8px rgba(0,0,0,.1);transition:background .2s,box-shadow .2s}.companion-toggle:hover{background:var(--aal-cream,#f5f5f0);box-shadow:-2px 0 12px rgba(0,0,0,.15)}.companion-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-light);background:var(--aal-cream);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.companion-header h2{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--aal-navy);letter-spacing:-.3px;margin:0}.companion-body{flex:1;padding:24px;overflow-y:auto}.companion-footer{padding:16px 24px;border-top:1px solid var(--border-light);background:var(--aal-cream);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.companion-progress{display:flex;gap:6px;align-items:center}.companion-dot{width:8px;height:8px;border-radius:50%;background:var(--border-light);transition:background .3s,transform .3s}.companion-dot--active{background:var(--aal-navy);transform:scale(1.25)}.companion-dot--completed{background:var(--success)}@media (max-width:767px){.companion-panel-container{top:auto;left:0;right:0;width:100%;max-height:70vh;border-left:none;border-top:1px solid var(--border-light);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.1)}.companion-panel-open{margin-right:0}.companion-toggle{top:auto;bottom:24px;right:24px;transform:none;width:56px;height:56px;border-radius:50%;border:1px solid var(--border-light);box-shadow:0 4px 12px rgba(0,0,0,.15)}.companion-drag-handle{width:40px;height:4px;border-radius:2px;background:var(--border-dark);margin:8px auto}}