.sx-screen{z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.sx-head{justify-content:center;padding:16px 24px 8px;display:flex}.sx-brand{background:#fff;border-radius:12px;align-items:center;height:44px;padding:6px 14px;display:inline-flex}.sx-brand img{object-fit:contain;max-width:160px;height:30px}.sx-brand-text{letter-spacing:-.01em;color:var(--sr-text);font-size:16px;font-weight:700}.sx-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--sr-faint);text-align:center;font-size:11px}.sx-title{letter-spacing:-.02em;color:var(--sr-text);text-align:center;margin-top:6px;font-size:26px;font-weight:600}.sx-stage{flex:1;width:100%;max-width:32rem;min-height:0;margin:0 auto;padding:8px 16px}.sx-view{border:1px solid color-mix(in srgb,var(--sr-accent-hi)22%,transparent);height:100%;box-shadow:0 0 0 1px #0006,0 18px 50px -18px var(--sr-glow);background:#000;border-radius:24px;position:relative;overflow:hidden}.sx-view>img{object-fit:cover;width:100%;height:100%}.sx-controls{z-index:1;padding:12px 24px 24px;position:relative}.sx-tips{color:var(--sr-muted);justify-content:center;gap:20px;margin-bottom:14px;font-size:12px;display:flex}.sx-tips>div{align-items:center;gap:6px;display:flex}.sx-row{justify-content:center;align-items:center;gap:16px;display:flex}.sx-row .sr-btn{white-space:nowrap}.sx-shutter{cursor:pointer;border:3px solid var(--sr-accent-hi);width:68px;height:68px;box-shadow:0 0 24px var(--sr-glow);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex}.sx-shutter span{background:linear-gradient(180deg,var(--sr-accent-hi),var(--sr-accent));border-radius:50%;width:50px;height:50px}.sx-shutter:disabled{opacity:.3;cursor:default}.sx-buttons{gap:12px;max-width:32rem;margin:0 auto;display:flex}.sx-buttons .sr-btn{border-radius:999px;flex:1;padding:15px 18px}.sx-buttons .sr-btn:disabled{opacity:.35;box-shadow:none}.sx-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:14px;max-width:32rem;margin:14px auto 0;padding:12px 16px;font-size:14px;line-height:1.45}.sx-orb{aspect-ratio:1;width:min(62vw,340px);margin-bottom:40px;position:relative}.sx-orb:before{content:"";background:conic-gradient(from 0deg,transparent 0 55%,var(--sr-accent)82%,var(--sr-accent-hi)100%);border-radius:50%;animation:1.6s linear infinite sxSpin;position:absolute;inset:-12px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.sx-orb:after{content:"";box-shadow:0 0 70px -10px var(--sr-glow);pointer-events:none;border-radius:50%;position:absolute;inset:-12px}.sx-orb-photo{border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:0;overflow:hidden}.sx-orb-photo>img:first-child{object-fit:cover;filter:grayscale(.2)brightness(.9);width:100%;height:100%}@keyframes sxSpin{to{transform:rotate(360deg)}}.sx-status{color:var(--sr-text);border:1px solid var(--sr-line);background:linear-gradient(#ffffff12,#ffffff08);border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:500;display:inline-flex}.sx-status i{background:var(--sr-accent-hi);width:8px;height:8px;box-shadow:0 0 10px var(--sr-accent);border-radius:50%;animation:1.5s ease-in-out infinite sxPulse}@keyframes sxPulse{50%{opacity:.35}}.sx-modal{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050507b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sx-card{width:100%;max-width:28rem;color:var(--sr-text);border:1px solid var(--sr-line);box-shadow:0 30px 80px -20px #000c,0 0 60px -30px var(--sr-glow);background:linear-gradient(#ffffff0f,#ffffff05),#111113;border-radius:24px;padding:32px 28px}.sx-card h2{letter-spacing:-.02em;font-size:24px;font-weight:600}.sx-card p{color:var(--sr-muted);margin-top:8px;font-size:14px;line-height:1.5}.sx-label{color:var(--sr-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.sx-input{width:100%;color:var(--sr-text);background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;outline:none;padding:13px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.sx-input::placeholder{color:var(--sr-faint)}.sx-input:focus{border-color:var(--sr-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sr-accent)25%,transparent)}.sx-card .sr-btn{border-radius:999px;width:100%;margin-top:22px;padding:16px;font-size:16px}.sx-card .sr-btn:disabled{opacity:.35;box-shadow:none}.sx-note{text-align:center;color:var(--sr-faint);margin-top:14px;font-size:12px}.sx-check{color:var(--sr-muted)}.sx-check input{accent-color:var(--sr-accent)}.sx-check a{color:var(--sr-text)}@media (prefers-reduced-motion:reduce){.sx-orb:before,.sx-status i{animation:none}}.sr.light .sx-brand{border:1px solid var(--sr-line)}.sr.light .sx-status{border-color:var(--sr-line);background:#fff;box-shadow:0 1px 2px #1414140d}.sr.light .sx-view{--sr-accent-hi:color-mix(in srgb,var(--sr-accent)60%,white);box-shadow:0 18px 40px -24px #14141459}.sr.light .sx-view .sx-status{color:#f4f1ec;background:#0e0e1099;border-color:#ffffff24}.sr.light .sx-error{color:#b42318;background:#fef3f2;border-color:#fecdca}.sr.light .sx-modal{background:#14141473}.sr.light .sx-card{background:#fff;box-shadow:0 30px 80px -24px #14141459}.sr.light .sx-input{background:#fff;border-color:#d9d5ce}.sr.light .sx-orb-photo{border-color:var(--sr-line)}.sr.light .sx-logo{filter:invert()}.sx-analyzing-brand{justify-content:center;margin-bottom:28px;display:flex}.sx-checks{flex-wrap:wrap;justify-content:center;gap:7px;max-width:380px;margin-top:-12px;display:flex}.sx-checks span{color:var(--sr-text);border:1px solid var(--sr-line);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;animation:.35s both sxChipIn;display:inline-flex}.sx-checks span.done svg{color:var(--sr-accent-hi);flex-shrink:0}.sx-checks span.now{border-color:var(--sr-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sr-accent)18%,transparent)}.sx-checks span.now i{background:var(--sr-accent-hi);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.2s ease-in-out infinite sxPulse}@keyframes sxChipIn{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:none}}.sr.light .sx-checks span{background:#fff;box-shadow:0 1px 2px #1414140d}.sr.light .sx-checks span.done{color:#4a4741}@media (prefers-reduced-motion:reduce){.sx-checks span,.sx-checks span.now i{animation:none}}@media (max-height:760px){.sx-analyzing-brand{margin-bottom:18px}.sx-orb{width:min(54vw,300px)}}.sx-yourlogo{width:auto;height:40px;display:block}.sx-analyzing-brand{margin-bottom:88px}@media (max-height:760px){.sx-analyzing-brand{margin-bottom:64px}}.sx-analyzing-brand .sx-brand{border-radius:16px;height:64px;padding:8px 18px}.sx-analyzing-brand .sx-brand img{max-width:220px;height:46px}.sx-analyzing-brand .sx-brand-text{font-size:22px}.sx-analyzing-brand .sx-yourlogo{height:58px}.sx-label{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sx-req{font-family:var(--sr-font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-faint);font-size:10px;font-weight:500}.sx-field.has-error .sx-input{border-color:#d14343;box-shadow:0 0 0 3px #d1434326}.sx-field.has-error .sx-req{color:#d14343}.sx-err{color:#c23b3b;text-align:left;margin-top:6px;font-size:13px}.sx-err-sum{color:#a12c2c;text-align:left;background:#fdecec;border-radius:10px;margin-top:16px;padding:10px 12px;font-size:13.5px}.sx-card p.sx-err{color:#c23b3b;margin-top:6px;font-size:13px}.sx-card p.sx-err-sum{color:#a12c2c;margin-top:16px;font-size:13.5px}.sx-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;align-items:flex-start;padding:24px 16px 40px;overflow-y:auto}.sx-modal>.sx-card{margin:auto 0}.sx-notready{text-align:center;width:100%;max-width:400px}.sx-notready-icon{width:56px;height:56px;color:var(--sr-accent-hi);background:color-mix(in srgb,var(--sr-accent)14%,transparent);border-radius:999px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.sx-notready .sr-btn{text-decoration:none;display:block}.sx-say{z-index:3;text-align:center;pointer-events:none;justify-content:center;align-items:center;height:18%;padding:0 40px;display:flex;position:absolute;top:0;left:0;right:0}.sx-say span{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 14px #0000008c;text-wrap:balance;font-size:clamp(22px,7.6vw,34px);font-weight:800;line-height:1.05}.sx-say-hint{z-index:3;text-align:center;pointer-events:none;color:#ffffffeb;text-shadow:0 1px 10px #0009;text-wrap:balance;justify-content:center;align-items:center;height:18%;padding:0 40px;font-size:16px;font-weight:600;line-height:1.3;display:flex;position:absolute;bottom:0;left:0;right:0}.sx-howto{z-index:4;text-align:center;background:#0c0c0e;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:0 28px;display:flex;position:absolute;inset:0}.sx-howto>svg{width:150px;height:auto;margin-bottom:6px}.sx-howto-title{letter-spacing:-.015em;color:#fff;font-size:24px;font-weight:700;line-height:1.2}.sx-howto-load{align-items:center;gap:10px;margin-top:10px;display:flex}.sx-howto-load i{border:2px solid #ffffff2e;border-top-color:var(--sr-accent);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite sxSpin}.sx-howto-load span{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;font-size:11px}@media (prefers-reduced-motion:reduce){.sx-howto-load i{animation:none}}.sx-oval{aspect-ratio:3/4;border-width:3px;border-radius:50%;max-width:86%;height:64%;position:relative}.sx-start{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:8px;display:flex}.sx-start-btn{border-radius:999px;justify-content:center;align-items:center;gap:10px;width:min(100%,260px);padding:16px 20px;font-size:18px;font-weight:700;display:inline-flex}.sx-start-btn svg{flex:none}.sx-shutter{border:4px solid var(--sr-accent);width:80px;height:80px;box-shadow:0 8px 22px -8px color-mix(in srgb,var(--sr-accent)80%,transparent),0 0 0 7px color-mix(in srgb,var(--sr-accent)16%,transparent);background:#fff}.sx-shutter span{background:linear-gradient(180deg,color-mix(in srgb,var(--sr-accent)82%,white),var(--sr-accent));width:62px;height:62px}.sx-shutter:active{transform:scale(.94)}.sx-shutter:disabled{opacity:.5}.sx-shutter.soft{opacity:.8;transform:none}.sx-intro{z-index:4;background:linear-gradient(#0003,#00000073);flex-direction:column;padding:0 28px 34px;display:flex;position:absolute;inset:0}.sx-intro-lines{flex-direction:column;flex:1;justify-content:center;display:flex}.sx-intro-lines p{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px #00000059;text-wrap:balance;font-size:clamp(34px,11vw,46px);font-weight:800;line-height:1.1}.sx-intro-lines p.last{color:var(--sr-accent-hi)}.sx-intro-go{justify-content:center;display:flex}.sx-go{cursor:pointer;color:#fff;letter-spacing:.02em;background:linear-gradient(180deg,color-mix(in srgb,var(--sr-accent)78%,white),var(--sr-accent));width:132px;height:132px;box-shadow:0 0 0 10px color-mix(in srgb,var(--sr-accent)25%,transparent),0 18px 40px -14px #00000080;border:0;border-radius:50%;place-items:center;font-size:38px;font-weight:800;animation:1.8s ease-in-out infinite sxGoPulse;display:grid}.sx-go:active{transform:scale(.95)}.sx-intro-go{flex-direction:column;align-items:center;gap:18px}.sx-go-word{letter-spacing:0;font-size:24px}.sx-anyway{cursor:pointer;color:#ffffffb3;text-underline-offset:3px;background:0 0;border:0;padding:6px 10px;font-size:14px;font-weight:600;text-decoration:underline}.sx-view>img.sx-blur-bg{object-fit:cover;filter:blur(22px)brightness(.5);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}@keyframes sxGoPulse{50%{box-shadow:0 0 0 18px color-mix(in srgb,var(--sr-accent)12%,transparent),0 18px 40px -14px #00000080}}@media (prefers-reduced-motion:reduce){.sx-go{animation:none}}@media (max-width:767px){.sx-upload,.sx-spacer{display:none!important}}
