.qr-sph{--void:oklch(12.9% .042 265);--ink:oklch(98.4% .003 248);--steel:oklch(70.4% .04 257);--line:oklch(100% 0 0/.1);--purple:oklch(78% .29 305);--lime:#aedc3f;--lime-ink:#1c2606;--cyan:oklch(85% .25 200);--gold:oklch(86% .19 78);--ease:cubic-bezier(.25, 1, .5, 1);--expo:cubic-bezier(.16, 1, .3, 1);--display:"Bebas Neue", "Oswald", "Haettenschweiler", "Arial Narrow", Impact, sans-serif;--body:"Nunito", system-ui, "Segoe UI", sans-serif;--label:"Saira Condensed", "Oswald", "Arial Narrow", system-ui, sans-serif;--card-h:clamp(200px, 37vh, 360px);--ring:clamp(340px, 60vh, 600px);--ring-y:48%;--stage-drop:5vh;z-index:2147482000;color:var(--ink);font:400 13px/1.5 var(--body);isolation:isolate;animation:qr-sph-in .26s var(--expo);position:fixed;inset:0}@keyframes qr-sph-in{0%{opacity:0;transform:scale(1.02)}}.qr-sph button,.qr-sph input{font:inherit;color:inherit;background:0 0;border:none}.qr-sph button{cursor:pointer}.qr-sph :focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}.qr-sph-scrim{z-index:0;-webkit-backdrop-filter:blur(9px)saturate(.75);backdrop-filter:blur(9px)saturate(.75);background:radial-gradient(78% 62% at 50% 46%,oklch(78% .29 305/.14),#0000 62%),radial-gradient(125% 105%,oklch(10% .035 265/.55) 22%,oklch(7% .03 265/.93) 100%);position:absolute;inset:0}.qr-sph-hud{z-index:10;grid-template-rows:auto minmax(0,1fr) auto auto;padding:16px clamp(18px,3vw,46px) 12px;display:grid;position:absolute;inset:0}.qr-sph-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:18px;display:grid}.qr-sph-eyebrow{font:600 10.5px var(--label);letter-spacing:.22em;text-transform:uppercase;color:var(--steel);align-items:center;gap:9px;display:flex}.qr-sph-eyebrow:before{content:"";background:var(--purple);width:16px;height:1px;box-shadow:0 0 8px var(--purple)}.qr-sph-title{font:400 clamp(28px, 4.2vh, 46px)/1 var(--display);letter-spacing:.05em;text-indent:.05em;white-space:nowrap;margin-top:6px}.qr-sph-title em{color:var(--purple);text-shadow:0 0 26px oklch(78% .29 305/.55);font-style:normal}.qr-sph-rgt{justify-content:flex-end;align-items:center;gap:9px;display:flex}.qr-sph-x{width:34px;height:34px;color:var(--steel);border:1px solid var(--line);transition:color .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);border-radius:8px;place-items:center;display:grid}.qr-sph-x:hover{color:var(--ink);background:oklch(100% 0 0/.06);border-color:oklch(100% 0 0/.22)}.qr-sph-chain{align-items:center;padding-top:2px;display:flex}.qr-sph-node{transition:background .16s var(--ease);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:4px 12px 2px;display:flex;position:relative}.qr-sph-node:hover{background:oklch(100% 0 0/.045)}.qr-sph-link{background:var(--line);flex:none;width:26px;height:1px;margin-top:-14px}.qr-sph-glyph{width:26px;height:34px;transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);background:oklch(55% .14 200/.05);border:1.5px dashed oklch(78% .14 200/.45);border-radius:4px;place-items:center;display:grid;overflow:hidden}.qr-sph-node[data-kind=bf] .qr-sph-glyph{width:38px;height:27px}.qr-sph-glyph img{object-fit:cover;width:100%;height:100%;display:block}.qr-sph-node[data-filled] .qr-sph-glyph{border-style:solid;border-color:color-mix(in oklab, var(--lime) 55%, transparent)}.qr-sph-node[data-active] .qr-sph-glyph{border-style:solid;border-color:var(--purple);background:oklch(78% .29 305/.18);box-shadow:0 0 0 3px oklch(78% .29 305/.16),0 0 26px oklch(78% .29 305/.5)}.qr-sph-cap{font:600 9.5px var(--label);letter-spacing:.15em;text-transform:uppercase;color:oklch(56% .03 258);white-space:nowrap;text-overflow:ellipsis;max-width:82px;overflow:hidden}.qr-sph-node[data-filled] .qr-sph-cap{color:color-mix(in oklab, var(--lime) 62%, var(--ink))}.qr-sph-node[data-active] .qr-sph-cap{color:var(--ink)}.qr-sph-bar{z-index:24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:.74;transition:opacity .22s var(--ease), border-color .22s var(--ease);background:oklch(15% .04 265/.72);border:1px solid oklch(100% 0 0/.07);border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 2*clamp(18px,3vw,46px));padding:6px 8px 6px 12px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px oklch(0% 0 0/.5)}.qr-sph-bar:hover,.qr-sph-bar:focus-within,.qr-sph-bar[data-typing]{opacity:1;border-color:oklch(100% 0 0/.16)}.qr-sph-srch{color:var(--steel);align-items:center;gap:7px;display:flex}.qr-sph-srch input{width:190px;font:600 12.5px var(--body);color:var(--ink);outline:none}.qr-sph-srch input::placeholder{color:oklch(62% .03 257)}.qr-sph-sep{background:var(--line);flex:none;width:1px;height:20px}.qr-sph-alt{font:600 10.5px var(--label);letter-spacing:.12em;text-transform:uppercase;color:oklch(66% .03 258);cursor:pointer;white-space:nowrap;transition:color .15s var(--ease), background .15s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:4px 9px 3px;display:inline-flex}.qr-sph-alt:hover{color:var(--ink);background:oklch(100% 0 0/.05)}.qr-sph-alt input{opacity:0;width:0;height:0;position:absolute}.qr-sph-box{width:13px;height:13px;transition:background .15s var(--ease), border-color .15s var(--ease);border:1.5px solid oklch(100% 0 0/.3);border-radius:3px;flex:none;position:relative}.qr-sph-alt input:checked~.qr-sph-box{background:var(--purple);border-color:var(--purple);box-shadow:0 0 10px oklch(78% .29 305/.6)}.qr-sph-alt input:checked~.qr-sph-box:after{content:"";border:2px solid oklch(14% .03 265);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.qr-sph-alt:has(input:checked){color:var(--ink)}.qr-sph-alt input:focus-visible~.qr-sph-box{outline:2px solid var(--cyan);outline-offset:2px}.qr-sph-chips{align-items:center;gap:5px;display:flex}.qr-sph-chip{font:600 10.5px var(--label);letter-spacing:.12em;text-transform:uppercase;color:oklch(66% .03 258);transition:color .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 9px 3px;display:flex}.qr-sph-chip i{background:var(--dc);opacity:.45;width:9px;height:9px;transition:opacity .15s var(--ease), box-shadow .15s var(--ease);border:1px solid oklch(100% 0 0/.25);border-radius:50%}.qr-sph-chip:hover{color:var(--ink);background:oklch(100% 0 0/.05)}.qr-sph-chip[data-on]{color:var(--ink);border-color:color-mix(in oklab, var(--dc) 55%, transparent);background:color-mix(in oklab, var(--dc) 12%, transparent)}.qr-sph-chip[data-on] i{opacity:1;box-shadow:0 0 9px var(--dc)}.qr-sph-stage{perspective:1750px;min-height:0;perspective-origin:50% var(--ring-y);transform:translateY(var(--stage-drop));place-items:center;display:grid;position:relative}.qr-sph-halo{z-index:0;width:calc(var(--ring) * 1.5);aspect-ratio:1;filter:blur(18px);will-change:filter;pointer-events:none;background:radial-gradient(circle,oklch(78% .29 305/.3) 0%,oklch(60% .25 300/.11) 34%,#0000 68%);animation:7s ease-in-out infinite alternate qr-sph-breathe;position:absolute}@keyframes qr-sph-breathe{0%{opacity:.78;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}.qr-sph-aurora{z-index:0;width:calc(var(--ring) * 1.05);aspect-ratio:1;filter:blur(34px);opacity:.55;will-change:filter, opacity;pointer-events:none;background:conic-gradient(oklch(78% .29 305/.34),oklch(85% .25 200/.16),oklch(78% .29 305/.04),oklch(60% .25 300/.26),oklch(78% .29 305/.34));border-radius:50%;animation:44s linear infinite qr-sph-spin;position:absolute}.qr-sph-sigil{z-index:0;width:var(--ring);aspect-ratio:1;will-change:transform, filter;pointer-events:none;position:absolute;overflow:visible}.qr-sph-sigil circle,.qr-sph-sigil path,.qr-sph-sigil line{fill:none;stroke:var(--purple);vector-effect:non-scaling-stroke}.qr-sph-sigil .g1{transform-origin:50%;animation:78s linear infinite qr-sph-spin}.qr-sph-sigil .g2{transform-origin:50%;animation:52s linear infinite reverse qr-sph-spin}.qr-sph-sigil .g3{transform-origin:50%;animation:120s linear infinite qr-sph-spin}@keyframes qr-sph-spin{to{transform:rotate(360deg)}}.qr-sph-floor{z-index:1;width:calc(var(--ring) * .95);filter:blur(10px);pointer-events:none;background:radial-gradient(50% 50%,oklch(78% .29 305/.34),#0000 72%);height:44px;position:absolute;bottom:6%}.qr-sph-orbit{z-index:5;transform-style:preserve-3d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;position:absolute;inset:0}.qr-sph-orbit.grabbing{cursor:grabbing}.qr-sph-pod{left:50%;top:var(--ring-y);width:calc(var(--card-h) * 5 / 7);height:var(--card-h);transform-style:preserve-3d;will-change:transform, filter;border-radius:14px;padding:0;position:absolute}.qr-sph-stage[data-orient=land] .qr-sph-pod{width:calc(var(--card-h) * .76 * 7 / 5);height:calc(var(--card-h) * .76)}.qr-sph-face{background:oklch(16% .04 265);border:1px solid oklch(100% 0 0/.14);border-radius:14px;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 40px oklch(0% 0 0/.55)}.qr-sph-face img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.qr-sph-noart{width:100%;height:100%;font:700 13px/1.3 var(--body);text-align:center;color:oklch(72% .02 258);place-items:center;padding:8%;display:grid}.qr-sph-rake{z-index:6;pointer-events:none;opacity:var(--ro,0);border-radius:14px;position:absolute;inset:0;overflow:hidden}.qr-sph-rake:before{content:"";width:60%;transform:translateX(var(--rx,0%)) skewX(-14deg);background:linear-gradient(100deg,#0000,oklch(100% 0 0/.62) 48%,#0000 88%);position:absolute;top:-30%;bottom:-30%;left:-45%}.qr-sph-pod[data-focus] .qr-sph-face{border-color:color-mix(in oklab, var(--purple) 62%, oklch(100% 0 0/.2));box-shadow:0 0 0 1px oklch(78% .29 305/.5),0 0 44px oklch(78% .29 305/.55),0 0 130px oklch(78% .29 305/.3),0 26px 60px oklch(0% 0 0/.65)}.qr-sph-pod[data-focus]:hover .qr-sph-face{box-shadow:0 0 0 1px oklch(78% .29 305/.75),0 0 62px oklch(78% .29 305/.8),0 0 170px oklch(78% .29 305/.38),0 26px 60px oklch(0% 0 0/.65)}.qr-sph-pod:not([data-focus]):hover .qr-sph-face{border-color:color-mix(in oklab, var(--cyan) 60%, oklch(100% 0 0/.2));box-shadow:0 0 0 2px oklch(85% .25 200/.55),0 0 30px oklch(85% .25 200/.3),0 14px 40px oklch(0% 0 0/.55)}.qr-sph-orbit:focus-visible .qr-sph-pod[data-focus] .qr-sph-face{outline:2px solid var(--cyan);outline-offset:5px}@keyframes qr-sph-settle{0%{filter:brightness()}32%{filter:brightness(1.65)}to{filter:brightness()}}.qr-sph-pod.settling{animation:qr-sph-settle .5s var(--ease)}.qr-sph-empty{z-index:12;text-align:center;font:400 26px var(--display);letter-spacing:.1em;color:var(--steel);position:absolute}.qr-sph-empty small{font:600 12.5px var(--body);letter-spacing:0;color:oklch(62% .03 257);margin-top:6px;display:block}.qr-sph-lower{justify-content:space-between;align-items:center;gap:24px;padding-top:16px;display:flex}.qr-sph-name{align-items:center;gap:16px;min-width:0;display:flex}.qr-sph-name h2{font:400 clamp(26px, 4vh, 44px)/1 var(--display);letter-spacing:.045em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qr-sph-doms{flex:none;align-items:center;gap:8px;display:flex}.qr-sph-doms i{background:var(--pc);width:11px;height:11px;box-shadow:0 0 9px var(--pc);border:1px solid oklch(100% 0 0/.32);border-radius:50%}.qr-sph-count{font:600 12px var(--label);letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:oklch(68% .03 257);border:1px solid oklch(100% 0 0/.12);border-radius:999px;flex:none;padding:3px 9px 2px}.qr-sph-pick{font:400 22px/1 var(--display);letter-spacing:.14em;text-indent:.14em;color:var(--lime-ink);background:var(--lime);box-shadow:0 0 22px color-mix(in oklab, var(--lime) 45%, transparent), 0 8px 22px oklch(0% 0 0/.5), inset 0 1px 0 oklch(100% 0 0/.35);transition:transform .18s var(--ease), box-shadow .25s var(--ease), filter .15s var(--ease);border-radius:999px;flex:none;align-items:center;gap:12px;padding:14px 30px 11px;display:inline-flex}.qr-sph-pick kbd{font:600 11px var(--label);letter-spacing:.06em;background:oklch(0% 0 0/.22);border-radius:5px;padding:3px 7px 2px}.qr-sph-pick:hover{box-shadow:0 0 42px color-mix(in oklab, var(--lime) 70%, transparent), 0 12px 28px oklch(0% 0 0/.55), inset 0 1px 0 oklch(100% 0 0/.35);transform:translateY(-2px)}.qr-sph-pick:disabled{filter:grayscale()brightness(.7);cursor:not-allowed;box-shadow:none;transform:none}.qr-sph-keys{border-top:1px solid var(--line);font:600 10.5px var(--label);letter-spacing:.15em;text-transform:uppercase;color:oklch(62% .03 257);flex-wrap:wrap;align-items:center;gap:20px;margin-top:11px;padding-top:11px;display:flex}.qr-sph-keys span{align-items:center;gap:7px;display:inline-flex}.qr-sph-keys kbd{font:600 11px var(--label);letter-spacing:.04em;color:var(--ink);text-align:center;background:oklch(22% .04 264);border:1px solid oklch(100% 0 0/.16);border-bottom-width:2px;border-radius:5px;min-width:22px;padding:2px 7px 1px}.qr-sph-typehint{text-transform:none;letter-spacing:.06em;font:400 11px var(--body);color:oklch(55% .025 258);transition:opacity .2s var(--ease), color .2s var(--ease);margin-left:auto}.qr-sph-typehint[data-dim]{opacity:.25}.qr-sph-shock{z-index:44;left:50%;top:var(--ring-y);width:var(--ring);aspect-ratio:1;border:2px solid var(--lime);opacity:0;pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.qr-sph-stage[data-burst] .qr-sph-shock{animation:qr-sph-shock .95s var(--expo) forwards}@keyframes qr-sph-shock{0%{opacity:.95;border-width:5px;transform:translate(-50%,-50%)scale(.24)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(1.5)}}.qr-sph-flash{z-index:43;pointer-events:none;background:radial-gradient(circle at 50% var(--ring-y), oklch(86% .24 145/.34), transparent 58%);opacity:0;position:absolute;inset:0}.qr-sph-stage[data-burst] .qr-sph-flash{animation:qr-sph-flash .7s var(--ease) forwards}@keyframes qr-sph-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.qr-sph,.qr-sph *,.qr-sph :before,.qr-sph :after{animation:none!important}.qr-sph{--stage-drop:0px}.qr-sph-pick:hover{transform:none}.qr-sph-aurora{opacity:.3}.qr-sph-orbit{perspective:none;transform-style:flat;scroll-snap-type:x mandatory;touch-action:pan-x;cursor:auto;align-items:center;gap:16px;height:100%;padding:0 8%;display:flex;position:static;inset:auto;overflow:auto hidden}.qr-sph-pod{scroll-snap-align:center;flex:none;position:relative;top:auto;left:auto;filter:none!important;transform:none!important}.qr-sph-rake{display:none}}@media (height<=760px){.qr-sph-bar{top:80px}.qr-sph-keys{margin-top:8px;padding-top:8px}}