.opc{--opc-accent:#e1251b;--opc-accent-hover:#be1a12;--opc-accent-deep:#9e140d;--opc-accent-text:#ff6f66;--opc-bg:#0a1526;--opc-bg-elevated:#0f1e36;--opc-bg-surface:#16273f;--opc-border:#243650;--opc-border-subtle:#1a2a42;--opc-text:#f2f5fa;--opc-text-2:#9db0c6;--opc-text-3:#8398ae;--opc-green:#2fbf9e;--opc-font-display:var(--font-op-display,var(--font-geist-sans)),system-ui,sans-serif;--opc-font-body:var(--font-op-body,var(--font-geist-sans)),system-ui,sans-serif;--opc-font-mono:var(--font-op-mono,var(--font-geist-mono)),ui-monospace,monospace;--opc-ease:cubic-bezier(0.22,1,0.36,1);color:var(--opc-text);font-family:var(--opc-font-body);-webkit-font-smoothing:antialiased}.opc *,.opc :after,.opc :before{box-sizing:border-box}.opc-banner{position:fixed;z-index:9999;left:20px;bottom:20px;width:min(440px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--opc-border);border-radius:16px;background:radial-gradient(120% 80% at 0 0,rgba(225,37,27,.14),transparent 55%),linear-gradient(180deg,var(--opc-bg-elevated),var(--opc-bg));box-shadow:0 30px 70px -20px rgba(0,6,18,.75),inset 0 0 0 1px rgba(255,255,255,.02);animation:opcIn .6s var(--opc-ease) both}.opc-banner[data-leaving=true]{animation:opcOut .4s var(--opc-ease) both}.opc-stripe{height:4px;background:repeating-linear-gradient(135deg,var(--opc-accent) 0 10px,var(--opc-accent-deep) 10px 20px);background-size:28px 4px;animation:opcStripe 1.2s linear infinite}.opc-body{position:relative;padding:20px 20px 18px}.opc-body:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(157,176,198,.05) 1px,transparent 0),linear-gradient(90deg,rgba(157,176,198,.05) 1px,transparent 0);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 70%)}.opc-head{position:relative;display:flex;gap:14px;align-items:flex-start}.opc-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:1px solid rgba(225,37,27,.35);background:linear-gradient(160deg,rgba(225,37,27,.22),rgba(225,37,27,.04));box-shadow:0 0 24px -6px rgba(225,37,27,.55);color:var(--opc-accent-text)}.opc-icon svg{width:26px;height:26px}.opc-icon .opc-check{stroke-dasharray:16;stroke-dashoffset:16;animation:opcDraw .7s .5s var(--opc-ease) forwards}.opc-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--opc-font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--opc-text-3)}.opc-led{width:7px;height:7px;border-radius:999px;background:var(--opc-green);box-shadow:0 0 8px var(--opc-green);animation:opcPulse 2.4s ease-in-out infinite}.opc-title{margin:6px 0 0;font-family:var(--opc-font-display);font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--opc-text)}.opc-title:focus{outline:none}.opc-text{position:relative;margin:12px 0 0;font-size:13.5px;line-height:1.6;color:var(--opc-text-2)}.opc-link,.opc-text a{color:var(--opc-accent-text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,111,102,.4);transition:text-decoration-color .2s}.opc-link:hover,.opc-text a:hover{text-decoration-color:currentColor}.opc-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--opc-ease)}.opc-collapse[data-open=true]{grid-template-rows:1fr}.opc-collapse>div{overflow:hidden}.opc-channels{display:grid;gap:8px;margin:0;padding:16px 0 2px;list-style:none}.opc-channel{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:12px 14px;border:1px solid var(--opc-border-subtle);border-radius:12px;background:rgba(22,39,63,.55);transition:border-color .25s,background-color .25s}.opc-channel[data-on=true]{border-color:rgba(225,37,27,.35);background:linear-gradient(90deg,rgba(225,37,27,.1),rgba(22,39,63,.55) 60%)}.opc-channel[data-locked=true]{border-color:rgba(47,191,158,.28);background:linear-gradient(90deg,rgba(47,191,158,.08),rgba(22,39,63,.55) 60%)}.opc-channel-name{display:flex;align-items:baseline;gap:8px;font-family:var(--opc-font-display);font-size:14.5px;font-weight:600;color:var(--opc-text)}.opc-code{font-family:var(--opc-font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--opc-text-3)}.opc-channel-desc{grid-column:1;margin:0;font-size:12.5px;line-height:1.5;color:var(--opc-text-2)}.opc-channel-state{grid-column:1/-1;margin:2px 0 0;font-family:var(--opc-font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--opc-text-3)}.opc-channel[data-on=true] .opc-channel-state{color:var(--opc-accent-text)}.opc-channel[data-locked=true] .opc-channel-state{color:var(--opc-green)}.opc-switch{grid-row:1/span 2;grid-column:2;position:relative;width:50px;height:28px;padding:0;border:1px solid var(--opc-border);border-radius:999px;background:var(--opc-bg);cursor:pointer;transition:background-color .3s var(--opc-ease),border-color .3s}.opc-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:linear-gradient(180deg,#c7d3e1,#8fa2b8);box-shadow:0 2px 6px rgba(0,0,0,.45);transition:transform .35s var(--opc-ease),background .3s}.opc-switch[aria-checked=true]{background:var(--opc-accent);border-color:var(--opc-accent)}.opc-switch[aria-checked=true]:after{transform:translateX(22px);background:linear-gradient(180deg,#ffffff,#f1d9d7)}.opc-switch:active:after{width:24px}.opc-switch[aria-checked=true]:active:after{transform:translateX(18px)}.opc-switch:disabled{cursor:not-allowed;background:rgba(47,191,158,.25);border-color:rgba(47,191,158,.5)}.opc-switch:disabled:after{transform:translateX(22px);background:var(--opc-green)}.opc-btn:focus-visible,.opc-link:focus-visible,.opc-switch:focus-visible,.opc-toggle:focus-visible{outline:2px solid var(--opc-accent-text);outline-offset:2px}.opc-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.opc-toggle{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:6px 2px;border:0;background:none;font-family:var(--opc-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--opc-text-2);cursor:pointer;transition:color .2s}.opc-toggle:hover{color:var(--opc-text)}.opc-toggle svg{width:14px;height:14px;transition:transform .35s var(--opc-ease)}.opc-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.opc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--opc-border);background:transparent;font-family:var(--opc-font-body);font-size:13.5px;font-weight:600;color:var(--opc-text);cursor:pointer;transition:background-color .2s,border-color .2s,transform .15s,opacity .2s}.opc-btn:hover{border-color:#3a5170;background:rgba(22,39,63,.8)}.opc-btn:active{transform:translateY(1px)}.opc-btn:disabled{opacity:.45;cursor:not-allowed}.opc-btn-primary{border-color:var(--opc-accent);background:var(--opc-accent);color:#fff;box-shadow:0 8px 22px -10px rgba(225,37,27,.9)}.opc-btn-primary:hover{border-color:var(--opc-accent-hover);background:var(--opc-accent-hover)}.opc-done{position:relative;display:flex;align-items:center;gap:14px;animation:opcFade .35s var(--opc-ease) both}.opc-done .opc-icon{border-color:rgba(47,191,158,.45);background:linear-gradient(160deg,rgba(47,191,158,.25),rgba(47,191,158,.05));box-shadow:0 0 24px -6px rgba(47,191,158,.6);color:var(--opc-green)}.opc-done .opc-check{animation-delay:.05s}.opc-panel{border:1px solid var(--opc-border);border-radius:18px;overflow:hidden;background:radial-gradient(90% 70% at 100% 0,rgba(225,37,27,.12),transparent 60%),var(--opc-bg-elevated)}.opc-panel .opc-body{padding:24px}.opc-summary{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.opc-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--opc-border);border-radius:999px;background:var(--opc-bg);font-family:var(--opc-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--opc-text-2)}.opc-chip .opc-dot{width:7px;height:7px;border-radius:999px;background:#3a5170}.opc-chip[data-on=true]{color:var(--opc-text);border-color:rgba(225,37,27,.4)}.opc-chip[data-on=true] .opc-dot{background:var(--opc-accent);box-shadow:0 0 8px var(--opc-accent)}.opc-chip[data-locked=true] .opc-dot{background:var(--opc-green);box-shadow:0 0 8px var(--opc-green)}.opc-meta{position:relative;margin:14px 0 0;font-family:var(--opc-font-mono);font-size:11px;line-height:1.7;color:var(--opc-text-3)}.opc-meta strong{font-weight:500;color:var(--opc-text-2)}.opc-status{font-size:13px;color:var(--opc-green);animation:opcFade .3s var(--opc-ease) both}@keyframes opcIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes opcOut{to{opacity:0;transform:translateY(24px) scale(.98)}}@keyframes opcFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes opcDraw{to{stroke-dashoffset:0}}@keyframes opcPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes opcStripe{to{background-position:28px 0}}@media (max-width:639px){.opc-banner{left:0;right:0;bottom:0;width:100%;max-height:88dvh;border-radius:18px 18px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.opc-actions .opc-btn{flex:1 1 calc(50% - 5px)}.opc-toggle{flex-basis:100%;justify-content:center;order:3;margin-right:0}}@media (prefers-reduced-motion:reduce){.opc-banner,.opc-banner[data-leaving=true],.opc-done,.opc-led,.opc-status,.opc-stripe{animation:none}.opc-icon .opc-check{animation:none;stroke-dashoffset:0}.opc-collapse,.opc-switch,.opc-switch:after,.opc-toggle svg{transition:none}}