@property --cat{syntax:"<color>";inherits:true;initial-value:#1f6fff}.ip{--ip-ink:#fff}.ip-screen{border:4px solid var(--ink);isolation:isolate;-webkit-font-smoothing:antialiased;outline:none;height:clamp(230px,34vw,320px);font:14px/1.45 Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.ip-screen:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.ip-wall{background:radial-gradient(70% 90% at 12% 0,#2f6bff 0,#0000 60%),radial-gradient(60% 80% at 88% 8%,#ff7a3d 0,#0000 62%),radial-gradient(70% 90% at 55% 100%,#b23cff 0,#0000 65%),linear-gradient(#1b1f3a,#2a1840);position:absolute;inset:0}.ip-win{border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 18px 44px #00000059}.ip-win:before{content:"";height:26px;position:absolute;top:0;left:0;right:0}.ip-win:after{content:"";position:absolute;inset:44px 16px 0}.ip-w1{background:#f2f3f6;width:44%;height:260px;top:46%;left:5%}.ip-w1:before{background:#e2e4ea}.ip-w1:after{background:repeating-linear-gradient(#d5d8e0 0 8px,#0000 8px 22px)}.ip-w2{background:#17191e;width:40%;height:240px;top:56%;right:5%}.ip-w2:before{background:#22252c}.ip-w2:after{background:repeating-linear-gradient(#2c3038 0 7px,#0000 7px 20px)}.ip-anchor{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:50%}.ip-call{color:#fff;white-space:nowrap;cursor:pointer;background:#0000008c;border:0;border-radius:999px;min-height:44px;margin:0;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;transition:opacity .3s;position:absolute;top:50%;left:50%;translate:-50% -50%}.ip-screen.is-open .ip-call{opacity:0;pointer-events:none}.ip-toast{color:#fff;opacity:0;pointer-events:none;text-align:center;background:#0000008c;border-radius:8px;max-width:90%;margin:0;padding:6px 12px;font-size:13px;transition:opacity .25s;position:absolute;bottom:14px;left:50%;translate:-50%}.ip-toast.is-on{opacity:1}.ip kbd{border:1px solid #ffffff80;border-radius:4px;padding:3px 5px;font:600 11px/1 Cascadia Mono,Consolas,ui-monospace,monospace}.ip-keys{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ip-key{border:3px solid var(--ink);min-height:44px;color:var(--ink);font:700 12px/1.2 var(--font-label);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.ip-key kbd{text-transform:none;border-color:currentColor}.ip-key:hover,.ip-key:focus-visible{background:var(--accent);color:var(--on-accent)}.ip-isl{visibility:hidden;color:#fff;transition:--cat .35s linear;position:absolute;top:0;left:0}.ip-body{backdrop-filter:blur(18px)saturate(190%)brightness(1.08);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -10px 24px #ffffff12, inset 0 0 26px color-mix(in oklab, var(--cat) 34%, transparent), 0 18px 50px #00000052;background:linear-gradient(#ffffff3d,#ffffff0f),#10121c33;border:1px solid #fff6;position:absolute;inset:0;overflow:hidden}.ip-content{position:absolute;top:0;left:50%;transform:translate(-50%)}.ip-ring{pointer-events:none;position:absolute;top:-30px;left:-30px;overflow:visible}.ip-ring.bloom{filter:blur(10px);opacity:.85}.ip-ring:not(.bloom){filter:blur(.6px)}.ip-st{opacity:0;filter:blur(4px);transition:opacity .11s,transform .11s,filter .11s;display:block;transform:translateY(6px)scale(.96)}.ip-content.show .ip-st{opacity:1;filter:none;transition:opacity .28s cubic-bezier(.2,.8,.2,1),transform .44s cubic-bezier(.2,.9,.25,1.12),filter .28s;transition-delay:calc(var(--i,0) * 32ms);transform:none}.ip-row{text-shadow:0 1px 2px #0000006b;align-items:center;height:100%;padding:0 19px;display:flex}.ip-chip{cursor:pointer;color:#fff;background:color-mix(in oklab, var(--cat) 72%, transparent);border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;margin-right:12px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff8c}.ip-icons{gap:8px;margin-right:14px;display:flex}.ip-tile{color:#fff;cursor:pointer;opacity:.74;width:40px;height:40px;text-shadow:inherit;background:linear-gradient(160deg, hsl(var(--h) 72% 62% / .92), hsl(var(--h) 70% 40% / .92));border:0;border-radius:50%;padding:0;font-family:inherit;font-size:12px;font-weight:700;line-height:1;transition:opacity .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff8c}.ip-tile.on{opacity:1;box-shadow:inset 0 1px 0 #fff9, 0 0 0 2px #ffffffeb, 0 0 14px var(--cat)}.ip-info{width:130px;min-width:0}.ip-title{font-size:13.5px;font-weight:600}.ip-sub{color:#fffc;font-size:11.5px}.ip-ell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ip-ctl{gap:2px;margin-left:10px;display:flex}.ip-ib{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.ip-ib:hover{background:#ffffff24}@media (prefers-reduced-motion:reduce){.ip-st,.ip-content.show .ip-st,.ip-isl{transition:none}}