@layer components{.ob-sidebar__stat-icon{width:.75rem;height:.75rem}.ob-sidebar__action-icon{width:1rem;height:1rem}}.ob-sidebar{display:flex;flex-direction:column;padding:1.25rem 1.25rem 1rem;gap:1rem;height:100%}.ob-sidebar--results{justify-content:flex-start}.ob-sidebar__headline{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0;line-height:1.4}.ob-sidebar__course-list{list-style:none;margin:0;padding:0;flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:0;position:relative}.ob-sidebar__course-list:before{content:"";position:absolute;left:calc(1rem - 1px);top:1.5rem;bottom:1.5rem;width:2px;background:color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:1px;pointer-events:none}.ob-sidebar__course{display:flex;align-items:flex-start;gap:.875rem;padding:.5rem 0;position:relative}.ob-sidebar__course-num{width:2rem;height:2rem;border-radius:50%;background:var(--background);border:2px solid var(--primary);color:var(--primary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.ob-sidebar__course-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding-top:.125rem}.ob-sidebar__course-title{font-size:.8125rem;font-weight:600;color:var(--foreground);line-height:1.35}.ob-sidebar__course-desc{font-size:.75rem;color:var(--muted-foreground);line-height:1.4}.ob-sidebar__course-meta{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--muted-foreground);margin-top:.125rem}.ob-sidebar__footer{border-top:1px solid var(--border);padding-top:1rem;margin-top:auto}.ob-sidebar__cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5625rem 1rem;border-radius:.5rem;background:var(--primary);color:#fff;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:opacity .15s,box-shadow .15s}.ob-sidebar__cta:hover:not(:disabled){opacity:.9;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent)}.ob-sidebar__cta:disabled{opacity:.45;cursor:default}.dark .ob-sidebar__cta{background:var(--n4j-light-baltic);color:var(--n4j-dark-baltic)}.ob-sidebar__saved{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--primary)}.ob-sidebar__prompt{font-size:.8125rem;color:var(--muted-foreground);line-height:1.55;margin:0}.ob-sidebar__cat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground);margin:0}.ob-sidebar__cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.ob-sidebar__cat-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .625rem;border-radius:.375rem;background:color-mix(in srgb,var(--primary) 5%,var(--background));border:1px solid var(--border)}.ob-sidebar__cat-title{font-size:.8125rem;font-weight:500;color:var(--foreground)}.ob-sidebar__cat-stats{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.ob-sidebar__cat-stat{display:flex;align-items:center;gap:.2rem;font-size:.6875rem;color:var(--muted-foreground)}@layer components{.onboarding-drawer__close-icon{width:1.25rem;height:1.25rem}}.onboarding-drawer{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);pointer-events:none;visibility:hidden;transition:visibility 0s .22s,background .22s,-webkit-backdrop-filter .22s;transition:visibility 0s .22s,background .22s,backdrop-filter .22s;transition:visibility 0s .22s,background .22s,backdrop-filter .22s,-webkit-backdrop-filter .22s}.onboarding-drawer--open{background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;visibility:visible;transition:visibility 0s,background .22s,-webkit-backdrop-filter .22s;transition:visibility 0s,background .22s,backdrop-filter .22s;transition:visibility 0s,background .22s,backdrop-filter .22s,-webkit-backdrop-filter .22s}.onboarding-drawer__panel{background:var(--background);border:1px solid var(--border);border-radius:1rem;width:960px;max-width:calc(100vw - 2rem);height:84vh;max-height:760px;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.22);transform:scale(.95) translateY(10px);opacity:0;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s;overflow:hidden}.onboarding-drawer--open .onboarding-drawer__panel{transform:scale(1) translateY(0);opacity:1}.onboarding-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.onboarding-drawer__title{font-size:.9375rem;font-weight:600;color:var(--foreground)}.onboarding-drawer__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;color:var(--muted-foreground);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.onboarding-drawer__close:hover{background:var(--muted);color:var(--foreground)}.onboarding-drawer__columns{flex:1 1;min-height:0;display:flex;overflow:hidden}.onboarding-drawer__chat{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.onboarding-drawer__sidebar{width:0;flex-shrink:0;overflow:hidden;background:color-mix(in srgb,var(--muted) 40%,var(--background));transition:width .38s cubic-bezier(.4,0,.2,1)}.onboarding-drawer__sidebar--active{width:50%;border-left:1px solid var(--border)}@media (max-width:680px){.onboarding-drawer__sidebar--active{width:0;border-left:none}}