@layer components{.opening-pane{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:100%}.opening-pane__empty{justify-content:center;align-items:center;gap:var(--spacing-2);height:100%;padding:var(--spacing-6);text-align:center;flex-direction:column;display:flex}.opening-pane__empty-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0}.opening-pane__empty-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.opening-pane__loading-bar{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);border-bottom:1px solid var(--border-subtle);display:flex}.opening-pane__loading-body{padding:var(--spacing-4) var(--spacing-5) var(--spacing-5)}.opening-pane__skeleton-bar{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--border-subtle) 50%, var(--surface-sunken) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block}@media (prefers-reduced-motion:reduce){.opening-pane__skeleton-bar{animation:none}}.opening-pane__skeleton-link{width:110px;height:16px}.opening-pane__skeleton-action{width:150px;height:34px}.opening-pane__status{padding:var(--spacing-8) var(--spacing-5);text-align:center;color:var(--text-secondary)}.opening-pane__bar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);background:var(--surface);border-bottom:1px solid var(--border-subtle);display:flex;position:sticky;top:0}.opening-pane__bar-actions{align-items:stretch;gap:var(--spacing-2);display:flex}.opening-pane__full-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--brand-gold);transition:color var(--transition-fast);text-decoration:none}.opening-pane__full-link:hover{color:var(--brand-gold-hover);text-decoration:underline}}
@layer components{.opening-controls-bar{min-height:var(--feed-controls-height);justify-content:flex-end;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-1);flex-wrap:wrap;display:flex}.opening-controls-bar__count{font-size:var(--font-size-sm);color:var(--text-muted);margin-right:auto}.opening-controls-bar__sort{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.opening-controls-bar__sort-btn{appearance:none;border:none;border-right:1px solid var(--border-subtle);background:var(--surface);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);padding:var(--spacing-1) var(--spacing-2);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);line-height:1.4}.opening-controls-bar__sort-btn:last-child{border-right:none}.opening-controls-bar__sort-btn:hover{color:var(--text-secondary)}.opening-controls-bar__sort-btn--active,.opening-controls-bar__sort-btn--active:hover{background:var(--accent);color:var(--text-inverse)}@media (max-width:768px){.opening-controls-bar{justify-content:space-between;padding:0}.opening-controls-bar__count{display:none}.opening-controls-bar__sort{align-self:stretch}.opening-controls-bar__sort-btn{align-items:center;display:inline-flex}}}