.panel{border:1px solid var(--color-border);background:var(--color-bg-panel);-webkit-backdrop-filter:blur(10px)saturate(140%);border-radius:var(--radius-md);min-width:0;position:relative;overflow:hidden}.panel--interactive{transition:transform .16s,border-color .16s}.panel--interactive:hover{border-color:var(--color-accent);transform:translateY(-2px)}.panel__header{border-bottom:1px solid var(--color-border);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:linear-gradient(#ffffff06,#0000);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1.1rem;display:flex}.panel__header-left{align-items:center;gap:1rem;min-width:0;display:flex}.panel__dot{background:var(--color-text-dim);border-radius:1px;flex-shrink:0;width:5px;height:5px}.panel__label{color:#dfe3ecc7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel__sublabel{color:var(--color-text-dim);white-space:nowrap}.panel__header-right{color:var(--color-text-dim);flex-shrink:0;align-items:center;gap:1rem;font-size:1.1rem;display:flex}.panel__body{min-width:0;padding:var(--panel-pad);overflow-wrap:anywhere;position:relative}@media (width<=768px){.panel__body:not(.panel__body--flush){padding:2.5rem 1.5rem 2rem}}@media (width<=360px){.panel__body:not(.panel__body--flush){padding:2rem 1rem 1.5rem}}@media (prefers-reduced-motion:reduce){.panel--interactive{transition:none!important;transform:none!important}}