.oik-sidepanel__ovl{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:color-mix(in srgb,var(--ink-900) 20%,transparent);animation:oik-sidepanel-fade .16s ease}.oik-sidepanel{display:flex;flex-direction:column;position:relative;width:min(var(--panel-width,640px),90vw);height:100%;background:var(--surface-card);box-shadow:var(--shadow-modal);animation:oik-sidepanel-in .2s ease}.oik-sidepanel:focus{outline:none}.oik-sidepanel__head{display:flex;flex-shrink:0;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-3);border-bottom:1px solid var(--border-subtle)}.oik-sidepanel__titles{min-width:0}.oik-sidepanel__title{margin:0;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--ink-900)}.oik-sidepanel__sub{margin:var(--space-1) 0 0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted)}.oik-sidepanel__head-actions{display:flex;align-items:center;gap:var(--space-2)}.oik-sidepanel__btn{display:inline-flex;padding:var(--space-1);border:none;border-radius:var(--radius-sm);background:none;color:var(--ink-500);cursor:pointer}.oik-sidepanel__btn:hover{color:var(--ink-900);background:var(--ink-100)}.oik-sidepanel__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-6) var(--space-6);font-family:var(--font-ui);font-size:var(--text-base);color:var(--ink-700)}.oik-sidepanel__body>*+*{margin-top:var(--space-4)}@media (max-width:1023px){.oik-sidepanel__ovl{align-items:flex-end;justify-content:stretch}.oik-sidepanel{width:100%;height:auto;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:env(safe-area-inset-bottom);animation-name:oik-sidepanel-up}}@keyframes oik-sidepanel-fade{0%{opacity:0}to{opacity:1}}@keyframes oik-sidepanel-in{0%{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}@keyframes oik-sidepanel-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.oik-sidepanel,.oik-sidepanel__ovl{animation:none}}.oik-sidepanel__resize{position:absolute;inset:0 auto 0 0;width:var(--space-2);cursor:col-resize;touch-action:none;z-index:1}.oik-sidepanel__resize:after{content:"";position:absolute;top:45%;left:0;width:var(--space-1);height:var(--space-10);border-radius:var(--radius-full);background:var(--border-default)}.oik-sidepanel__resize:focus-visible:after,.oik-sidepanel__resize:hover:after{background:var(--brand)}@media (max-width:1023px){.oik-sidepanel__resize{display:none}}.oik-sidepanel .oik-stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.oik-sidepanel .oik-stat--compact .oik-stat__value{font-size:var(--text-lg)}