body{padding:32px 16px calc(32px + env(safe-area-inset-bottom));place-items:center;display:grid;overflow:hidden auto}.g-aurora{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.g-aurora i{filter:blur(70px);opacity:.9;border-radius:50%;width:62vmax;height:62vmax;animation:46s ease-in-out infinite alternate g-drift;position:absolute}.g-aurora i:first-child{background:radial-gradient(circle, var(--aurora-1), transparent 66%);top:-26vmax;left:-18vmax}.g-aurora i:nth-child(2){background:radial-gradient(circle, var(--aurora-2), transparent 66%);animation-duration:58s;animation-direction:alternate-reverse;top:4vmax;right:-22vmax}.g-aurora i:nth-child(3){background:radial-gradient(circle, var(--aurora-3), transparent 66%);animation-duration:52s;bottom:-38vmax;left:18vmax}.g-aurora:after{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%)}@keyframes g-drift{to{transform:translate(8vmax,6vmax)scale(1.12)}}.g-main{flex-direction:column;align-items:center;gap:14px;width:min(440px,100%);display:flex}.g-card{border-radius:var(--radius-xl);background:var(--glass);width:100%;-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3);border:1px solid var(--line-2);box-shadow:var(--inner-hl), var(--shadow-3);text-align:center;animation:g-rise .7s var(--ease-out) both;padding:22px 26px 18px;position:relative}.g-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.8;background:linear-gradient(160deg,#a78bfa80,#0000 32% 70%,#22d3ee59);padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.g-card[data-state=success]:before{background:linear-gradient(160deg,#34d399b3,#0000 40% 65%,#22d3ee80)}.g-card[data-state=locked]:before{background:linear-gradient(160deg,#fbbf2499,#0000 45%)}.g-card[data-state=denied]:before,.g-card[data-state=error]:before,.g-card[data-state=cookie]:before{background:linear-gradient(160deg,#f8717199,#0000 45%)}@keyframes g-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}.g-noscript h1{margin-bottom:10px;font-size:20px}.g-noscript p{color:var(--text-2);margin-top:6px}.g-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.g-brand{align-items:center;gap:9px;min-width:0;font-size:15px;display:inline-flex}.g-brand strong{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.g-brand img,.g-gem{object-fit:cover;border-radius:28%;flex:none;width:28px;height:28px}.g-badge{height:26px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--line-1);border-radius:99px;flex:none;align-items:center;gap:5px;padding:0 10px 0 8px;font-size:12px;display:inline-flex}.g-badge svg,.g-by svg,.g-lang svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.g-badge svg{color:var(--success)}.g-emblem{width:152px;height:152px;margin:8px auto 6px;position:relative}.g-emblem:before{content:"";filter:blur(14px);background:radial-gradient(circle,#7c6cff59,#0000 70%);border-radius:50%;animation:3.2s ease-in-out infinite g-breathe;position:absolute;inset:18%}.g-emblem svg{width:100%;height:100%;position:relative;overflow:visible}.g-ticks{transform-origin:100px 100px;animation:36s linear infinite g-spin}.g-tick{stroke:var(--line-3);stroke-width:1.6px;stroke-linecap:round;transition:stroke .3s,opacity .3s}.g-tick.long{stroke-width:2.2px}.g-tick.on{stroke:var(--brand-2)}.g-tick.long.on{stroke:var(--brand)}.g-ring{fill:none;stroke:var(--line-2);stroke-width:3px}.g-arc{fill:none;stroke:url(#g-arc-grad);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transform-origin:100px 100px;transition:stroke-dashoffset .35s var(--ease-out), stroke .3s;filter:drop-shadow(0 0 6px #7c6cff8c);transform:rotate(-90deg)}.g-core{stroke:var(--line-2);stroke-width:1px}.g-keyhole{fill:var(--brand-ink);transform-origin:100px 100px;transition:transform .45s var(--ease-spring), opacity .3s, fill .3s}.g-card[data-state=checking] .g-keyhole,.g-card[data-state=slider] .g-keyhole{animation:1.8s ease-in-out infinite g-pulse}.g-check,.g-cross{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .5s var(--ease-out) .12s}.g-check{stroke:var(--success)}.g-cross{stroke:var(--danger)}.g-card[data-state=success] .g-keyhole,.g-card[data-state=denied] .g-keyhole,.g-card[data-state=error] .g-keyhole,.g-card[data-state=cookie] .g-keyhole{opacity:0;transform:scale(.4)}.g-card[data-state=success] .g-check,.g-card[data-state=denied] .g-cross,.g-card[data-state=error] .g-cross,.g-card[data-state=cookie] .g-cross{stroke-dashoffset:0}.g-card[data-state=success] .g-arc{stroke:var(--success);filter:drop-shadow(0 0 8px #34d39999)}.g-card[data-state=success] .g-tick{stroke:var(--success)}.g-card[data-state=success] .g-ticks{animation:g-burst .8s var(--ease-out) forwards}.g-card[data-state=success] .g-emblem:before{background:radial-gradient(circle,#34d39973,#0000 70%)}.g-card[data-state=locked] .g-arc{stroke:var(--warning);filter:none}.g-card[data-state=locked] .g-keyhole{fill:var(--warning)}.g-card[data-state=locked] .g-emblem:before{background:radial-gradient(circle,#fbbf244d,#0000 70%)}.g-card[data-state=denied] .g-emblem:before,.g-card[data-state=error] .g-emblem:before,.g-card[data-state=cookie] .g-emblem:before{background:radial-gradient(circle,#f871714d,#0000 70%)}.g-card:is([data-state=locked],[data-state=denied],[data-state=error],[data-state=cookie]) .g-ticks{animation-play-state:paused}@keyframes g-spin{to{transform:rotate(360deg)}}@keyframes g-burst{50%{opacity:1;transform:scale(1.08)rotate(30deg)}to{opacity:.85;transform:scale(1.02)rotate(40deg)}}@keyframes g-pulse{50%{opacity:.55}}@keyframes g-breathe{50%{opacity:.55;transform:scale(.92)}}.g-title{letter-spacing:-.02em;margin-top:4px;font-size:21px}.g-sub{max-width:34em;color:var(--text-2);text-wrap:pretty;margin:8px auto 0;font-size:14px;line-height:1.65}.swap{animation:g-swap .4s var(--ease-out)}@keyframes g-swap{0%{opacity:0;transform:translateY(5px)}}.g-steps{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line-1);text-align:left;margin:18px 0 4px;padding:6px 4px}.g-step{min-height:38px;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:0 11px;padding:0 12px;font-size:14px;transition:color .3s;display:flex}.g-step+.g-step{border-top:1px dashed var(--line-1)}.g-step[data-state=run],.g-step[data-state=done]{color:var(--text-1)}.g-label{flex:1 0 auto;max-width:calc(100% - 29px)}.g-meta{font-family:var(--font-mono);color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;padding-bottom:1px;font-size:11.5px}.g-dot{border:1.5px solid var(--line-3);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;transition:background .3s,border-color .3s;display:grid;position:relative}.g-dot svg{fill:none;width:12px;height:12px;stroke:var(--on-brand,#fff);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .4s var(--ease-out) 80ms}.g-step[data-state=run] .g-dot{border-color:var(--brand-soft-2);border-top-color:var(--brand);animation:.8s linear infinite g-spin}.g-step[data-state=done] .g-dot{background:var(--success);border-color:var(--success)}.g-step[data-state=done] .g-dot svg{stroke:#04140d;stroke-dashoffset:0}.g-slider-wrap{opacity:0;transition:grid-template-rows .5s var(--ease-out), opacity .4s, margin .5s var(--ease-out);grid-template-rows:0fr;display:grid}.g-slider-wrap[hidden]{display:none}.g-slider-inner{min-height:0;margin:-8px;padding:8px;overflow:hidden}.g-slider-wrap.open{opacity:1;grid-template-rows:1fr;margin-top:14px}.g-slider{--x:0px;--target:60%;background:var(--surface-2);border:1px solid var(--line-2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;height:56px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000002e}.g-guide{background-image:linear-gradient(90deg, var(--line-3) 40%, transparent 0);opacity:.8;background-size:8px 2px;height:2px;margin-top:-1px;position:absolute;top:50%;left:28px;right:28px}.g-fill{width:calc(var(--x) + 46px);background:var(--brand-grad-soft);box-shadow:inset 0 0 0 1px var(--brand-soft-2);border-radius:14px;position:absolute;top:4px;bottom:4px;left:4px}.g-socket{top:4px;left:calc(4px + var(--target));background:#7c6cff14;border:1.5px dashed #7c6cffb3;border-radius:14px;place-items:center;width:46px;height:46px;transition:border-color .25s,background .25s,box-shadow .25s;animation:1.6s ease-in-out infinite g-socket;display:grid;position:absolute}.g-socket span{background:var(--brand-ink);width:12px;height:18px;clip-path:path("M6 0a5 5 0 0 1 2.6 9.3L10 18H2l1.4-8.7A5 5 0 0 1 6 0z");opacity:.85}.g-slider.near .g-socket{border-style:solid;border-color:var(--brand-2);background:#22d3ee1f;box-shadow:0 0 0 4px #22d3ee1f,0 0 22px #22d3ee59}.g-slider.locked .g-socket{border-style:solid;border-color:var(--success);animation:none;box-shadow:0 0 0 4px #34d39926,0 0 26px #34d39973}@keyframes g-socket{50%{box-shadow:0 0 0 5px #7c6cff1a,0 0 18px #7c6cff4d}}.g-knob{width:46px;height:46px;transform:translateX(var(--x));background:var(--brand-grad);color:#fff;cursor:grab;z-index:1;border-radius:14px;outline:none;place-items:center;transition:box-shadow .25s,filter .25s;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 8px 22px -8px #7c6cffe6,inset 0 1px #ffffff59}.g-knob svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .5s var(--ease-spring)}.g-knob:hover{filter:brightness(1.08)}.g-knob:focus-visible{box-shadow:var(--ring), 0 8px 22px -8px #7c6cffe6}.g-slider.dragging .g-knob{cursor:grabbing;filter:brightness(1.12)}.g-slider.reset .g-knob,.g-slider.reset .g-fill,.g-slider.locked .g-knob,.g-slider.locked .g-fill{transition:transform .55s var(--ease-spring), width .55s var(--ease-spring), box-shadow .25s}.g-slider.locked .g-knob{background:linear-gradient(135deg,#34d399,#22d3ee);box-shadow:0 8px 26px -8px #34d399e6}.g-slider.turn .g-knob svg{transform:rotate(90deg)}.g-slider.shake{animation:g-shake .42s var(--ease-out)}@keyframes g-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.g-slider-hint{color:var(--text-2);margin-top:10px;font-size:13px}.g-slider-kbd{color:var(--text-4);margin-top:2px;font-size:11.5px}@media (pointer:coarse){.g-slider-kbd{display:none}}.g-key-wrap{opacity:0;transition:grid-template-rows .5s var(--ease-out), opacity .4s, margin .5s var(--ease-out);grid-template-rows:0fr;display:grid}.g-key-wrap[hidden]{display:none}.g-key-wrap.open{opacity:1;grid-template-rows:1fr;margin-top:14px}.g-key{text-align:left}.g-key-label{color:var(--text-3);letter-spacing:.02em;margin-bottom:8px;font-size:12.5px;display:block}.g-key-row{background:var(--surface-2);border:1px solid var(--line-2);border-radius:16px;align-items:center;gap:8px;height:52px;padding:0 5px 0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.g-key-row:focus-within{border-color:var(--brand);box-shadow:var(--ring)}.g-key-icon svg{fill:none;width:18px;height:18px;stroke:var(--brand-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:block}.g-key-input{min-width:0;height:100%;color:var(--text-1);font:inherit;font-family:var(--font-mono);letter-spacing:.08em;background:0 0;border:0;outline:none;flex:1;font-size:15px}.g-key-btn{flex:none;height:40px;padding:0 18px}.g-key-btn:disabled{filter:saturate(.5)brightness(.85);cursor:progress}.g-key-hint{min-height:18px;color:var(--danger);margin-top:8px;font-size:12.5px}.g-key.shake{animation:g-shake .42s var(--ease-out)}.g-card[data-state=key] .g-keyhole{animation:1.8s ease-in-out infinite g-pulse}.g-actions{margin-top:16px}.g-btn{appearance:none;height:42px;font:inherit;color:#fff;background:var(--brand-grad);cursor:pointer;border:0;border-radius:12px;padding:0 22px;font-weight:600;transition:filter .2s,box-shadow .2s;box-shadow:0 10px 26px -10px #7c6cffe6}.g-btn:hover{filter:brightness(1.08)}.g-btn:focus-visible{box-shadow:var(--ring);outline:none}.g-foot{border-top:1px solid var(--line-1);color:var(--text-3);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:12px;font-size:12px;display:flex}.g-ray code{font-family:var(--font-mono);color:var(--text-2);-webkit-user-select:all;user-select:all;margin-left:4px}.g-lang{appearance:none;border:1px solid var(--line-2);height:28px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:5px;padding:0 10px;font-size:12px;transition:background .2s,color .2s;display:inline-flex}.g-lang:hover{background:var(--surface-2);color:var(--text-1)}.g-lang:focus-visible{box-shadow:var(--ring);outline:none}.g-note{text-align:center;max-width:400px;color:var(--text-3);animation:g-rise .7s var(--ease-out) .1s both;font-size:12px;line-height:1.6}.g-by{color:var(--text-4);align-items:center;gap:6px;margin-top:-6px;display:inline-flex}.g-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.g-card{border-radius:24px;padding:18px 18px 14px}.g-emblem{width:132px;height:132px}.g-title{font-size:19px}}[data-motion=reduce] .g-aurora i,[data-motion=reduce] .g-ticks,[data-motion=reduce] .g-emblem:before,[data-motion=reduce] .g-keyhole,[data-motion=reduce] .g-socket,[data-motion=reduce] .g-card,[data-motion=reduce] .g-note,[data-motion=reduce] .swap,[data-motion=reduce] .g-key.shake,[data-motion=reduce] .g-card[data-state=key] .g-keyhole,[data-motion=reduce] .g-slider.shake{animation:none!important}[data-motion=reduce] .g-step[data-state=run] .g-dot{border-color:var(--brand);animation:none}