@property --io-c{syntax: "<color>"; inherits: true; initial-value: rgba(106,193,252,.34);}.io-wrap>.io-tray{width:fit-content;margin:14px 0 0 auto}.io{position:relative;height:clamp(520px,min(48vw,100svh - 180px),680px)}.io::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 52% 50% at 50% 44%,rgba(36,91,178,.24),transparent 72%),radial-gradient(rgba(106,193,252,.13) 1px,transparent 1.3px) 0 0 / 22px 22px;-webkit-mask:radial-gradient(ellipse 70% 66% at 50% 46%,#000 45%,transparent 100%);mask:radial-gradient(ellipse 70% 66% at 50% 46%,#000 45%,transparent 100%)}.io>.crop{z-index:1}.io-ring,.io-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.io-ring ellipse{fill:none;stroke:rgba(106,193,252,.2);stroke-width:1.2;stroke-dasharray:2 7}.io-wires{z-index:2}.io-wires line{stroke:#6AC1FC;stroke-width:1;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .6s var(--ox-ease-out),opacity .35s}.io-wires line.cur{stroke-dashoffset:0;opacity:.5}.io-wires line.sel{stroke-dashoffset:0;opacity:.85;stroke-width:1.2;filter:drop-shadow(0 0 3px rgba(106,193,252,.8))}.io-core{--io-c: rgba(106, 193, 252, .62);position:absolute;left:0;top:0;z-index:3;box-sizing:border-box;padding:12px;background:linear-gradient(var(--io-c),var(--io-c)) 0 0 / 12px 1px,linear-gradient(var(--io-c),var(--io-c)) 0 0 / 1px 12px,linear-gradient(var(--io-c),var(--io-c)) 100% 0 / 12px 1px,linear-gradient(var(--io-c),var(--io-c)) 100% 0 / 1px 12px,linear-gradient(var(--io-c),var(--io-c)) 0 100% / 12px 1px,linear-gradient(var(--io-c),var(--io-c)) 0 100% / 1px 12px,linear-gradient(var(--io-c),var(--io-c)) 100% 100% / 12px 1px,linear-gradient(var(--io-c),var(--io-c)) 100% 100% / 1px 12px;background-repeat:no-repeat;--card: #0B1B39;--ink: rgba(150, 210, 255, .92);--f-top: #16315D;--f-left: #11264D;--f-right: #0C1D3F;--f-door: #0A1634;--f-glass: #13305E;--f-stripe: #1D3F73;--f-sheet: #133661;--lit: #6AC1FC;--lit-text: #6AC1FC;--glow: rgba(106, 193, 252, .9);--glow-soft: rgba(106, 193, 252, .4);--sign-ink: #06132C}.io-core svg{display:block;width:100%;height:100%}.io-info{position:absolute;left:50%;top:0;z-index:4;width:min(560px,82%);margin:0;translate:-50% 0;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s var(--ox-ease-out)}.io-info.on{opacity:1}.io-info.on.dim{opacity:.3}.io-info small{display:block;margin-bottom:9px;font:600 11px/1.3 var(--ox-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.io-info b{display:block;margin-bottom:4px;font:750 19px/1.25 var(--ox-font-sans);letter-spacing:-.01em;color:#EEF4FF}.io-info span{display:block;font-size:15.5px;line-height:1.5;color:#B9C5D8}.io-items{position:absolute;inset:0;z-index:5;margin:0;padding:0;list-style:none;pointer-events:none}.io-it{--io-c: rgba(106, 193, 252, .34);position:absolute;left:0;top:0;display:inline-flex;align-items:stretch;translate:-50% -50%;pointer-events:auto;will-change:transform,opacity;transition:--io-c .25s;background:linear-gradient(var(--io-c),var(--io-c)) 0 0 / 8px 1px,linear-gradient(var(--io-c),var(--io-c)) 0 0 / 1px 8px,linear-gradient(var(--io-c),var(--io-c)) 100% 0 / 8px 1px,linear-gradient(var(--io-c),var(--io-c)) 100% 0 / 1px 8px,linear-gradient(var(--io-c),var(--io-c)) 0 100% / 8px 1px,linear-gradient(var(--io-c),var(--io-c)) 0 100% / 1px 8px,linear-gradient(var(--io-c),var(--io-c)) 100% 100% / 8px 1px,linear-gradient(var(--io-c),var(--io-c)) 100% 100% / 1px 8px,linear-gradient(rgba(8,22,50,.86),rgba(8,22,50,.86));background-repeat:no-repeat;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.io-it.sel{--io-c: rgba(106, 193, 252, .7)}.io-it.cur,.io-it:hover,.io-it:focus-within{--io-c: #6AC1FC}.io-pick{display:inline-flex;align-items:center;gap:9px;margin:0;padding:11px 13px 11px 12px;border:0;background:none;color:#DCEBFF;font:650 14px/1 var(--ox-font-sans);white-space:nowrap;text-align:left;cursor:pointer;transition:color .25s}.io-pick i{flex:none;width:8px;height:8px;box-sizing:border-box;border:1.5px solid #6AC1FC;border-radius:1.5px;transition:background-color .25s,box-shadow .25s}.io-pick[aria-pressed=true] i{background:#6AC1FC;box-shadow:0 0 8px #6AC1FC}.io-it.cur .io-pick,.io-pick:hover,.io-pick[aria-pressed=true]{color:#FFFFFF}.io-go{display:grid;place-items:center;flex:none;width:36px;border-left:1px solid rgba(106,193,252,.16);color:#8FA6C6;text-decoration:none;transition:color .25s,border-color .25s}.io-go svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:translate .3s var(--ox-ease-out)}.io-it.cur .io-go{border-left-color:rgba(106,193,252,.3)}.io-go:hover{color:#FFFFFF}.io-go:hover svg{translate:2px 0}.io-pick:focus-visible,.io-go:focus-visible{outline:2px solid #6AC1FC;outline-offset:-5px}.io-tray{position:relative;display:flex;align-items:center;gap:10px}.io-count{--io-c: rgba(106, 193, 252, .36);display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 16px 0 14px;border:0;color:#B9C5D8;font:650 14px/1 var(--ox-font-sans);white-space:nowrap;cursor:pointer;transition:color .25s,--io-c .25s;background:linear-gradient(var(--io-c),var(--io-c)) 0 0 / 8px 1px,linear-gradient(var(--io-c),var(--io-c)) 0 0 / 1px 8px,linear-gradient(var(--io-c),var(--io-c)) 100% 0 / 8px 1px,linear-gradient(var(--io-c),var(--io-c)) 100% 0 / 1px 8px,linear-gradient(var(--io-c),var(--io-c)) 0 100% / 8px 1px,linear-gradient(var(--io-c),var(--io-c)) 0 100% / 1px 8px,linear-gradient(var(--io-c),var(--io-c)) 100% 100% / 8px 1px,linear-gradient(var(--io-c),var(--io-c)) 100% 100% / 1px 8px,linear-gradient(rgba(8,22,50,.84),rgba(8,22,50,.84));background-repeat:no-repeat}.io-count i{width:8px;height:8px;box-sizing:border-box;border:1.5px solid #6AC1FC;border-radius:1.5px;transition:background-color .25s,box-shadow .25s}.io-count b{font:700 15px/1 var(--ox-font-mono);color:#EEF4FF}.io-tray.has .io-count i{background:#6AC1FC;box-shadow:0 0 8px #6AC1FC}.io-count:hover,.io-count:focus-visible,.io-tray.open .io-count{--io-c: #6AC1FC;color:#FFFFFF;outline:none}.io-talk{height:40px;padding:0 18px;border-radius:99px;border:0;background:#EEF4FF;color:#06132C;font:750 14px/1 var(--ox-font-sans);white-space:nowrap;cursor:pointer;transition:background-color .25s,translate .25s var(--ox-ease-out)}.io-talk:hover{background:#FFFFFF;translate:0 -1px}.io-talk:focus-visible{outline:2px solid #6AC1FC;outline-offset:3px}.io-picks{position:absolute;right:0;bottom:calc(100% + 10px);z-index:30;width:max-content;min-width:240px;max-width:min(360px,88vw);padding:14px 16px 12px;border:1px solid rgba(106,193,252,.3);background:rgba(8,22,50,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 48px rgba(0,0,0,.45);opacity:0;translate:0 6px;pointer-events:none;transition:opacity .2s,translate .25s var(--ox-ease-out)}.io-tray.open .io-picks{opacity:1;translate:0 0;pointer-events:auto}@media (hover: hover){.io-tray:hover .io-picks{opacity:1;translate:0 0;pointer-events:auto}}.io-picks .ph{margin:0 0 8px;font:700 12px/1.3 var(--ox-font-sans);letter-spacing:.14em;text-transform:uppercase;color:#6AC1FC}.io-picks ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}.io-picks li{display:flex;align-items:center;gap:10px;padding:5px 0;color:#EEF4FF;font:600 14px/1.3 var(--ox-font-sans)}.io-picks li i{flex:none;width:7px;height:7px;border-radius:1.5px;background:#6AC1FC}.io-picks li span{flex:1;min-width:0}.io-picks li button{flex:none;width:26px;height:26px;border:0;border-radius:4px;background:none;color:#9FB0C8;font:400 18px/1 var(--ox-font-sans);cursor:pointer}.io-picks li button:hover,.io-picks li button:focus-visible{background:rgba(106,193,252,.16);color:#FFFFFF;outline:none}.io-fly{position:fixed;z-index:80;left:0;top:0;width:8px;height:8px;border-radius:1.5px;background:#6AC1FC;box-shadow:0 0 12px #6AC1FC;pointer-events:none}.io.list{height:auto;display:flex;flex-direction:column;align-items:center;padding:26px 4px 22px}.io.list .io-ring,.io.list .io-wires{display:none}.io.list .io-core{position:relative;width:min(100%,400px);aspect-ratio:1.12}.io.list .io-info{position:relative;left:auto;top:auto;translate:none;width:100%;min-height:7.4em;margin:16px 0 18px}.io.list .io-items{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;pointer-events:auto}.io.list .io-it{position:relative;display:flex;translate:none;will-change:auto}.io.list .io-it:last-child:nth-child(odd){grid-column:1 / -1}.io.list .io-pick{flex:1;min-width:0;gap:8px;padding:11px 8px 11px 10px;font-size:13.5px;line-height:1.25;white-space:normal;text-wrap:balance}.io.list .io-go{width:31px}@media (max-width: 380px){.io.list .io-items{grid-template-columns:1fr}}
