.op-page{--op-bg:#fefdfc;--op-fg:#192937;--op-muted:#5b6472;--op-blue:#93b3d0;--op-blue-dark:#3f6488;--op-maroon:#8d0e37;--op-border:#1929371f;--op-surface:#93b3d01f;background:var(--op-bg);color:var(--op-fg)}.op-serif{font-family:Georgia,Times New Roman,serif}.op-chip{border:1px solid var(--op-border);color:var(--op-fg);background:0 0;transition:background-color .15s,color .15s,border-color .15s}.op-chip:hover{border-color:var(--op-blue-dark)}.op-chip[data-active=true]{background:var(--op-fg);border-color:var(--op-fg);color:var(--op-bg)}.op-card{border:1px solid var(--op-border);background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}.op-card:hover{border-color:var(--op-blue-dark);transform:translateY(-2px);box-shadow:0 12px 24px #19293714}.op-tag{background:var(--op-surface);color:var(--op-blue-dark)}.op-unconfirmed{color:var(--op-muted);font-style:italic}.op-hero{background:linear-gradient(180deg, var(--op-surface) 0%, var(--op-bg) 65%)}.op-panel{border:1px solid var(--op-border);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--op-blue-dark) transparent;background:#fff}.op-panel::-webkit-scrollbar{width:8px}.op-panel::-webkit-scrollbar-track{background:0 0}.op-panel::-webkit-scrollbar-thumb{background-color:var(--op-blue-dark);border-radius:9999px}.op-maroon-line{background:var(--op-maroon)}