*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;margin:0;display:block}#root{text-align:left;max-width:none;min-height:100vh;margin:0;padding:0}button{font:inherit}:root{--ease:cubic-bezier(.22, 1, .36, 1)}.app{--paper:#f3f3f0;--panel:#fbfbf9;--ink:#131312;--mute:#706f68;--line:#d9d8d1;--hair:#e6e5df;--acc:#ff4f1f;--acc-ink:#fff;--ok:#1f7a4d;--warn:#9a5a00;--bad:#c7332c;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--press:cubic-bezier(.3, 1.6, .5, 1);--key-hi:#ffffffe6;--key-lo:#13131212;background:var(--panel);height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;grid-template-rows:52px minmax(0,1fr);font:400 13px/1.45 Geist,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.app.dark{--paper:#0f0f0e;--panel:#161615;--ink:#f0efe9;--mute:#8a8981;--line:#2c2c29;--hair:#21211f;--acc:#ff6a3d;--acc-ink:#160a05;--ok:#4cc58b;--warn:#e5a93f;--bad:#ff7b72;--key-hi:#ffffff12;--key-lo:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app button,.app input,.app select{color:inherit;font-family:inherit}.app :is(button,input,select,label):focus-visible{outline:2px solid var(--acc);outline-offset:2px}.app h3,.app p{margin:0}.app i,.app em{font-style:normal}.app ::selection{background:var(--acc);color:var(--acc-ink)}.app *{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.bar{z-index:50;border-bottom:1px solid var(--line);background:var(--panel);animation:down .5s var(--ease) both;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand em{border-left:1px solid var(--line);color:var(--mute);align-self:center;padding-left:10px;font-size:12px}.barbtns{gap:6px;display:flex}.mark{grid-template-columns:repeat(5,5px);gap:1.5px;display:grid}.mark i{border-radius:1px;width:5px;height:5px}.mark i.on{background:var(--ink);animation:5.5s ease-in-out infinite litup;animation-delay:var(--d)}.wm{letter-spacing:-.02em;cursor:default;align-items:baseline;font:400 31px/1 Instrument Serif,Georgia,serif;display:inline-flex}.wm .o{--ex:0;--ey:0;border:.085em solid;border-radius:.14em;width:.5em;height:.5em;margin:0 .05em;display:inline-block;position:relative}.wm .o:after{content:"";background:var(--acc);transform:translate(calc(var(--ex) * .07em), calc(var(--ey) * .07em));transition:transform .18s var(--ease), border-radius .3s;border-radius:.05em;animation:6s ease-in-out infinite blink;position:absolute;inset:.12em}.wm:hover .o:after{border-radius:50%}.body{grid-template-columns:76px minmax(0,1fr) 356px;min-height:0;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow-y:auto}.rail button{border:0;border-bottom:1px solid var(--hair);color:var(--mute);font:500 10.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;animation:slidein .5s var(--ease) both;animation-delay:calc(var(--n,0) * 55ms + .12s);background:0 0;flex-direction:column;align-items:center;gap:6px;padding:16px 4px;transition:color .15s,background .15s;display:flex;position:relative}.rail button:hover{color:var(--ink);background:var(--paper)}.rail button:active{background:color-mix(in srgb, var(--line) 50%, var(--paper))}.rail button.on{color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair)}.rail button.on:before{content:"";background:var(--acc);width:2px;animation:grow .35s var(--ease) both;position:absolute;top:0;bottom:0;left:0}.rail button svg{transition:transform .25s var(--ease)}.rail button:hover svg{transform:translateY(-1px)scale(1.1)}.rail button.on svg{animation:iconpop .55s var(--press)}.canvas{--rx:0deg;--ry:0deg;background:linear-gradient(var(--hair) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--hair) 1px, transparent 1px) 0 0 / 24px 24px, var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;padding:24px 24px 92px;display:flex;position:relative;overflow:hidden}.canvas:before,.canvas:after{content:"";z-index:1;pointer-events:none;background-color:var(--panel);background-repeat:no-repeat;position:absolute}.canvas:before{border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(90deg, var(--mute) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 120px);background-position:0 100%,0 100%;background-size:100% 5px,100% 9px;height:16px;top:0;left:0;right:0}.canvas:after{border-right:1px solid var(--line);background-image:repeating-linear-gradient(0deg, var(--mute) 0 1px, transparent 1px 24px), repeating-linear-gradient(0deg, var(--ink) 0 1px, transparent 1px 120px);background-position:100% 0,100% 0;background-size:5px 100%,9px 100%;width:16px;top:16px;bottom:0;left:0}.tickx,.ticky{z-index:2;background:var(--acc);pointer-events:none;opacity:0;transition:opacity .2s;position:absolute}.tickx{top:0;left:var(--mx,-10px);width:1px;height:16px}.ticky{left:0;top:var(--my,-10px);width:16px;height:1px}.canvas:hover :is(.tickx,.ticky){opacity:1}.coords{color:var(--mute);font:500 10.5px/1 var(--mono);white-space:pre;pointer-events:none;position:absolute;bottom:14px;left:28px}.peek{border:1px solid var(--acc);background:var(--panel);color:var(--acc);font:500 11px/1 var(--mono);animation:fade .2s var(--ease) both;border-radius:4px;align-items:center;gap:8px;padding:5px 10px;display:inline-flex;position:absolute;top:30px;left:30px}.peek:before{content:"";background:var(--acc);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite peekdot}.toast{z-index:5;background:var(--ink);color:var(--panel);font:500 12px/1 var(--mono);white-space:nowrap;pointer-events:none;animation:toast 2.2s var(--ease) both;border-radius:6px;padding:8px 14px;position:absolute;bottom:84px;left:50%}.stagewrap{max-width:100%;min-height:0;animation:rise .6s var(--ease) both;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.qrframe{max-width:100%;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s var(--ease);padding:18px;position:relative}.qrframe:before{content:"";pointer-events:none;--m:var(--mute);transition:inset .55s var(--press);background:linear-gradient(var(--m), var(--m)) top left / 16px 1px, linear-gradient(var(--m), var(--m)) top left / 1px 16px, linear-gradient(var(--m), var(--m)) top right / 16px 1px, linear-gradient(var(--m), var(--m)) top right / 1px 16px, linear-gradient(var(--m), var(--m)) bottom left / 16px 1px, linear-gradient(var(--m), var(--m)) bottom left / 1px 16px, linear-gradient(var(--m), var(--m)) bottom right / 16px 1px, linear-gradient(var(--m), var(--m)) bottom right / 1px 16px;background-repeat:no-repeat;position:absolute;inset:0}.qrframe:after{content:attr(data-size);color:var(--mute);font:500 10.5px/1 var(--mono);white-space:nowrap;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.qrframe.testing:before{--m:var(--acc);inset:-10px}.qrframe.testing.pv:before{inset:-5px}.qrframe.pv:before{transition-duration:.25s}.qrcard{background:#fff;border-radius:4px;place-items:center;max-width:100%;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014,0 24px 40px -24px #00000059}.qrcard:after{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--gx,50%) var(--gy,0%), #ffffff4d, transparent 65%);transition:opacity .3s;position:absolute;inset:0}.canvas:hover .qrcard:not(.stale):after{opacity:1}.qr{place-items:center;display:grid}.qr canvas{max-width:100%;max-height:min(56vh,500px);animation:develop .45s var(--ease) both;display:block;width:auto!important;height:auto!important}.qrcard.preview .qr canvas{animation:none}.qrcard.stale .qr{opacity:.2;filter:grayscale();animation:2.4s ease-in-out infinite breathe}.fix{background:var(--ink);color:var(--panel);border-radius:4px;padding:7px 12px;font-size:12px;font-weight:500;position:absolute}.warns{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.warns li{border-left:2px solid var(--warn);background:var(--panel);color:var(--warn);animation:fade .3s var(--ease) both;padding:3px 9px;font-size:12px;font-weight:500}.warns li:before{content:"!";font:700 11px/1 var(--mono);margin-right:7px}.scanfx{z-index:2;pointer-events:none;position:absolute;inset:16px}.scanfx *{box-sizing:border-box}.sweep{background:var(--acc);pointer-events:none;height:2px;animation:sweepdown .72s var(--ease) both;position:absolute;top:0;left:0;right:0}.sweep.pv{background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--acc) 38%, transparent) 60%, var(--acc) 98%, transparent);width:45%;height:auto;animation:.38s ease-out both pvsweep;inset:0 auto 0 -45%}.badge{z-index:3;width:32px;height:32px;color:var(--acc-ink);animation:badgein .55s var(--press) both, badgeout .4s ease-in 2s forwards;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 6px 14px -4px #0006}.badge.ok{background:var(--ok)}.badge.warn{background:var(--warn);color:#fff}.badge:after{content:"";opacity:0;border:2px solid;border-radius:50%;animation:.8s ease-out .1s badgering;position:absolute;inset:0}.badge.ok:after{border-color:var(--ok)}.badge.warn:after{border-color:var(--warn)}.badge svg{overflow:visible}.warnicon{animation:wobble .6s var(--ease) .1s both}.draw circle,.draw path{stroke-dasharray:1;stroke-dashoffset:1px;animation:drawn .55s var(--ease) forwards}.draw path{animation-delay:.22s}.vrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ratio{border:1px solid var(--line);background:var(--panel);color:var(--mute);font:500 11px/1 var(--mono);border-radius:999px;align-items:baseline;gap:5px;padding:9px 13px;display:inline-flex}.ratio b{color:var(--ink);font:700 15px/1 var(--mono)}.ratio.ok b{color:var(--ok)}.ratio.low{border-color:var(--warn)}.ratio.low b{color:var(--warn)}.dock{border:1px solid var(--ink);background:var(--panel);max-width:calc(100% - 24px);box-shadow:inset 0 1px 0 var(--key-hi), 0 18px 36px -18px #00000073;animation:dock .6s .15s var(--ease) both;border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dock .plain{min-width:88px;min-height:40px}.plain{border:1px solid var(--line);border-bottom-color:color-mix(in srgb, var(--line) 70%, var(--ink));background:linear-gradient(180deg, var(--panel), var(--paper));min-height:32px;box-shadow:inset 0 1px 0 var(--key-hi), 0 1px 2px var(--key-lo);cursor:pointer;transition:border-color .15s, background .15s, box-shadow .15s, color .15s, transform .12s var(--press);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:500;display:inline-flex}.plain:hover:not(:disabled){border-color:var(--mute);background:linear-gradient(180deg, var(--panel), color-mix(in srgb, var(--paper) 80%, var(--line)));box-shadow:inset 0 1px 0 var(--key-hi), 0 3px 8px -3px var(--key-lo);transform:translateY(-1px)}.plain:active:not(:disabled){background:var(--paper);box-shadow:inset 0 2px 3px var(--key-lo);transition-duration:50ms;transform:translateY(1px)}.plain[aria-expanded=true]{border-color:var(--ink);background:var(--paper);box-shadow:inset 0 2px 3px var(--key-lo)}.plain.ok{border-color:var(--ok);color:var(--ok);animation:gobump .45s var(--press)}.plain:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background:var(--paper)}.ico{flex-shrink:0}.plain.ok .ico path{stroke-dasharray:1}.linkbtn{color:var(--mute);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:-3px -6px;padding:3px 6px;font-size:12px;text-decoration:underline;transition:color .15s,background .15s}.linkbtn:hover{color:var(--acc);background:color-mix(in srgb, var(--acc) 10%, transparent);text-decoration-color:#0000}.dock .sep{background:var(--line);width:1px;height:22px}.dock .plain.sq{width:40px;min-width:40px;padding:0}.dl{background:var(--acc);min-width:156px;min-height:40px;color:var(--acc-ink);white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px -8px color-mix(in srgb, var(--acc) 80%, transparent);transition:background .3s, transform .14s var(--press), box-shadow .2s;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:13px;font-weight:600;display:inline-flex}.dl:hover:not(:disabled){box-shadow:0 10px 22px -8px color-mix(in srgb, var(--acc) 85%, transparent);transform:translateY(-1px)}.dl:hover:not(:disabled) .arrow{animation:arrowbob .7s var(--ease)}.dl:active:not(:disabled){transform:translateY(1px)scale(.985)}.dl:disabled{cursor:not-allowed;background:var(--line);color:var(--mute);box-shadow:none}.dl.busy{pointer-events:none}.dl.done{background:var(--ok);color:#fff}.dl .track{opacity:.3}.dl .ring{stroke-dasharray:1;stroke-dashoffset:1px;transform-origin:12px 12px;animation:.9s linear forwards ringfill;transform:rotate(-90deg)}.dl .ck{stroke-dasharray:1;stroke-dashoffset:1px;animation:drawn .45s var(--ease) forwards}.dl-label{animation:vrise .3s var(--ease) both}.plain.bump{animation:gobump .45s var(--press)}.cnt{animation:pop .4s var(--press) both}.seg{isolation:isolate;grid-template-columns:repeat(var(--n), 1fr);border:1px solid var(--line);background:var(--paper);box-shadow:inset 0 1px 2px var(--key-lo);border-radius:8px;padding:3px;display:grid;position:relative}.seg:before{content:"";z-index:-1;width:calc((100% - 6px) / var(--n));background:var(--ink);transform:translateX(calc(var(--i) * 100%));transition:transform .45s var(--press);border-radius:5px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff1f}.seg button{min-height:28px;color:var(--mute);font:500 11px/1 var(--mono);cursor:pointer;transition:color .2s, transform .12s var(--press);background:0 0;border:0;border-radius:5px;padding:0 12px}.seg button:hover:not(.on){color:var(--ink)}.seg button:active{transform:scale(.95)}.seg button.on{color:var(--panel)}.inspector{border-left:1px solid var(--line);min-height:0;animation:slideleft .6s .1s var(--ease) both;flex-direction:column;display:flex}.itabs{grid-template-columns:repeat(var(--n), 1fr);border-bottom:1px solid var(--line);display:grid;position:relative}.itabs:after{content:"";width:calc(100% / var(--n));background:var(--ink);height:2px;transform:translateX(calc(var(--i) * 100%));transition:transform .45s var(--press);position:absolute;bottom:-1px;left:0}.itabs button{color:var(--mute);cursor:pointer;background:0 0;border:0;padding:13px 0;font-size:12.5px;font-weight:500;transition:color .15s,background .15s}.itabs button:hover,.itabs button.on{color:var(--ink)}.itabs button:hover:not(.on){background:var(--paper)}.itabs button:active{background:color-mix(in srgb, var(--line) 50%, var(--paper))}.ibody{min-height:0;animation:fade .25s var(--ease) both;flex-direction:column;flex:auto;gap:16px;padding:16px;display:flex;overflow-y:auto}.ibody>*{animation:fade .32s var(--ease) both}.ibody>:nth-child(2){animation-delay:40ms}.ibody>:nth-child(3){animation-delay:80ms}.ibody>:nth-child(4){animation-delay:.12s}.ibody>:nth-child(5){animation-delay:.16s}.ibody>:nth-child(6){animation-delay:.2s}.ibody h3,.tl,.rhead h3{color:var(--mute);font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.stack{flex-direction:column;gap:12px;display:flex}.hint,.rempty{color:var(--mute);font-size:12px}.field,.slide{flex-direction:column;gap:6px;display:flex}.field>span,.slide>span,.swatch>span,.toggle>span{color:var(--mute);font-size:12px;font-weight:500}.inwrap{position:relative}.inwrap input{border:1px solid var(--line);background:var(--panel);border-radius:6px;width:100%;padding:11px 56px 11px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.inwrap input::placeholder{color:var(--mute);opacity:.55}.inwrap input:hover{border-color:var(--mute)}.inwrap input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 22%, transparent);outline:none}.inwrap button{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 8px;font-size:11.5px;transition:color .15s,background .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.inwrap button:hover{color:var(--acc);background:color-mix(in srgb, var(--acc) 12%, transparent)}.err{border-left:2px solid var(--bad);background:color-mix(in srgb, var(--bad) 10%, var(--panel));color:var(--bad);animation:shake .35s var(--ease);padding:8px 11px;font-size:12.5px;font-weight:500}.presets{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.presets button{flex-direction:column;gap:6px;padding:6px;font-size:11.5px;font-weight:500;display:flex}.presets button i{border:1px solid #0000001a;border-radius:3px;height:22px}.tiles{flex-direction:column;gap:7px;display:flex}.tgrid{gap:6px;display:grid}.tgrid button{color:var(--mute);animation:pop .4s var(--press) both;animation-delay:calc(var(--n,0) * 35ms);flex-direction:column;align-items:center;gap:7px;padding:9px 4px 7px;font-size:11px;font-weight:500;display:flex}.presets button,.tgrid button{border:1px solid var(--line);background:var(--panel);cursor:pointer;box-shadow:inset 0 1px 0 var(--key-hi), 0 1px 2px var(--key-lo);transition:border-color .15s, color .15s, background .15s, box-shadow .15s, transform .14s var(--press);border-radius:8px;position:relative}.presets button:hover,.tgrid button:hover{border-color:var(--acc);color:var(--ink);box-shadow:inset 0 1px 0 var(--key-hi), 0 6px 12px -6px var(--key-lo);transform:translateY(-1px)}.presets button:active,.tgrid button:active{box-shadow:inset 0 2px 3px var(--key-lo);transform:translateY(1px)scale(.97)}.presets button.on,.tgrid button.on{background:color-mix(in srgb, var(--acc) 7%, var(--panel));border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.glyph{grid-template-columns:repeat(3,8px);gap:2px;display:grid}.glyph i{border-radius:var(--r);background:currentColor;width:8px;height:8px}.tgrid button:hover .glyph i{animation:ripple .5s var(--ease) both;animation-delay:calc(var(--k,0) * 45ms)}.cg{border-radius:var(--r);border:3px solid;width:24px;height:24px;position:relative}.cg:after{content:"";border-radius:var(--r);transition:transform .3s var(--press);background:currentColor;position:absolute;inset:4px}.tgrid button:hover .cg:after{transform:scale(.7)}.eccl{font:500 15px/1 var(--mono);transition:transform .3s var(--press)}.tgrid button:hover .eccl{transform:scale(1.25)}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.swatch,.toggle{border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;padding:5px 6px 5px 11px;display:flex}.swatch{animation:pop .35s var(--press) both}.toggle{padding:9px 6px 9px 11px}.swatch input{cursor:pointer;background:0 0;border:0;border-radius:3px;width:32px;height:24px;padding:0}.swatch input::-webkit-color-swatch-wrapper{padding:0}.swatch input::-webkit-color-swatch{border:1px solid #00000026;border-radius:3px}.toggle input{appearance:none;background:var(--line);width:36px;height:20px;box-shadow:inset 0 1px 2px var(--key-lo);cursor:pointer;border-radius:10px;margin:0;transition:background .2s;position:relative}.toggle input:after{content:"";background:var(--panel);width:16px;height:16px;transition:transform .3s var(--press);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.toggle input:checked{background:var(--acc)}.toggle input:checked:after{transform:translate(16px)}.slide>span{justify-content:space-between;display:flex}.slide em{color:var(--ink);font:500 11.5px/1 var(--mono)}.slide input{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--acc) var(--pct,50%), var(--line) var(--pct,50%));border-radius:99px;width:100%;height:4px}.slide input::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--panel);width:16px;height:16px;transition:transform .2s var(--press);border-radius:50%;box-shadow:0 1px 3px #00000040}.slide input::-moz-range-thumb{border:2px solid var(--ink);background:var(--panel);border-radius:50%;width:12px;height:12px}.slide input:hover::-webkit-slider-thumb{transform:scale(1.2)}.slide input:active::-webkit-slider-thumb{transform:scale(1.35)}.drop{border:1px dashed var(--mute);text-align:center;cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:22px 12px;transition:border-color .15s,background .15s;display:flex}.drop:hover{border-color:var(--acc);background:var(--paper)}.drop b{font-size:13px;font-weight:600}.drop span{color:var(--mute);font-size:12px}.drop input{display:none}.thumb{border:1px solid var(--line);background:var(--paper);border-radius:6px;place-items:center;height:84px;display:grid}.thumb img{object-fit:contain;max-width:70%;max-height:64px;animation:pop .4s var(--press) both}.recwrap{position:relative}.cnt{background:var(--acc);color:var(--acc-ink);font:600 10.5px/1.2 var(--mono);border-radius:3px;margin-left:3px;padding:2px 6px}.recpop{z-index:30;border:1px solid var(--ink);background:var(--panel);transform-origin:100% 0;width:min(400px,100vw - 24px);animation:drop .22s var(--ease) both;border-radius:10px;padding:12px 12px 10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 48px -24px #00000073}.rhead{justify-content:space-between;align-items:center;margin:0 2px 8px;display:flex}.rhead h3{align-items:center;gap:8px;display:flex}.rhead h3 em{background:var(--paper);color:var(--ink);font:500 10px/1.4 var(--mono);border-radius:3px;padding:1px 6px}.linkbtn.warn{color:var(--bad)}.recpop .rempty{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:22px 12px 18px;display:flex}.rempty-ico{border:1px dashed var(--mute);width:40px;height:40px;color:var(--mute);border-radius:8px;place-items:center;margin-bottom:4px;animation:2.4s ease-in-out infinite breathe;display:grid}.recpop .rempty b{font-size:13px;font-weight:600}.recpop .rempty p{max-width:250px;color:var(--mute);font-size:12px}.rlist{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rlist li{animation:slidein .35s var(--ease) both;animation-delay:calc(var(--n,0) * 50ms);border-radius:8px;align-items:stretch;transition:background .15s;display:flex;position:relative}.rlist li:hover,.rlist li:focus-within{background:var(--paper)}.rl-main{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:11px;min-width:0;padding:9px 4px 9px 8px;display:flex}.rl-dot{border-radius:3px;flex-shrink:0;width:10px;height:34px;box-shadow:inset 0 0 0 1px #0000001a}.rl-body{flex-direction:column;gap:5px;min-width:0;display:flex}.rl-top{align-items:center;gap:7px;display:flex}.rl-type{color:var(--acc);font:600 10px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.rl-fmt{border:1px solid var(--line);color:var(--mute);font:500 9.5px/1.3 var(--mono);border-radius:3px;padding:1px 5px}.rl-top small{color:var(--mute);font:500 10px/1 var(--mono)}.rl-data{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;transition:color .15s;overflow:hidden}.rl-main:hover .rl-data{color:var(--acc)}.rl-acts{opacity:.55;align-items:center;gap:2px;padding-right:6px;transition:opacity .15s;display:flex}.rlist li:hover .rl-acts,.rlist li:focus-within .rl-acts{opacity:1}.rl-acts button{width:28px;height:28px;color:var(--mute);cursor:pointer;transition:background .15s, color .15s, transform .12s var(--press);background:0 0;border:0;border-radius:6px;place-items:center;font-size:11px;display:grid}.rl-acts button:hover:not(:disabled){background:var(--panel);color:var(--acc);box-shadow:inset 0 0 0 1px var(--line)}.rl-acts .del:hover{color:var(--bad)}.rl-acts button:active:not(:disabled){transform:scale(.9)}.rl-acts button:disabled{opacity:.35;cursor:not-allowed}.rundo{background:var(--ink);color:var(--panel);font:500 11.5px/1 var(--mono);animation:fade .25s var(--ease) both;border-radius:6px;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 10px;display:flex}.rundo .linkbtn{color:var(--acc)}.rfoot{border-top:1px solid var(--hair);color:var(--mute);align-items:center;gap:6px;margin:10px 2px 0;padding-top:9px;font-size:11.5px;display:flex}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:.8s cubic-bezier(.22,1,.36,1) both themewipe}@keyframes themewipe{0%{clip-path:circle(0 at var(--tx,50%) var(--ty,0))}to{clip-path:circle(150vmax at var(--tx,50%) var(--ty,0))}}@keyframes down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes slideleft{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes dock{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0)}to{transform:none}}@keyframes iconpop{0%{transform:scale(.6)rotate(-14deg)}to{transform:none}}@keyframes develop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{opacity:.2}50%{opacity:.38}}@keyframes litup{0%,14%,to{background:var(--ink);transform:none}6%{background:var(--acc);transform:scale(1.3)}}@keyframes blink{0%,94%,to{transform:translate(calc(var(--ex) * .07em), calc(var(--ey) * .07em)) scaleY(1)}97%{transform:translate(calc(var(--ex) * .07em), calc(var(--ey) * .07em)) scaleY(.1)}}@keyframes peekdot{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}@keyframes shake{0%{opacity:0;transform:translate(-5px)}40%{opacity:1;transform:translate(3px)}to{transform:none}}@keyframes ripple{0%{transform:none}40%{transform:scale(1.5)}to{transform:none}}@keyframes sweepdown{0%{opacity:1;top:0}75%{opacity:1}to{opacity:0;top:100%}}@keyframes pvsweep{0%{opacity:1;left:-45%}80%{opacity:1}to{opacity:0;left:100%}}@keyframes badgein{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:1;transform:none}}@keyframes badgeout{to{opacity:0;transform:translateY(-6px)scale(.8)}}@keyframes badgering{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes drawn{to{stroke-dashoffset:0}}@keyframes wobble{0%{transform:none}25%{transform:rotate(-14deg)}55%{transform:rotate(10deg)}to{transform:none}}@keyframes vsettle{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--vc) 45%, transparent)}to{box-shadow:0 0 0 14px #0000}}@keyframes vrise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ringfill{to{stroke-dashoffset:0}}@keyframes arrowbob{0%{transform:none}35%{transform:translateY(3px)}70%{transform:translateY(-1px)}to{transform:none}}@keyframes gobump{0%{transform:none}30%{transform:scale(1.08,.88)}60%{transform:scale(.97,1.05)}to{transform:none}}@media (width<=980px){.app{grid-template-rows:52px auto;height:auto;min-height:100vh}.body{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.rail button{border-bottom:0;border-right:1px solid var(--hair);flex:1 0 64px}.rail button.on:before{width:auto;height:2px;inset:auto 0 0}.canvas{padding:22px 14px 18px}.qr canvas{max-height:min(62vw,420px)}.dock{flex-wrap:wrap;justify-content:center;animation:none;position:static;transform:none}.toast{bottom:14px}.coords,.tickx,.ticky{display:none}.inspector{border-left:0;border-top:1px solid var(--line)}.ibody{overflow:visible}.rl-acts{opacity:1}.plain{min-height:38px}.seg button{min-height:34px}}@media (width<=520px){.brand em{display:none}.dl{flex:1 0 100%;order:-1}.dock .sep{display:none}.recwrap{position:static}.recpop{width:auto;top:calc(100% + 6px);left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.app *,.app :before,.app :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.qrframe,.plain:hover:not(:disabled){transform:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.qrframe.testing:before{--m:var(--acc);animation:vf-close 1.2s var(--ease) both}@keyframes vf-close{0%{opacity:.2;inset:-16px}35%{opacity:1}to{opacity:1;inset:0}}.scanfx{animation:1.2s linear both fxlife}@keyframes fxlife{0%,90%{opacity:1}to{opacity:0}}.beam{background:var(--acc);height:2px;box-shadow:0 0 12px 2px color-mix(in srgb, var(--acc) 55%, transparent);animation:1s cubic-bezier(.65,0,.35,1) .1s both beam-pass;position:absolute;top:0;left:0;right:0}.beam:before{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--acc) 22%, transparent), transparent);height:56px;position:absolute;bottom:2px;left:0;right:0}@keyframes beam-pass{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:calc(100% - 2px)}}.qrframe.res-ok:before{--m:var(--ok)}.qrframe.res-warn:before{--m:var(--warn)}.details{border-top:1px solid var(--hair);flex-direction:column;gap:12px;padding-top:16px;display:flex}.onscan{border:1px solid var(--line);border-left:2px solid var(--acc);background:var(--paper);border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.onscan svg{color:var(--acc);flex-shrink:0;margin-top:2px}.onscan span{min-width:0;color:var(--mute);flex-direction:column;gap:2px;font-size:11.5px;display:flex}.onscan b{overflow-wrap:anywhere;color:var(--ink);font-size:13px;font-weight:600}.stats{grid-template-columns:1fr 1fr;gap:6px;margin:0;display:grid}.stats>div{border:1px solid var(--line);background:var(--panel);min-width:0;animation:pop .35s var(--press) both;animation-delay:calc(var(--n,0) * 30ms);border-radius:6px;flex-direction:column;gap:6px;padding:9px 10px;display:flex}.stats dt{color:var(--mute);font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.stats dd{font:500 12.5px/1.2 var(--mono);margin:0}.dbar{vertical-align:middle;gap:3px;margin-left:8px;display:inline-flex}.dbar i{background:var(--line);border-radius:1px;width:10px;height:4px}.dbar i.on{background:var(--ok)}.dbar.mid i.on{background:var(--warn)}.dbar.high i.on{background:var(--bad)}.fsizes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.fsizes button{border:1px solid var(--line);background:var(--panel);cursor:pointer;box-shadow:inset 0 1px 0 var(--key-hi), 0 1px 2px var(--key-lo);transition:border-color .15s, transform .14s var(--press), box-shadow .15s;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 9px;display:flex}.fsizes button:hover{border-color:var(--acc);box-shadow:inset 0 1px 0 var(--key-hi), 0 6px 12px -6px var(--key-lo);transform:translateY(-1px)}.fsizes button:active{transform:translateY(1px)scale(.97)}.fsizes b{font:600 12px/1 var(--mono);transition:color .15s}.fsizes button:hover b{color:var(--acc)}.fsizes span{color:var(--mute);font:500 10.5px/1 var(--mono)}.raw{border:1px dashed var(--line);background:var(--paper);width:100%;color:var(--mute);text-align:left;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:10px;padding:9px 10px;transition:border-color .15s,color .15s;display:flex}.raw:hover{border-color:var(--acc);color:var(--acc)}.raw svg{flex-shrink:0;margin-top:2px}.raw code{-webkit-line-clamp:3;overflow-wrap:anywhere;font:500 11.5px/1.45 var(--mono);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ibody{scrollbar-gutter:stable;overflow-anchor:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}.ibody,.ibody>*{animation-name:fadein}@media (width<=980px){.ibody{min-height:560px}}.app{overflow-anchor:none}@media (width>=981px){.app{overflow:hidden}}.ibody{scrollbar-gutter:stable}@media (width<=980px){.ibody{height:min(640px,80vh);min-height:0;overflow-y:auto}}.vline{animation:.55s ease-in-out infinite alternate vline}.vmark{stroke-dasharray:1;stroke-dashoffset:1px;transform-box:fill-box;transform-origin:50%;animation:drawn .5s var(--ease) .1s forwards}@keyframes brkpulse{50%{transform:scale(.78)}}@keyframes vline{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}@keyframes vfill{0%{opacity:.2;transform:scaleX(0)}55%{opacity:.2;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes vstreak{0%{transform:translate(-100%)}to{transform:translate(100%)}}.grid2>.toggle,.grid2>.swatch:last-child:nth-child(2n){grid-column:1/-1}.swatch input::-webkit-color-swatch{border:1px solid color-mix(in srgb, var(--ink) 40%, transparent)}.swatch input::-moz-color-swatch{border:1px solid color-mix(in srgb, var(--ink) 40%, transparent)}.presets button i{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);height:24px}.slide>span{align-items:center}.slide,.tgrid button,.presets button,.toggle{-webkit-user-select:none;user-select:none}.glyph{grid-template-columns:repeat(3,10px);gap:2px}.glyph i{width:10px;height:10px}html,body,#root{width:100%;max-width:none;height:100%;margin:0;padding:0}html{scrollbar-gutter:auto;background:#fbfbf9}html:has(.app.dark){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#161615}@media (width>=981px){html,body{overflow:hidden}}.gpill{background:var(--paper);font:600 10px/1.2 var(--mono);letter-spacing:0;border-radius:3px;margin-left:4px;padding:2px 6px}.gpill.good{color:var(--ok)}.gpill.mid{color:var(--warn)}.gpill.bad{color:var(--bad)}.factors{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.factors li{--c:var(--ok);animation:pop .35s var(--press) both;animation-delay:calc(var(--n,0) * 40ms);grid-template-columns:70px 1fr 66px;align-items:center;gap:10px;font-size:12px;display:grid}.factors li.mid{--c:var(--warn)}.factors li.bad{--c:var(--bad)}.factors span{color:var(--mute);font-weight:500}.factors em{font:500 11px/1 var(--mono);text-align:right}.fbar{background:var(--line);border-radius:99px;height:4px;overflow:hidden}.fbar b{height:100%;width:calc(var(--s) * 1%);border-radius:inherit;background:var(--c);transition:width .5s var(--ease), background .3s;display:block}.stagewrap{isolation:isolate}.stagewrap:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--acc) 9%, transparent), transparent);position:absolute;inset:-50px -80px}.bar{background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand em{border:1px solid var(--line);background:var(--paper);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:3px 9px;font-size:10.5px}.rail button{font-size:10px}.rail button.on{background:color-mix(in srgb, var(--acc) 6%, var(--paper))}.rail button.on svg{color:var(--acc)}.qrcard{transition:box-shadow .3s var(--ease);border-radius:8px}.qrcard:not(.stale):hover{box-shadow:0 1px 2px #00000014,0 32px 52px -24px #00000073}.dock{background:color-mix(in srgb, var(--panel) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2)}.dl{background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 88%, #fff), var(--acc));box-shadow:inset 0 1px 0 #ffffff47, 0 6px 16px -8px color-mix(in srgb, var(--acc) 80%, transparent)}.dl.done{background:var(--ok)}.dl:disabled{background:var(--line)}.ibody h3{align-items:center;gap:10px;display:flex}.ibody h3:after{content:"";background:var(--hair);flex:1;height:1px}.ibody h3 em{order:1}.details{gap:14px}.stats>div{transition:border-color .15s, transform .15s var(--press)}.stats>div:hover{border-color:var(--mute);transform:translateY(-1px)}.itabs button.on{font-weight:600}@media (width<=520px){.factors li{grid-template-columns:62px 1fr 58px}}.app .canvas:after{content:"";pointer-events:none;background:radial-gradient(480px circle at var(--mx,50%) var(--my,45%), #ff6a3d14, transparent 62%);position:absolute;inset:0}.app .qrframe{position:relative}.app .qrframe:before{content:"";z-index:-1;filter:blur(50px);background:radial-gradient(closest-side,#ff6a3d24,#0000 70%);border-radius:50%;transition:opacity .5s,transform .5s;position:absolute;inset:-14%}.app .qrcard{border-radius:16px;box-shadow:0 30px 70px -24px #000000b3,0 0 0 1px #ffffff0f}.app .details h3{letter-spacing:.2em;text-transform:uppercase;opacity:.65;align-items:center;gap:10px;margin:26px 0 12px;font:500 10px/1 Geist Mono,ui-monospace,monospace;display:flex}.app .factors li{padding:7px 0}.app .fbar b{transform-origin:0;animation:fgrow .9s var(--ease,cubic-bezier(.22, 1, .36, 1)) both;animation-delay:calc(var(--n) * 70ms + .12s)}@keyframes fgrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.app .factors em{font-variant-numeric:tabular-nums;font-style:normal}.app .stats>div,.app .fsizes button,.app .raw,.app .onscan{transition:transform .3s var(--ease,cubic-bezier(.22, 1, .36, 1)), border-color .3s, background .3s}.app .fsizes button:active{transform:translateY(0)scale(.97)}.app .rail button{transition:background .3s, color .3s, transform .3s var(--ease,ease)}.app .dock{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);box-shadow:0 24px 56px -20px #000000b3}.app .ibody{animation:ibin .45s var(--ease,cubic-bezier(.22, 1, .36, 1)) both}@keyframes ibin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.app .stats>div,.app .factors li{animation:ibin .5s var(--ease,cubic-bezier(.22, 1, .36, 1)) both;animation-delay:calc(var(--n) * 40ms)}.app .vrow{gap:10px;margin-top:22px}.app .brand .wm{font-size:1.1em}.app .onscan svg{color:var(--hot,var(--acc))}.app .toast{bottom:92px}@media (prefers-reduced-motion:reduce){.app .ibody,.app .stats>div,.app .factors li,.app .fbar b{animation:none!important}}.app .bg-cv{pointer-events:none;z-index:0;opacity:.75;width:100%;height:100%;display:block;position:absolute;inset:0}.app:not(.dark) .bg-cv{opacity:.28;mix-blend-mode:multiply;filter:contrast(1.15)brightness(1.05)}.app .bg-vignette{z-index:1;pointer-events:none;background:radial-gradient(65% 65%,#0000 20%,#05060a99 65%,#05060af2 100%),linear-gradient(#05060a80,#0000 15% 85%,#05060a80);position:absolute;inset:0}.app:not(.dark) .bg-vignette{background:radial-gradient(65% 65%,#0000 20%,#f5f3eca6 65%,#f5f3ecf5 100%),linear-gradient(#f5f3ec80,#0000 15% 85%,#f5f3ec80)}.app>.bar,.app>.body{z-index:2;position:relative}.app .canvas:before{display:none}.app .canvas:after{z-index:2}.app,.app.dark{--bg:#05060a;--panel:#ffffff08;--panel-2:#ffffff0f;--line:#ffffff1a;--ink:#f2f2f5;--mute:#8d8e99;--hair:#ffffff0f;--paper:#0c0d12;--hue:24;--hot:hsl(var(--hue) 100% 62%);--accent:var(--hot);--acc:var(--hot);--acc-ink:#fff;--ease:cubic-bezier(.22, 1, .36, 1);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Geist,system-ui,sans-serif}.app:not(.dark){--bg:#f5f3ec;--panel:#0a0a100a;--panel-2:#0a0a1012;--line:#0a0a101f;--ink:#111218;--mute:#676974;--hair:#0a0a1014;--paper:#edeae0;--hot:#f5510a;--acc:#f5510a;--acc-ink:#fff;--key-hi:#ffffffd9;--key-lo:#0a0a100f;background:var(--bg);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app{isolation:isolate;position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60vmax 45vmax at 68% 52%, hsl(var(--hue) 95% 55% / .11), transparent 70%), radial-gradient(50vmax 30vmax at 50% 112%, hsl(var(--hue) 95% 50% / .15), transparent 70%), radial-gradient(40vmax 35vmax at 20% 20%, hsl(calc(var(--hue) + 180) 60% 55% / .04), transparent 70%);position:fixed;inset:0}.app.dark:after,.app:not(.dark):after{content:"";z-index:50;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.app .bar,.app .rail,.app .inspector{border-color:var(--line);background:0 0}.app .canvas{background:0 0}.app .inspector,.app .rail{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:color-mix(in srgb, var(--bg) 75%, transparent)}.app .stats>div,.app .fsizes button,.app .raw,.app .onscan,.app .tgrid button,.app .presets button,.app .swatch,.app .toggle,.app .inwrap,.app .drop{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px}.app .tgrid button.on,.app .presets button.on{border-color:var(--hot);background:color-mix(in srgb, var(--hot) 12%, transparent);box-shadow:0 0 28px -8px color-mix(in srgb, var(--hot) 70%, transparent), inset 0 1px 0 #ffffff14}.app .inwrap:focus-within{border-color:var(--hot);box-shadow:0 0 0 3px color-mix(in srgb, var(--hot) 22%, transparent)}.app input{color:var(--ink);font-family:Geist,sans-serif}.app .wm{letter-spacing:-.01em;font:400 27px/1 Instrument Serif,Georgia,serif}.app .brand em{border:1px solid var(--line);color:var(--mute);letter-spacing:.08em;text-transform:uppercase;background:var(--panel-2);border-radius:99px;padding:3px 10px;font:500 10px/1.2 Geist Mono,ui-monospace,monospace}.app .tl,.app .details h3,.app .stats dt,.app .rail span,.app .rh h3,.app .rhead h3,.app .field>span,.app .seg+span{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);font-family:Geist Mono,ui-monospace,monospace}.app .itabs button.on{color:var(--ink)}.app .plain{border:1px solid var(--line);background:var(--panel);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:99px}.app .plain:hover:not(:disabled){border-color:color-mix(in srgb, var(--hot) 70%, transparent);background:var(--panel-2);box-shadow:0 8px 24px -8px #0006, 0 0 16px -4px color-mix(in srgb, var(--hot) 20%, transparent);transform:translateY(-1px)}.app .dl{background:linear-gradient(180deg, color-mix(in srgb, var(--hot) 86%, #fff), var(--hot));color:#130905;box-shadow:inset 0 1px 0 #ffffff73, 0 18px 40px -14px var(--hot);border-radius:14px}.app .dl:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff73, 0 24px 50px -12px var(--hot), 0 0 30px -8px var(--hot)}.app .dock{background:color-mix(in srgb, var(--bg) 60%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border-radius:20px}.app .seg{background:var(--panel);border:1px solid var(--line);border-radius:99px}.app .rail button.on:before{display:none}.app .itabs button.on:after,.app .slide input{accent-color:var(--hot)}.app .recpop{background:color-mix(in srgb, var(--bg) 88%, #000);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);border-radius:18px}.app .cnt{background:var(--hot);color:#130905}.app .qrcard{border-radius:16px;padding:0;box-shadow:0 24px 52px -26px #000c,0 0 0 1px #ffffff0f}.app:not(.dark) .qrcard{box-shadow:0 1px 3px #00000014,0 24px 44px -20px #00000038,0 0 0 1px #0000000f}.app .canvas{--grid-a:#ffffff0a;--grid-b:#ffffff14;background:0 0}.app:not(.dark) .canvas{--grid-a:#05060a0d;--grid-b:#05060a17}.app .canvas:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-a) 1px, transparent 1px), linear-gradient(90deg, var(--grid-a) 1px, transparent 1px), linear-gradient(var(--grid-b) 1px, transparent 1px), linear-gradient(90deg, var(--grid-b) 1px, transparent 1px);background-position:50%;background-size:28px 28px,28px 28px,140px 140px,140px 140px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 58% at 50% 46%,#000 20%,#0000 80%);mask-image:radial-gradient(65% 58% at 50% 46%,#000 20%,#0000 80%)}.app .qrcard{animation:6s ease-in-out infinite qfloat}@keyframes qfloat{50%{transform:translateY(-8px)}}.app .qrframe:after{content:"";z-index:-1;filter:blur(8px);background:radial-gradient(closest-side,#000000a6,#0000);height:26px;animation:6s ease-in-out infinite qshadow;position:absolute;bottom:-34px;left:12%;right:12%}@keyframes qshadow{50%{opacity:.6;transform:scale(.88)}}.app .call{background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);white-space:nowrap;animation:callin .8s var(--ease) both;border-radius:14px;flex-direction:column;gap:4px;padding:9px 14px;font:500 9.5px/1 Geist Mono,ui-monospace,monospace;display:flex;position:absolute}.app .call b{letter-spacing:-.02em;color:var(--ink);text-transform:none;font:600 15px/1 Geist,sans-serif}.app .call:before{content:"";background:linear-gradient(90deg, transparent, var(--hot));opacity:.75;width:62px;height:1px;position:absolute;top:50%}.app .c1{animation-delay:.1s;top:12%;left:calc(100% + 40px)}.app .c2{animation-delay:.25s;top:46%;left:calc(100% + 40px)}.app .c3{text-align:right;animation-delay:.4s;top:70%;right:calc(100% + 40px)}.app .c1:before,.app .c2:before{right:100%;transform:scaleX(-1)}.app .c3:before{left:100%}.app .call:after{content:"";background:var(--hot);width:5px;height:5px;box-shadow:0 0 8px var(--hot);border-radius:50%;margin-top:-2.5px;position:absolute;top:50%}.app .c1:after,.app .c2:after{right:calc(100% + 62px)}.app .c3:after{left:calc(100% + 62px)}@keyframes callin{0%{opacity:0;transform:translateY(10px)}}@media (width<=1300px){.app .call{display:none}}.app .call{opacity:.92;transition:opacity .3s var(--ease);padding:8px 12px}.app .call:hover{opacity:1}.app .scorecard{border:1px solid var(--line);background:radial-gradient(130% 150% at 0% 0%, color-mix(in srgb, var(--hot) 16%, transparent), transparent 60%), var(--panel);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 14px;padding:20px 20px 18px;display:flex;position:relative;overflow:hidden}.app .sc-left{flex-direction:column;gap:10px;min-width:0;display:flex}.app .sc-num b{letter-spacing:-.06em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff 20%, color-mix(in srgb, var(--hot) 60%, #fff));color:#0000;-webkit-background-clip:text;background-clip:text;font:700 68px/.9 Geist,sans-serif}.app .sc-num i{color:var(--mute);margin-left:3px;font:500 22px/1 Geist,sans-serif}.app .sc-meta{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);flex-direction:column;align-items:flex-start;gap:10px;font:500 9px/1 Geist Mono,ui-monospace,monospace;display:flex}.app .sc-meta .gpill{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;order:0;margin-left:0;padding:5px 12px;font-size:10px}.app .sc-dial{flex-shrink:0;position:relative}.app .sc-dial svg{display:block;overflow:visible}.app .sd-tr{fill:none;stroke:var(--line);stroke-width:6px}.app .sd-arc{fill:none;stroke:var(--hot);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--hot) 65%, transparent));transition:stroke-dashoffset .9s var(--ease)}.app .sd-tick{stroke:var(--line);stroke-width:1.4px;stroke-linecap:round;transition:stroke .25s calc(var(--i) * 8ms)}.app .sd-tick.on{stroke:var(--hot);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--hot) 80%, transparent))}.app .sd-needle{fill:var(--ink);filter:drop-shadow(0 0 6px var(--hot));transition:transform .9s var(--ease)}@media (width<=420px){.app .sc-dial{display:none}}.app .fbar{background:#ffffff12;border-radius:2px;height:8px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 7px,#0000 7px 10px);mask:repeating-linear-gradient(90deg,#000 0 7px,#0000 7px 10px)}.app .fbar b{background:linear-gradient(90deg, color-mix(in srgb, var(--hot) 60%, #3fd391), #3fd391);box-shadow:none;opacity:.92}.app .factors li.mid .fbar b{background:#f5b53d}.app .factors li.bad .fbar b{background:#ef5d5d}.app .stats{gap:8px}.app .stats>div{border-radius:14px;padding:12px 14px;position:relative;overflow:hidden}.app .stats>div:before{content:"";background:var(--hot);opacity:.8;border-radius:2px;width:22px;height:2px;position:absolute;top:0;left:0}.app .stats dd{letter-spacing:-.01em;margin-top:7px;font:600 15px/1.2 Geist,sans-serif}.app .stats dt{letter-spacing:.2em;font-size:9px}.app .stats>div:hover{border-color:color-mix(in srgb, var(--hot) 45%, transparent);background:color-mix(in srgb, var(--hot) 5%, var(--panel));transform:translateY(-2px)}.app .seg{background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:3px}.app .seg button{color:var(--mute);letter-spacing:.08em;transition:color .25s var(--ease);background:0 0;font:500 12px/1 Geist Mono,ui-monospace,monospace}.app .seg button:hover{color:var(--ink)}.app .seg button.on{color:var(--ink);background:0 0}.app .seg:before{border:1px solid color-mix(in srgb, var(--hot) 60%, transparent);box-shadow:0 0 20px -4px color-mix(in srgb, var(--hot) 60%, transparent);border-radius:99px;background:color-mix(in srgb, var(--hot) 20%, transparent)!important}.app .vrow{justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.app .verdict{--c:#3fd391;cursor:pointer;height:44px;color:var(--ink);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);transition:border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);background:#0c0d13f0;border-radius:99px;align-items:center;gap:14px;padding:0 16px 0 18px;display:inline-flex;box-shadow:0 4px 20px -6px #00000080}.app .verdict:hover{border-color:color-mix(in srgb, var(--c) 55%, transparent);box-shadow:0 10px 30px -10px #00000080, 0 0 20px -6px color-mix(in srgb, var(--c) 25%, transparent);transform:translateY(-1px)}.app .verdict.mid{--c:#f5b53d}.app .verdict.bad{--c:#ef5d5d}.app .verdict.idle{--c:#8d8e99}.app .verdict.testing{--c:var(--hot)}.app .vnum{align-items:baseline;gap:2px;display:inline-flex}.app .vnum b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);font:700 20px/1 Geist,sans-serif}.app .vnum i{color:var(--mute);font:500 12px/1 Geist,sans-serif}.app .vmid small{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font:500 10px/1 Geist Mono,ui-monospace,monospace}.app .vgrade{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--c) 15%, #ffffff0d);border:1px solid color-mix(in srgb, var(--c) 32%, transparent);color:#fff;border-radius:99px;align-items:center;gap:7px;padding:5px 11px;font:600 11px/1 Geist Mono,monospace;display:inline-flex}.app .vgrade .gdot{background:var(--c);width:6px;height:6px;box-shadow:0 0 8px var(--c);border-radius:50%;display:inline-block}.app .ratio{border:1px solid var(--line);height:44px;color:var(--mute);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0d13f0;border-radius:99px;align-items:center;gap:8px;padding:0 16px;font:500 10px/1 Geist Mono,ui-monospace,monospace;display:inline-flex;box-shadow:0 4px 20px -6px #00000080}.app .ratio b{color:var(--ink);letter-spacing:-.02em;font:700 15px/1 Geist Mono,monospace}.app .ratio small{color:var(--mute);font:inherit}.app .ratio.low b{color:#ef5d5d}.app .bar{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:color-mix(in srgb, var(--bg) 65%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.app .itabs button.on{color:var(--ink);text-shadow:0 0 20px color-mix(in srgb, var(--hot) 60%, transparent)}.app .itabs:after{background:linear-gradient(90deg, transparent, var(--hot), transparent);box-shadow:0 0 16px var(--hot)}.app .dock{box-shadow:0 32px 64px -24px #000000b3, 0 0 0 1px #ffffff0a, 0 0 60px -20px color-mix(in srgb, var(--hot) 25%, transparent)}.app .dl{background:linear-gradient(180deg, color-mix(in srgb, var(--hot) 80%, #fff), var(--hot))}.app:not(.in) .inspector,.app:not(.in) .dock{opacity:0;transform:translateY(18px)}.app.in .inspector,.app.in .dock,.app.in .stagewrap{opacity:1;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:none}.app.in .stagewrap{transition-delay:.15s}.app.in .inspector{transition-delay:.25s}.app.in .dock{transition-delay:.35s}@media (prefers-reduced-motion:reduce){.app .inspector,.app .stagewrap,.app .dock{opacity:1;transition:none;transform:none}}.app{min-height:100vh}.app .canvas:after{content:"";pointer-events:none;z-index:0;opacity:.6;background:linear-gradient(var(--grid-b) 1px, transparent 1px) 0 0 / 16px 1px no-repeat, linear-gradient(var(--grid-b) 1px, transparent 1px) 0 0 / 1px 16px no-repeat, linear-gradient(var(--grid-b) 1px, transparent 1px) 100% 0 / 16px 1px no-repeat, linear-gradient(var(--grid-b) 1px, transparent 1px) 100% 0 / 1px 16px no-repeat, linear-gradient(var(--grid-b) 1px, transparent 1px) 0 100% / 16px 1px no-repeat, linear-gradient(var(--grid-b) 1px, transparent 1px) 0 100% / 1px 16px no-repeat, linear-gradient(var(--grid-b) 1px, transparent 1px) 100% 100% / 16px 1px no-repeat, linear-gradient(var(--grid-b) 1px, transparent 1px) 100% 100% / 1px 16px no-repeat;position:absolute;inset:18px}.app .qrframe:before{opacity:.4;transform:scale(.86)}.app .qrframe:hover:before{opacity:.75;transform:scale(.95)}.app .glyph i,.app .cg{opacity:.85}.app .tgrid button:not(.on):hover .glyph i{opacity:1}.app .details{counter-reset:sec;gap:16px}.app .details h3{counter-increment:sec;letter-spacing:.22em;text-transform:uppercase;opacity:.7;align-items:center;gap:10px;margin:24px 0 10px;font:500 9.5px/1 Geist Mono,ui-monospace,monospace;display:flex}.app .details h3:before{content:"0" counter(sec);color:var(--hot);opacity:1;letter-spacing:.1em;font:500 10px/1 Geist Mono,ui-monospace,monospace}.app .details h3:after{content:"";opacity:.12;background:currentColor;flex:1;height:1px}.app .tgrid button{transition:border-color .2s, background .2s, transform .18s var(--ease), box-shadow .2s;border-radius:14px;padding:11px 4px 9px}.app .tgrid button:hover{border-color:color-mix(in srgb, var(--hot) 55%, transparent);background:color-mix(in srgb, var(--hot) 6%, var(--panel));box-shadow:0 6px 20px -6px #0006, 0 0 18px -6px color-mix(in srgb, var(--hot) 25%, transparent)}.app .presets button{border-radius:14px;gap:8px;padding:8px 6px 7px}.app .presets button i{border-radius:8px;height:28px}.app .presets button:hover{border-color:color-mix(in srgb, var(--hot) 55%, transparent);box-shadow:0 8px 24px -8px #0006, 0 0 20px -6px color-mix(in srgb, var(--hot) 25%, transparent)}.app .raw{border-radius:14px}.app .raw code{letter-spacing:.01em}.app .fsizes button{border-radius:14px}.app .fsizes button b{letter-spacing:.04em;font-weight:600}.app .fsizes button span{opacity:.65}.app .fsizes button:hover{border-color:color-mix(in srgb, var(--hot) 50%, transparent);box-shadow:0 8px 22px -8px #0006, 0 0 18px -6px color-mix(in srgb, var(--hot) 20%, transparent)}.app .onscan{border-left-width:2px;border-left-color:var(--hot);border-radius:14px}.app .swatch,.app .toggle{border-radius:14px}.app .inwrap input{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px}.app .inwrap input:hover{border-color:var(--line)}.app .drop{border-color:color-mix(in srgb, var(--mute) 45%, transparent);border-radius:16px}.app .drop:hover{border-color:var(--hot);background:color-mix(in srgb, var(--hot) 5%, var(--panel))}.app .itabs{border-bottom-color:var(--line)}.app .itabs button{letter-spacing:.1em;text-transform:uppercase;padding:14px 0;font:500 12px/1 Geist Mono,ui-monospace,monospace}.app .rail{border-right:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);z-index:3;opacity:1!important;transform:none!important}.app .rail button{letter-spacing:.06em;color:var(--mute);border-bottom:1px solid var(--hair);font-size:10px;opacity:1!important}.app .rail button svg{color:currentColor;stroke:currentColor}.app .rail button:hover{color:var(--ink);background:color-mix(in srgb, var(--hot) 6%, var(--panel));transform:translate(2px)}.app .rail button.on{color:var(--hot);background:color-mix(in srgb, var(--hot) 10%, transparent);box-shadow:inset 3px 0 0 var(--hot), 0 0 35px -8px color-mix(in srgb, var(--hot) 50%, transparent)}.app .rail button.on svg{color:var(--hot);stroke:var(--hot)}@media (width>=981px){.app .dock{transform:translate(-50%)translateY(-2px)}.app .dock:hover{transition:transform .3s var(--ease), box-shadow .3s var(--ease);box-shadow:0 40px 70px -24px #000000b3, 0 0 0 1px #ffffff0d, 0 0 70px -16px color-mix(in srgb, var(--hot) 30%, transparent);transform:translate(-50%)translateY(-5px)}}.app .stagewrap{isolation:isolate}.app .stagewrap:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--hot) 10%, transparent), transparent 72%);filter:blur(8px);width:124%;height:110%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.app .stagewrap>*{z-index:1;position:relative}.app .inspector,.app .inspector *{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}.app:not(.dark){--ink:#0d0e14;--mute:#484b57}.app:not(.dark) .scorecard{background:radial-gradient(130% 150% at 0% 0%, color-mix(in srgb, var(--hot) 14%, transparent), transparent 60%), #fbfaf6;border-color:#0a0a1024;box-shadow:0 4px 18px -4px #0a0a1014}.app:not(.dark) .sc-num b{background:linear-gradient(180deg, #111218 30%, color-mix(in srgb, var(--hot) 80%, #111218));color:#0000;-webkit-background-clip:text;background-clip:text}.app:not(.dark) .sc-num i{color:#3e414f;font-weight:600}.app:not(.dark) .sc-meta{color:#353744;font-weight:700}.app:not(.dark) .sc-meta .gpill{background:#edeae0;border-color:#0a0a1029;font-weight:700}.app:not(.dark) .sd-tr{stroke:#0a0a1024}.app:not(.dark) .sd-tick{stroke:#0a0a1033}.app:not(.dark) .call{color:#383b48;background:#ffffffeb;border-color:#0a0a102e;font-weight:700;box-shadow:0 6px 20px -6px #0a0a101f}.app:not(.dark) .call b{color:#0b0c12;font-weight:700}.app:not(.dark) .verdict{color:#0d0e14;background:#fffffff5;border-color:#0a0a1029;box-shadow:0 4px 18px -4px #0a0a1014}.app:not(.dark) .vnum b{color:#0d0e14}.app:not(.dark) .vnum i{color:#404352}.app:not(.dark) .vmid small{color:#404352;font-weight:700}.app:not(.dark) .vgrade{background:color-mix(in srgb, var(--c) 12%, #fff);border-color:color-mix(in srgb, var(--c) 35%, transparent);color:#0d0e14;font-weight:700}.app:not(.dark) .ratio{color:#404352;background:#fffffff5;border-color:#0a0a1029;box-shadow:0 4px 18px -4px #0a0a1014}.app:not(.dark) .ratio b{color:#0d0e14}.app:not(.dark) .ratio small{color:#404352;font-weight:700}.app:not(.dark) .qrframe:after{display:none!important}.app:not(.dark) .qrframe:before{opacity:.15}.app:not(.dark) .factors li span{color:#2b2d38;font-weight:600}.app:not(.dark) .factors li em{color:#111218;font-weight:700}.app:not(.dark) .fbar{background:#0a0a101f}.app:not(.dark) .details h3,.app:not(.dark) .tl,.app:not(.dark) .field>span,.app:not(.dark) .slide>span,.app:not(.dark) .swatch>span,.app:not(.dark) .toggle>span{color:#353744;font-weight:700}.app:not(.dark) .details h3:after{opacity:.3}.app:not(.dark) .onscan{background:#ffffffbf;border-color:#0a0a1024}.app:not(.dark) .onscan span{color:#3e414f;font-weight:600}.app:not(.dark) .onscan b{color:#0d0e14}.app:not(.dark) .stats>div{background:#fffc;border-color:#0a0a1024}.app:not(.dark) .stats dt{color:#404352;font-weight:700}.app:not(.dark) .stats dd{color:#0d0e14;font-weight:700}.app:not(.dark) .fsizes button{background:#fffc;border-color:#0a0a1024}.app:not(.dark) .fsizes button b{color:#0d0e14}.app:not(.dark) .fsizes button span{color:#404352;font-weight:600}.app:not(.dark) .raw{color:#353744;background:#fffc;border-color:#0a0a1033}.app:not(.dark) .raw code{color:#111218}.app:not(.dark) .rail{background:color-mix(in srgb, var(--bg) 85%, #fff);border-color:#0a0a1024}.app:not(.dark) .rail button{color:#404352;border-bottom-color:#0a0a1014;font-weight:600}.app:not(.dark) .rail button span{color:#404352;font-weight:700}.app:not(.dark) .rail button:hover{color:#0d0e14}.app:not(.dark) .rail button.on,.app:not(.dark) .rail button.on span{color:var(--hot)}.app:not(.dark) .dock{background:#ffffffeb;border-color:#0a0a1029;box-shadow:0 20px 48px -16px #0a0a1026}.app:not(.dark) .dock .seg{background:#edeae0;border-color:#0a0a1024}.app:not(.dark) .dock .seg button{color:#404352;font-weight:700}.app:not(.dark) .dock .seg button.on{color:#0d0e14}.app:not(.dark) .dock .seg:before{border:1px solid #0a0a101f;box-shadow:0 1px 4px #0a0a101f;background:#fff!important}.app:not(.dark) .dock .plain{color:#0d0e14;background:#fff;border-color:#0a0a1029}.app:not(.dark) .dock .sep{background:#0a0a1024}.app:not(.dark) .bar{background:color-mix(in srgb, var(--bg) 85%, #fff);border-color:#0a0a1024}.app:not(.dark) .brand .wm{color:#0d0e14}.app:not(.dark) .brand em{color:#404352;background:#edeae0;border-color:#0a0a1029;font-weight:700}.app:not(.dark) .coords{color:#404352;font-weight:600}.app:not(.dark) .plain{color:#111218;background:#fff;border-color:#0a0a1029;font-weight:600}.app:not(.dark) .plain:hover:not(:disabled){border-color:var(--hot);background:#edeae0}.app:not(.dark) .inspector{background:color-mix(in srgb, var(--bg) 85%, #fff);scrollbar-color:#0a0a1033 transparent;border-color:#0a0a1024}.app:not(.dark) .itabs button{color:#404352;font-weight:700}.app:not(.dark) .itabs button.on{color:#0d0e14;text-shadow:none}.app:not(.dark) .inwrap input{color:#0d0e14;background:#fff;border-color:#0a0a1029}.app:not(.dark) .tgrid button{color:#353744;background:#ffffffd9;border-color:#0a0a1024;font-weight:600}.app:not(.dark) .tgrid button:hover{color:#0d0e14;border-color:var(--hot)}.app:not(.dark) .presets button{color:#111218;background:#ffffffd9;border-color:#0a0a1024;font-weight:600}.app:not(.dark) .swatch,.app:not(.dark) .toggle{color:#111218;background:#ffffffd9;border-color:#0a0a1024}.app:not(.dark) .slide em{color:#0d0e14;font-weight:700}.app:not(.dark) .slide input::-webkit-slider-thumb{border-color:var(--hot);background:#fff}.app .wipe{z-index:400;pointer-events:none;opacity:0;transform-origin:var(--tx,50%) var(--ty,0);background:radial-gradient(circle at var(--tx,50%) var(--ty,0), var(--hot), transparent 62%);position:fixed;inset:0}.app .wipe.run{animation:.58s cubic-bezier(.22,1,.36,1) both themewipe2;pointer-events:none!important}@keyframes themewipe2{0%{opacity:0;transform:scale(.18)}38%{opacity:.34}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.app .wipe.run{animation:none}}.ss{--hue:24;--hot:hsl(var(--hue) 100% 64%);--ink:#f2f2f5;--mute:#8d8e99;z-index:1;pointer-events:none;height:1000vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:0 0;font:400 14px/1.5 Geist,system-ui,-apple-system,Segoe UI,sans-serif;position:relative}.ss-skip,.ss-rail button{pointer-events:auto}.ss *,.ss :before,.ss :after{box-sizing:border-box}.ss h1,.ss h2,.ss p,.ss dl,.ss dd,.ss ul{margin:0;padding:0}.ss i,.ss em{font-style:normal}.ss-stick{--iris:0%;background:#05060a;height:100dvh;position:sticky;top:0;overflow:hidden}.ss-stick.iris-on{-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #00000059 calc(var(--iris) + 6%), #000 calc(var(--iris) + 14%));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #00000059 calc(var(--iris) + 6%), #000 calc(var(--iris) + 14%));mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #00000059 calc(var(--iris) + 6%), #000 calc(var(--iris) + 14%))}.ss-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ss-glow{pointer-events:none;background:radial-gradient(60vmax 45vmax at 68% 52%, hsl(var(--hue) 95% 55% / .12), transparent 70%), radial-gradient(50vmax 30vmax at 50% 112%, hsl(var(--hue) 95% 50% / .1), transparent 70%);position:absolute;inset:0}.ss-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#000000a6);position:absolute;inset:0}.ss-grain{pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.ss-prog{background:var(--hot);transform-origin:0;height:2px;box-shadow:0 0 12px var(--hot);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ss-nav{z-index:5;justify-content:space-between;align-items:center;padding:20px clamp(18px,3.4vw,44px);transition:opacity .4s;display:flex;position:absolute;top:0;left:0;right:0}.ss-nav:hover{opacity:1!important}.ss-brand{letter-spacing:-.01em;align-items:center;gap:10px;font:400 27px/1 Instrument Serif,Georgia,serif;display:inline-flex}.ss-brand i{border:2px solid var(--ink);border-radius:3px;width:12px;height:12px;position:relative}.ss-brand i:after{content:"";background:var(--hot);border-radius:1px;position:absolute;inset:2px}.ss-brand em{color:var(--mute);letter-spacing:.06em;text-transform:uppercase;border:1px solid #ffffff29;border-radius:99px;margin-left:4px;padding:3px 9px;font:500 10px/1.2 Geist Mono,ui-monospace,monospace}.ss-skip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:99px;padding:9px 16px;font:500 12.5px/1 Geist,sans-serif;transition:border-color .2s,background .2s,transform .2s}.ss-skip:hover{border-color:var(--hot);background:#ffffff14;transform:translateY(-1px)}.ss-skip:focus-visible,.ss-cta:focus-visible,.ss-rail button:focus-visible{outline:2px solid var(--hot);outline-offset:3px}.ch{z-index:3;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, transform;width:min(36vw,520px);margin-top:-18vh;position:absolute;top:50%;left:clamp(22px,6vw,96px)}.ch:not(.ch-hero):not(.ch-cta):before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 42%,#05060a9e,#0000);position:absolute;inset:-14vh -8vw -14vh -10vw}.kick{color:var(--mute);letter-spacing:.22em;margin-bottom:18px;font:500 11px/1 Geist Mono,ui-monospace,monospace;display:block}.kick b{color:var(--hot);font-weight:500}.kick:after{content:"";width:calc(var(--k,0) * 48px);background:var(--hot);vertical-align:middle;height:1px;margin-left:12px;display:inline-block}.ch h2{letter-spacing:-.045em;text-shadow:0 2px 40px #05060ab3;font:700 clamp(40px,5.6vw,88px)/.94 Geist,sans-serif}.ch h2 em{letter-spacing:-.02em;color:var(--hot);font:italic 400 1.04em/1 Instrument Serif,Georgia,serif}.ch p{max-width:400px;color:var(--mute);margin-top:20px;font-size:15.5px;line-height:1.6}.chips{flex-wrap:wrap;gap:8px;margin-top:22px;list-style:none;display:flex}.chips li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.05em;background:#ffffff0a;border:1px solid #ffffff29;border-radius:99px;padding:7px 13px;font:500 11.5px/1 Geist Mono,ui-monospace,monospace}.ch-hero{text-align:center;width:auto;margin:0;top:9vh;left:0;right:0}.hero-title{letter-spacing:-.05em;background:linear-gradient(#fff 30%,#7b7d8c);-webkit-background-clip:text;background-clip:text;justify-content:center;font:800 clamp(76px,18vw,280px)/.86 Geist,sans-serif;display:flex}.hero-title span{color:#0000;animation:1.1s cubic-bezier(.22,1,.36,1) both ss-rise;animation-delay:calc(var(--i) * 70ms + .15s);display:inline-block}.hero-sub{color:#8d8e99;letter-spacing:.5em;text-indent:.5em;margin-top:22px;font:400 clamp(11px,1.45vw,18px)/1 Geist,sans-serif;animation:1.2s .9s both ss-fade}@keyframes ss-rise{0%{opacity:0;filter:blur(10px);transform:translateY(60%)}to{opacity:1;filter:none;transform:none}}@keyframes ss-fade{0%{opacity:0}to{opacity:1}}.ss-hint{z-index:3;color:#7d7e89;letter-spacing:.4em;text-indent:.4em;pointer-events:none;flex-direction:column;align-items:center;gap:10px;font:500 10.5px/1 Geist Mono,ui-monospace,monospace;animation:1s 1.4s backwards ss-fade;display:flex;position:absolute;bottom:3.2vh;left:50%;transform:translate(-50%)}.ss-hint i{background:linear-gradient(var(--hot), transparent);transform-origin:top;width:1px;height:46px;animation:2s ease-in-out infinite ss-drip}@keyframes ss-drip{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.ch-scan{margin-top:0;padding-top:32vh;top:0;bottom:0}.readout{width:max-content;display:block;position:absolute;bottom:9vh;left:0}.pct{align-items:baseline;display:flex}.pct b{letter-spacing:-.06em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff, hsl(var(--hue) 100% 72%));color:#0000;filter:drop-shadow(0 0 30px hsl(var(--hue) 100% 60% / .35));-webkit-background-clip:text;background-clip:text;font:700 clamp(72px,9vw,128px)/.9 Geist,sans-serif}.pct i{color:var(--mute);margin-left:4px;font:500 clamp(24px,3vw,40px)/1 Geist,sans-serif}.pct-label{color:var(--mute);letter-spacing:.2em;text-transform:uppercase;margin-top:10px;font:500 10.5px/1 Geist Mono,ui-monospace,monospace;display:block}.pct-bar{background:#ffffff1a;border-radius:3px;width:min(320px,70vw);height:3px;margin-top:16px;overflow:hidden}.pct-bar i{transform-origin:0;background:linear-gradient(90deg, var(--hot), #3fd391);height:100%;box-shadow:0 0 12px var(--hot);display:block;transform:scaleX(0)}.pct-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.pct-meta span{color:var(--mute);border:1px solid #ffffff24;border-radius:99px;padding:6px 11px;font:500 11px/1 Geist Mono,ui-monospace,monospace}.ch-cta{text-align:center;width:auto;margin-top:-16vh;left:0;right:0}.ch-cta:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#05060ae0,#05060a80 60%,#0000);position:absolute;inset:-34vh -24vw}.ch-cta h2.big{color:#fff;text-shadow:0 6px 60px #0009;font-size:clamp(64px,11vw,170px)}.ch-cta h2 em{color:#e4e9ff}.ch-cta .ss-cta{color:#0b0b10;background:#fff;box-shadow:0 20px 50px -14px #ffffff59}.ch-cta .ss-cta:hover{box-shadow:0 26px 60px -12px #ffffff80}.ss-cta{background:linear-gradient(180deg, color-mix(in srgb, var(--hot) 86%, #fff), var(--hot));color:#130905;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff73, 0 18px 40px -14px var(--hot);border:0;border-radius:14px;align-items:center;gap:12px;margin-top:30px;padding:17px 28px;font:600 14.5px/1 Geist,sans-serif;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.ss-cta svg{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.ss-cta:hover{box-shadow:inset 0 1px 0 #ffffff73, 0 24px 50px -12px var(--hot);transform:translateY(-2px)}.ss-cta:hover svg{transform:translateY(4px)}.ss-cta:active{transform:translateY(1px)scale(.97)}.ss-rail{z-index:4;flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;right:clamp(14px,2.4vw,34px);transform:translateY(-50%)}.ss-rail button{color:var(--mute);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:12px;padding:7px 0;display:flex}.ss-rail em{opacity:0;letter-spacing:.14em;text-transform:uppercase;font:500 10px/1 Geist Mono,ui-monospace,monospace;transition:opacity .25s,transform .25s,color .25s;transform:translate(6px)}.ss-rail i{background:#ffffff38;border-radius:2px;width:14px;height:2px;transition:width .35s cubic-bezier(.22,1,.36,1),background .25s}.ss-rail button:hover em,.ss-rail button.on em{opacity:1;transform:none}.ss-rail button.on{color:var(--ink)}.ss-rail button.on i{background:var(--hot);width:34px;box-shadow:0 0 10px var(--hot)}.ss-rail button:hover i{background:var(--ink)}.ss-rail button:first-child i{transition-delay:0s}.ss-rail button:nth-child(2) i{transition-delay:45ms}.ss-rail button:nth-child(3) i{transition-delay:90ms}.ss-rail button:nth-child(4) i{transition-delay:.135s}.ss-rail button:nth-child(5) i{transition-delay:.18s}.ss-rail button:nth-child(6) i{transition-delay:.225s}.ss-rail button:nth-child(7) i{transition-delay:.27s}.ss-hud{z-index:3;color:#6c6d78;letter-spacing:.14em;pointer-events:none;font:500 10.5px/1 Geist Mono,ui-monospace,monospace;position:absolute;bottom:3.2vh;left:clamp(22px,6vw,96px)}.ss-hud b{color:#b6b7c2;margin-left:8px;font-weight:500}@media (width<=820px){.ch{width:auto;margin-top:0;top:14vh;left:22px;right:22px}.ch h2{font-size:clamp(36px,11vw,56px)}.ch p{margin-top:12px;font-size:14px}.ch-hero{top:13vh;left:0;right:0}.ch-cta{top:22vh}.ch-scan{padding-top:14vh;top:0}.readout{bottom:3vh}.pct b{font-size:clamp(56px,17vw,96px)}.pct i{font-size:22px}.pct-bar{width:min(320px,86vw)}.ss-brand em,.ss-rail em,.ss-hud{display:none}.ss-rail{right:10px}.ss-nav .ss-skip{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0b0eb8}.chips li{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (width<=820px) and (height<=700px){.ch p{display:none}}@media (prefers-reduced-motion:reduce){.hero-title span,.hero-sub,.ss-hint,.ss-hint i{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}html,body,#root{min-height:100%;height:auto!important}html,body{overflow:visible!important}html{scroll-behavior:auto;overflow-y:auto!important}.studio-section{z-index:0;margin-top:-100vh;position:relative}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
