.oc-dialog{--oc-bg:var(--bg,#0d1015);--oc-fg:var(--text,#f0f2f5);--oc-muted:var(--muted,#909cab);--oc-line:var(--line,#293241);--oc-accent:var(--accent,#72dbb4);color:var(--oc-fg);background:var(--oc-bg);border:0;border-radius:20px;width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;box-shadow:0 20px 100px #0005;overflow:hidden}
.oc-dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}
.oc-dialog[open]{display:flex;flex-direction:column}.oc-dialog *{box-sizing:border-box}.oc-dialog header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--oc-line)}.oc-dialog h1{font-size:20px;margin:0;flex:1}.oc-dialog h2{font-size:18px;margin:0 0 12px}.oc-dialog nav{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;flex-shrink:0}.oc-dialog button,.oc-dialog input,.oc-dialog select{font:inherit;min-height:44px;border:1px solid var(--oc-line);border-radius:10px;background:transparent;color:inherit;padding:9px 12px}.oc-dialog input{font-size:16px;width:100%;min-width:0}.oc-dialog select{max-width:100%;background:var(--oc-bg)}.oc-dialog button{cursor:pointer;white-space:normal}.oc-dialog button:disabled{opacity:.5;cursor:wait}.oc-dialog button:focus-visible,.oc-dialog input:focus-visible,.oc-dialog select:focus-visible{outline:2px solid var(--oc-accent);outline-offset:2px}.oc-dialog button[aria-selected=true]{background:var(--oc-fg);color:var(--oc-bg)}.oc-dialog .oc-primary{background:var(--oc-accent);color:#10231b;border-color:transparent}.oc-body{overflow:auto;overscroll-behavior:contain;padding:18px 24px 28px;min-height:220px}.oc-muted{color:var(--oc-muted);font-size:13px;line-height:1.5}.oc-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.oc-row>*{min-width:0}.oc-row select{flex:1}.oc-card{padding:18px 0;border-bottom:1px solid var(--oc-line);overflow-wrap:anywhere}.oc-card:last-child{border-bottom:0}.oc-card h3{font-size:16px;margin:0 0 10px}.oc-amount{font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:8px 0}.oc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.oc-dialog dl{display:grid;grid-template-columns:minmax(110px,1fr) 1.2fr;gap:10px;margin:12px 0;font-size:14px}.oc-dialog dt{color:var(--oc-muted)}.oc-dialog dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.oc-dialog summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px}.oc-badge{display:inline-block;font-size:12px;border:1px solid var(--oc-line);padding:3px 8px;border-radius:99px}.oc-status{padding:0 24px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.oc-status:empty{display:none}.oc-loading{min-height:140px;display:grid;place-items:center;color:var(--oc-muted)}.oc-dialog label{display:block;margin:14px 0 5px;font-size:14px}.oc-dialog a{color:var(--oc-accent)}.oc-range{height:6px;background:var(--oc-line);position:relative;margin:22px 0;border-radius:4px}.oc-range i{position:absolute;height:14px;width:8px;border-radius:4px;background:var(--oc-accent);top:-4px}.oc-lab-drafts{margin-top:20px}.oc-lab-drafts article{border-top:1px solid var(--line,#8884);padding:16px 0;overflow-wrap:anywhere}.oc-entry{margin-top:10px}
@media(max-width:640px){.oc-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100vw;margin:0;border-radius:0}.oc-dialog header{padding:12px 16px}.oc-body{padding:16px 18px max(24px,env(safe-area-inset-bottom))}.oc-grid{grid-template-columns:1fr}.oc-dialog nav{padding:8px 12px}.oc-dialog nav button{flex:1;font-size:13px;padding:8px}.oc-amount{font-size:30px}}
@media(display-mode:standalone){.oc-dialog header{padding-top:calc(12px + env(safe-area-inset-top))}}
@media(prefers-color-scheme:light){html:not([data-theme=dark]) .oc-dialog{--oc-bg:#f8faf9;--oc-fg:#14221d;--oc-muted:#56625d;--oc-line:#dce5e0;--oc-accent:#65ccaa}}
html[data-theme=light] .oc-dialog,body.light .oc-dialog{--oc-bg:#f8faf9;--oc-fg:#14221d;--oc-muted:#56625d;--oc-line:#dce5e0;--oc-accent:#65ccaa}
.oc-pool-discovery{margin-top:20px;min-width:0}.oc-pool-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.oc-pool-filters select{width:100%;font-size:16px}.oc-pool-form .oc-pool-primary{background:var(--oc-fg);color:var(--oc-bg);width:100%}.oc-pool-form :focus-visible,.oc-pool-source:focus-visible{outline:2px solid var(--oc-fg);outline-offset:3px}.oc-pool-results{min-height:100px;overflow-wrap:anywhere}.oc-pool-source{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:var(--oc-fg)!important;text-underline-offset:4px}.oc-pool-status:empty{display:none}.oc-pool-pager{justify-content:space-between}.oc-pool-pager[hidden]{display:none}.oc-pool-card details dl{font-size:13px}.oc-pool-card h3{line-height:1.5}.oc-pool-discovery button,.oc-pool-verify{touch-action:manipulation}
@media(max-width:640px){.oc-pool-filters{grid-template-columns:1fr 1fr}.oc-pool-filters>div:last-child{grid-column:1/-1}.oc-pool-card dl{grid-template-columns:minmax(100px,.8fr) 1.2fr}.oc-pool-discovery h2{line-height:1.5}}
