@font-face{font-family:Montserrat;src:url('/assets/montserrat-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}@font-face{font-family:'Open Sans';src:url('/assets/open-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Open Sans';src:url('/assets/open-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#080d24;--panel:#101a35;--ink:#f6f8ff;--muted:#a9b9d6;--blue:#268bff;--cyan:#37e4ff;--yellow:#ffde00;--line:#34486b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 35%,#12316944,transparent 55%),var(--bg);color:var(--ink);font-family:'Open Sans',system-ui,sans-serif;line-height:1.8;letter-spacing:.01em;min-width:320px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.skip{position:absolute;top:-80px;z-index:10;background:var(--yellow);color:var(--bg);padding:12px}.skip:focus{top:0}.topbar{height:96px;max-width:1440px;margin:auto;padding:12px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.topbar img{width:180px;height:auto;display:block}.back{font-size:13px;font-weight:600;color:var(--muted);display:flex;gap:20px;align-items:center}.back span{font-size:25px;color:var(--yellow)}.tool{max-width:1360px;margin:48px auto 80px;padding:0 48px;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:'machine intro' 'machine controls';gap:24px 64px;align-items:start}.intro{grid-area:intro}.kicker{font-size:11px;letter-spacing:.18em;color:var(--cyan);font-weight:600;display:flex;gap:12px;align-items:center}.bolt{font-size:24px;color:var(--yellow)}h1,h2{font-family:Montserrat,sans-serif;font-weight:800;margin:0;letter-spacing:-.055em;line-height:1.1}h1{font-size:clamp(58px,5.6vw,84px);margin:14px 0 20px}h1 span{color:var(--yellow)}p{color:var(--muted);font-size:15px;line-height:1.8;margin:0}.free{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;margin-top:18px}.free span{color:var(--cyan)}.machine{grid-area:machine;position:relative;border:1px solid #456496;border-radius:24px;background:linear-gradient(130deg,#28395a 0,#101a32 3%,#0b142a 60%,#203b61 100%);box-shadow:inset 0 1px #a4c7ff44,0 2px 4px #0003,0 20px 65px #0008,0 0 65px #1967ed0c;padding:18px;overflow:hidden}.machine-top,.machine-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.1em;font-weight:600;color:#a5bfdf;line-height:1.6}.machine-top{padding:0 4px 18px}.machine-status{display:flex;gap:6px;align-items:center;color:var(--cyan)}.machine-status i{width:5px;height:5px;background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.machine-top button{padding:5px 7px;font-size:8px;letter-spacing:.05em;background:#111f37;color:#b3c7e3;border:1px solid #3c5375;border-radius:5px;min-height:30px}.chamber{aspect-ratio:1;position:relative;isolation:isolate;border-radius:12px;background:radial-gradient(ellipse at 50% 65%,#1a65cc66 0,transparent 65%),linear-gradient(#050e25,#0c1b3a);border:1px solid #2b4873;overflow:hidden;display:grid;place-items:center}.chamber:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px #03071880;z-index:5;border-radius:inherit}.mascot{width:96%;height:96%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 15px 18px #0008);animation:float 6s ease-in-out infinite}.user-image{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;z-index:2;background:#07112b}.result-image{z-index:3}.orbit{position:absolute;width:83%;height:83%;border-radius:50%;border:1px solid #2876d73a;transform:rotateX(45deg);box-shadow:0 0 40px #2976ff19;z-index:0}.orbit-two{width:110%;height:110%;border-style:dashed;animation:rotate 80s linear infinite}.grid-floor{position:absolute;inset:60% -20% -20%;background:linear-gradient(#268bff22 1px,transparent 1px),linear-gradient(90deg,#268bff22 1px,transparent 1px);background-size:35px 35px;transform:perspective(180px) rotateX(40deg);opacity:.5}.corner{position:absolute;width:22px;height:22px;border:2px solid var(--cyan);z-index:6;opacity:.75}.tl{top:14px;left:14px;border-right:0;border-bottom:0}.tr{top:14px;right:14px;border-left:0;border-bottom:0}.bl{bottom:14px;left:14px;border-right:0;border-top:0}.br{bottom:14px;right:14px;border-left:0;border-top:0}.machine-bottom{padding:18px 4px 0;letter-spacing:.08em;font-size:8px}.bars{font-size:16px;color:var(--cyan);letter-spacing:2px;text-shadow:0 0 12px #3fffff}.scan{display:none;position:absolute;left:0;right:0;top:0;height:3px;background:#d9ffff;box-shadow:0 0 18px 6px #36e4ffa0,0 30px 60px 12px #268bff50;z-index:7}.scan-label{display:none;position:absolute;bottom:28px;left:20%;right:20%;z-index:8;font-size:10px;letter-spacing:.15em;text-align:center;padding:8px;background:#07132ce0;color:var(--cyan);border:1px solid #37e4ff60}.machine[data-state=busy] .scan{display:block;animation:scan 3s ease-in-out infinite}.machine[data-state=busy] .scan-label{display:block}.machine[data-state=busy] .bars{animation:pulse .7s ease-in-out infinite alternate}.machine[data-state=busy]{box-shadow:inset 0 1px #a4c7ff44,0 20px 65px #0008,0 0 55px #268bff40}.machine[data-state=complete]{border-color:var(--yellow)}.machine[data-state=complete] .machine-status{color:var(--yellow)}.burst{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#fffad5,transparent 80%)}.reveal .burst{animation:reveal .8s ease-out}.reveal .result-image{animation:arrive .65s cubic-bezier(.17,.8,.22,1)}.controls{grid-area:controls;min-width:0}form{display:grid;gap:18px}.upload-card{display:flex;width:100%;gap:14px;align-items:center;text-align:left;padding:18px 20px;border:1px dashed #4b638a;border-radius:12px;background:#101d37;color:var(--ink);transition:background .2s,border-color .2s;min-height:82px}.upload-card:hover,.drag-over .upload-card{border-color:var(--cyan);background:#14294d}.upload-card strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.upload-card small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:4px}.upload-card>span:last-child{margin-left:auto;font-size:22px;color:var(--cyan)}.upload-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #4c6d9a;border-radius:8px;font-size:23px;color:var(--cyan)}.consent{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:11px;line-height:1.7}.consent input{accent-color:var(--yellow);width:18px;height:18px;margin:1px 0;flex-shrink:0}.mog-button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;border:1px solid #ffed78;background:linear-gradient(110deg,#ffe842,#ffcf00);border-radius:12px;color:#0a1630;padding:16px 24px;min-height:64px;font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:.01em;font-size:17px;line-height:1.5;box-shadow:inset 0 2px 0 #fff8,0 4px 0 #b08b00,0 10px 35px #ffdd0028;transition:transform .15s,box-shadow .15s}.mog-button:hover:enabled{transform:translateY(-2px);box-shadow:inset 0 2px 0 #fff8,0 6px 0 #b08b00,0 15px 40px #ffdd0040}.mog-button:active:enabled{transform:translateY(3px);box-shadow:inset 0 2px 0 #fff8,0 1px 0 #b08b00,0 8px 25px #ffdd0028}.mog-button:disabled{filter:saturate(.25);opacity:.55;box-shadow:none}.button-bolt{font-size:31px;line-height:1}.live-status{font-size:12px;color:var(--cyan);min-height:24px;margin-top:16px;line-height:1.7}.live-status.error{color:#ffb0ba}.quota{font-size:11px;line-height:1.7;margin-top:6px}.privacy{font-size:10px;line-height:1.8;color:#91a3c3;margin-top:16px;max-width:510px}.privacy a{text-decoration:underline;text-underline-offset:3px}.result-actions{margin-top:20px}.secondary-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.secondary-actions button,.compare button{background:#111f39;color:var(--ink);border:1px solid #354c70;border-radius:8px;padding:11px 16px;min-height:44px;font-size:12px}.secondary-actions button:hover{border-color:var(--cyan)}.compare{position:absolute;z-index:10;bottom:64px;left:50%;transform:translateX(-50%);display:flex;border:1px solid #7894b450;border-radius:10px;background:#081126e8;padding:4px;backdrop-filter:blur(10px)}.compare button{border:0;background:transparent;min-height:36px;padding:5px 18px}.compare button[aria-pressed=true]{background:var(--yellow);color:var(--bg);font-weight:600}.how{max-width:1360px;padding:64px 48px 80px;margin:auto;border-top:1px solid #ffffff12;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.how b{font-family:Montserrat;font-size:12px;color:var(--cyan);letter-spacing:.12em}.how h2{font-size:21px;letter-spacing:-.025em;margin:18px 0 12px}.how p{font-size:12px;max-width:300px}footer{max-width:1360px;padding:24px 48px 40px;margin:auto;border-top:1px solid #ffffff12;display:flex;gap:32px;font-size:11px;color:var(--muted)}footer span{margin-left:auto}.drag-over .machine{border-color:var(--yellow)}
@keyframes float{50%{transform:translateY(-7px)}}@keyframes rotate{to{transform:rotateX(45deg) rotate(360deg)}}@keyframes scan{0%,100%{top:4%}50%{top:96%}}@keyframes pulse{to{opacity:.35}}@keyframes reveal{0%{opacity:.85}100%{opacity:0}}@keyframes arrive{from{transform:scale(.94);filter:brightness(1.7)}to{transform:scale(1);filter:brightness(1)}}
@media(min-width:1440px){.tool{margin-top:64px}}@media(max-width:900px){.tool{gap:24px 32px;padding:0 28px}.topbar{padding-inline:28px}h1{font-size:58px}.machine-top,.machine-bottom{font-size:7px}.machine{padding:12px}.machine-top{gap:5px}.machine-top button{font-size:7px}.bars{font-size:12px;letter-spacing:0}.how{padding-inline:28px;gap:30px}}
@media(max-width:650px){.topbar{height:70px;padding:8px 20px}.topbar img{width:133px}.back{font-size:11px;gap:8px}.back span{font-size:20px}.tool{padding:0 20px;margin:24px auto 48px;grid-template-columns:1fr;grid-template-areas:'intro' 'machine' 'controls';gap:22px;max-width:480px}.intro{position:relative;padding-right:0}.kicker{font-size:9px;letter-spacing:.12em;gap:8px}.bolt{font-size:16px}h1{font-size:clamp(38px,10vw,52px);margin:6px 0 8px}h1 br{display:none}h1 span{display:block}.intro>p{position:absolute;right:0;top:38px;font-size:12px;text-align:right;line-height:1.7}.free{font-size:10px;margin-top:9px;gap:8px}.machine{padding:10px 12px 12px;border-radius:18px}.machine-top{padding-bottom:8px;font-size:8px}.machine-top button{min-height:24px;padding:3px 6px;font-size:7px}.chamber{max-height:320px;aspect-ratio:1.2}.mascot{width:90%;height:98%;object-fit:contain}.machine-bottom{padding-top:9px;font-size:6px}.bars{font-size:12px}.controls form{gap:14px}.upload-card{padding:12px 15px;min-height:62px}.upload-card strong{font-size:12px}.upload-card small{font-size:9px;margin-top:1px}.upload-icon{width:30px;height:30px;font-size:20px}.consent{font-size:10px;line-height:1.7}.mog-button{min-height:58px;font-size:15px;padding:13px 20px}.live-status{margin-top:13px;font-size:11px}.privacy{font-size:9px;margin-top:12px}.how{padding:48px 24px;grid-template-columns:1fr;gap:32px;max-width:480px}.how>div{display:grid;grid-template-columns:30px 1fr;column-gap:16px}.how b{grid-row:1/3;margin-top:3px}.how h2{margin:0 0 9px;font-size:18px}.how p{grid-column:2;font-size:12px;max-width:100%}footer{padding:22px 24px 32px;gap:16px;flex-wrap:wrap;font-size:10px}footer span{margin-left:0;flex-basis:100%}.compare{bottom:43px}.compare button{font-size:11px;padding:4px 14px;min-height:32px}.machine[data-state=complete] .chamber{aspect-ratio:1;max-height:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.machine[data-state=busy] .scan{top:50%;opacity:.5}.reveal .burst{display:none}}

.mog-shades{white-space:nowrap}@media(max-width:650px){.mog-shades{display:block}}