.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:currentColor;letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;transition:transform .15s;display:inline-flex;position:relative}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.15rem}.specular-button.h-11{height:2.75rem;font-size:var(--text-lead);letter-spacing:0;padding:0 1.25rem;font-weight:500;line-height:normal}@media (prefers-reduced-motion:reduce){.specular-button{box-shadow:inset 0 0 0 1px var(--border-strong)}}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;align-items:center;gap:inherit;display:inline-flex;position:relative}
@property --sg-pct{syntax:"<integer>";inherits:false;initial-value:0}@property --sg-frame{syntax:"<integer>";inherits:false;initial-value:0}.sg{--sg-loop:8s;--sg-accent:#fff;--sg-accent-fg:#0b0b0b;aspect-ratio:4/3;color:#fff;content-visibility:auto;background:radial-gradient(120% 90% at 50% 0,#1c1c20 0%,#0b0b0d 70%);position:relative;overflow:hidden;container-type:inline-size}@supports (color:lab(0% 0 0)){.sg{--sg-accent:lab(100% 0 0);--sg-accent-fg:lab(3.04863% 0 0)}}.sg-photo{object-fit:cover;backface-visibility:hidden;border-radius:.3cqw;max-width:none;position:absolute}.sg-cursor{z-index:3;filter:drop-shadow(0 .3cqw .5cqw #0009);width:2.8cqw;position:absolute;top:0;left:0}.sg-ghost{opacity:.45;filter:blur(1cqw);border-radius:.8cqw;width:11cqw;height:15cqw;animation:9s ease-in-out infinite alternate sgDrift;position:absolute}.sg-panel{background:#19191c;border-radius:2cqw;position:absolute;box-shadow:inset 0 0 0 1px #ffffff12,0 2cqw 5cqw #0009}.sg-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:1.6cqw;display:grid;position:absolute;inset:6cqw 5.5cqw}.sg-tile{animation:sgDim var(--sg-loop) ease-in-out infinite;background:radial-gradient(90% 120% at 50% 20%,#26262b 0%,#141417 75%);border-radius:1.2cqw;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.sg-tile[data-visit]{animation-name:sgVisit}.sg-tile[data-pick]{animation-name:sgPick}.sg-tile:after{content:"";inset-inline:0;background:linear-gradient(#0000,#000000bf);height:35%;position:absolute;bottom:0}.sg-name{z-index:1;color:#ffffffe0;white-space:nowrap;font-size:1.6cqw;font-weight:500;position:absolute;bottom:1.1cqw;left:1.3cqw}.sg-stage{perspective:40cqw;place-items:center;display:grid;position:absolute;inset:0 0 12%;scale:1.35}.sg-spin{width:0;height:0;transform-style:preserve-3d;animation:12s linear infinite sgSpin;position:relative}.sg-spin>.sg-photo{backface-visibility:visible}.sg-orbit{animation-duration:10s}.sg-orbit>.sg-photo{width:4.6cqw;height:6cqw;transform:rotateY(var(--a)) translateZ(7cqw);margin:-3cqw 0 0 -2.3cqw}.sg-sphere{animation-name:sgSpinTilted;animation-duration:14s}.sg-sphere>.sg-photo{width:2.3cqw;height:2.3cqw;transform:translateY(var(--y)) rotateY(var(--a)) translateZ(var(--r));margin:-1.15cqw 0 0 -1.15cqw}.sg-drum{animation-duration:16s}.sg-drum>.sg-photo{width:3.8cqw;height:5.6cqw;transform:rotateY(var(--a)) translateZ(4.7cqw);border-radius:.15cqw;margin:-2.8cqw 0 0 -1.9cqw}.sg-device{background:#111114;position:absolute;scale:1.35;box-shadow:inset 0 0 0 .25cqw #2c2c31,0 1cqw 2cqw #00000080}.sg-device>.sg-photo{border-radius:inherit;width:calc(100% - .9cqw);height:calc(100% - .9cqw);inset:.45cqw}.sg-duo{border-radius:1.4cqw;width:14.5cqw;height:10.4cqw;margin:-5.2cqw 0 0 -7.25cqw;animation:4s ease-in-out infinite sgFloat;top:44%;left:50%}.sg-phone{border-radius:1.6cqw;width:9cqw;height:19cqw;margin:-9.5cqw 0 0 -4.5cqw;animation:6s ease-in-out infinite alternate sgZoom;top:50%;left:50%;box-shadow:inset 0 0 0 .25cqw #c2662e,0 1cqw 2cqw #00000080}.sg-laptop{border-radius:.8cqw .8cqw 0 0;width:15cqw;height:9.4cqw;margin:-4.7cqw 0 0 -7.5cqw;animation:6s ease-in-out infinite alternate sgPush;top:44%;left:50%}.sg-laptop:after{content:"";background:linear-gradient(#3a3a40,#1a1a1d);border-radius:0 0 .9cqw .9cqw;height:.9cqw;position:absolute;top:100%;left:-1.6cqw;right:-1.6cqw}.sg-pick-cursor{animation:sgPickCursor var(--sg-loop) cubic-bezier(.65, 0, .35, 1) infinite}@keyframes sgPickCursor{0%{opacity:0;transform:translate(92cqw,72cqw)scale(1)}6%{opacity:1;transform:translate(88cqw,68cqw)scale(1)}22%,34%{opacity:1;transform:translate(52cqw,56cqw)scale(1)}50%{transform:translate(82cqw,23cqw)scale(1)}53%{transform:translate(82cqw,23cqw)scale(.8)}57%,82%{opacity:1;transform:translate(82cqw,23cqw)scale(1)}92%,to{opacity:0;transform:translate(92cqw,72cqw)scale(1)}}@keyframes sgVisit{0%,20%,37%,56%{opacity:1;transform:scale(1);box-shadow:inset 0 0 0 1px #ffffff0f}24%,33%{opacity:1;transform:scale(1.03);box-shadow:inset 0 0 0 1px #ffffff4d}60%,86%{opacity:.45;transform:scale(1)}94%,to{opacity:1}}@keyframes sgPick{0%,46%{transform:scale(1);box-shadow:inset 0 0 0 1px #ffffff0f}50%{transform:scale(1.03);box-shadow:inset 0 0 0 1px #ffffff4d}53%{box-shadow:inset 0 0 0 .3cqw var(--sg-accent);transform:scale(.99)}58%,86%{box-shadow:inset 0 0 0 .3cqw var(--sg-accent), 0 0 3cqw -.5cqw var(--sg-accent);transform:scale(1.05)}94%,to{transform:scale(1);box-shadow:inset 0 0 0 1px #ffffff0f}}@keyframes sgDim{0%,54%{opacity:1}60%,86%{opacity:.45}94%,to{opacity:1}}.sg-media{width:52cqw;padding:3cqw;top:7cqw;bottom:-3cqw;left:24cqw}.sg-head{align-items:center;gap:1.2cqw;height:3cqw;font-size:2cqw;display:flex}.sg-head b{letter-spacing:.08em;font-weight:600}.sg-count{color:#ffffff80;font-variant-numeric:tabular-nums;display:grid}.sg-count>span{animation:sgCountOld var(--sg-loop) ease-in-out infinite;grid-area:1/1}.sg-count>span+span{animation-name:sgCountNew}.sg-trash{color:#ffffff8c;width:2.4cqw;margin-left:auto}.sg-list{flex-direction:column;gap:1.2cqw;height:100%;margin-top:3cqw;display:flex;overflow:hidden}.sg-row{background:#232327;border-radius:1.2cqw;flex:none;align-items:center;gap:1.6cqw;height:10cqw;padding:0 2cqw;display:flex}.sg-row[data-new]{opacity:0;animation:sgRowIn var(--sg-loop) cubic-bezier(.22, 1, .36, 1) infinite;margin-top:-11.2cqw}.sg-grip{color:#ffffff59;width:1.2cqw}.sg-thumb{border-radius:.8cqw;width:6.6cqw;height:6.6cqw;position:relative}.sg-file{flex-direction:column;gap:.6cqw;font-size:2.1cqw;display:flex}.sg-file small{font-family:var(--font-mono,ui-monospace, monospace);color:#ffffff80;font-size:1.7cqw}.sg-carry{z-index:3;animation:sgCarry var(--sg-loop) cubic-bezier(.65, 0, .35, 1) infinite;position:absolute;top:0;left:0}.sg-carry .sg-photo{width:10cqw;height:13cqw;animation:sgCard var(--sg-loop) ease-in-out infinite;border-radius:.8cqw;display:block;position:relative;box-shadow:0 1.5cqw 3cqw #0009}.sg-carry .sg-cursor{top:8cqw;left:6cqw}@keyframes sgCarry{0%{opacity:0;transform:translate(-4cqw,60cqw)}8%{opacity:1;transform:translate(6cqw,52cqw)}40%,46%{opacity:1;transform:translate(28cqw,16cqw)}80%{opacity:1;transform:translate(30cqw,18cqw)}90%,to{opacity:0;transform:translate(34cqw,24cqw)}}@keyframes sgCard{0%,38%{opacity:.95;transform:rotate(-8deg)scale(1)}46%,to{opacity:0;transform:rotate(0)scale(.5)}}@keyframes sgRowIn{0%,42%{opacity:0;box-shadow:none;margin-top:-11.2cqw}50%{opacity:1;box-shadow:inset 0 0 0 .25cqw var(--sg-accent);margin-top:0}70%,88%{opacity:1;margin-top:0;box-shadow:inset 0 0 0 1px #fff0}95%{opacity:0;margin-top:0}to{opacity:0;margin-top:-11.2cqw}}@keyframes sgCountOld{0%,44%{opacity:1}48%,93%{opacity:0}97%,to{opacity:1}}@keyframes sgCountNew{0%,44%{opacity:0}48%,93%{opacity:1}97%,to{opacity:0}}.sg-export{flex-direction:column;width:68cqw;padding:4cqw;display:flex;top:14cqw;left:16cqw}.sg-export h4{justify-content:space-between;align-items:center;font-size:3.2cqw;font-weight:600;display:flex}.sg-export h4 span{color:#ffffff80;font-size:2.4cqw;font-weight:400}.sg-meta{color:#ffffff8c;margin-top:1.4cqw;font-size:1.7cqw}.sg-progress-head{justify-content:space-between;margin-top:5cqw;font-size:1.8cqw;display:flex}.sg-swap{display:grid}.sg-swap>*{animation:sgBefore var(--sg-loop) ease-in-out infinite;grid-area:1/1}.sg-swap>*+*{animation-name:sgAfter}.sg-pct:after{counter-reset:p var(--sg-pct);content:counter(p) "%";color:#fff9;font-variant-numeric:tabular-nums;animation:sgPct var(--sg-loop) infinite}.sg-track{background:#2b2b30;border-radius:1cqw;height:.7cqw;margin-top:1.4cqw;overflow:hidden}.sg-fill{border-radius:inherit;transform-origin:0;height:100%;animation:sgFill var(--sg-loop) infinite;background:#fff}.sg-frames{font-family:var(--font-mono,ui-monospace, monospace);color:#ffffff73;justify-content:space-between;margin-top:1.4cqw;font-size:1.6cqw;display:flex}.sg-frames span:after{counter-reset:f var(--sg-frame);content:"frame " counter(f) " / 600";font-variant-numeric:tabular-nums;animation:sgFrame var(--sg-loop) infinite}.sg-actions{justify-content:flex-end;margin-top:4cqw;font-size:1.8cqw;display:flex;position:relative}.sg-btn{white-space:nowrap;background:#26262a;border-radius:1cqw;align-items:center;gap:.8cqw;height:4.6cqw;padding:0 2cqw;display:flex}.sg-btn[data-primary]{background:var(--sg-accent);color:var(--sg-accent-fg);justify-self:end;font-weight:500}.sg-actions .sg-swap>[data-primary]{animation-name:sgAfter,sgPress}.sg-export-cursor{animation:sgExportCursor var(--sg-loop) cubic-bezier(.65, 0, .35, 1) infinite;top:2.6cqw;left:auto;right:4cqw}.sg-toast{white-space:nowrap;animation:sgToast var(--sg-loop) cubic-bezier(.22, 1, .36, 1) infinite;background:#232327;border-radius:1.4cqw;align-items:center;gap:1cqw;padding:1.4cqw 2.4cqw;font-size:1.8cqw;display:flex;position:absolute;bottom:5cqw;left:50%;box-shadow:inset 0 0 0 1px #ffffff14,0 1.5cqw 3cqw #00000080}.sg-toast svg{width:2.2cqw;color:var(--sg-accent)}@keyframes sgPct{0%{--sg-pct:0}58%,to{--sg-pct:100}}@keyframes sgFrame{0%{--sg-frame:0}58%,to{--sg-frame:600}}@keyframes sgFill{0%{transform:scaleX(0)}58%,to{transform:scaleX(1)}}@keyframes sgBefore{0%,58%{opacity:1}61%,96%{opacity:0}to{opacity:1}}@keyframes sgAfter{0%,58%{opacity:0}61%,96%{opacity:1}to{opacity:0}}@keyframes sgPress{0%,71%{scale:1}73%{scale:.94}76%,to{scale:1}}@keyframes sgExportCursor{0%,56%{opacity:0;transform:translate(14cqw,26cqw)}60%{opacity:1;transform:translate(10cqw,18cqw)}70%{opacity:1;transform:translate(0)scale(1)}73%{transform:translate(0)scale(.8)}76%,86%{opacity:1;transform:translate(0)scale(1)}94%,to{opacity:0;transform:translate(6cqw,10cqw)}}@keyframes sgToast{0%,74%{opacity:0;transform:translate(-50%,4cqw)}79%,90%{opacity:1;transform:translate(-50%)}96%,to{opacity:0;transform:translate(-50%)}}@keyframes sgSpin{to{transform:rotateY(1turn)}}@keyframes sgSpinTilted{0%{transform:rotateX(-12deg)rotateY(0)}to{transform:rotateX(-12deg)rotateY(1turn)}}@keyframes sgFloat{0%,to{transform:translateY(.4cqw)rotate(-1deg)}50%{transform:translateY(-.4cqw)rotate(1deg)}}@keyframes sgZoom{0%{transform:rotate(-38deg)scale(.85)translate(-1cqw,1cqw)}to{transform:rotate(-30deg)scale(1.05)translate(1cqw,-1cqw)}}@keyframes sgPush{0%{transform:scale(.92)}to{transform:scale(1.08)}}@keyframes sgDrift{0%{transform:translate(-1cqw,1cqw)rotate(-3deg)}to{transform:translate(1cqw,-1cqw)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.sg *,.sg :after{animation:none!important}.sg-cursor,.sg-carry,.sg-toast{display:none}.sg-pct:after{--sg-pct:76}.sg-frames span:after{--sg-frame:456}.sg-fill{transform:scaleX(.76)}.sg-swap>*+*,.sg-count>span+span{opacity:0}}