:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--screen-width:393;--screen-height:852;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--duration-state:.18s;--duration-press:.16s}*{box-sizing:border-box}html,body{min-height:100%}body{color:#020617;-webkit-font-smoothing:antialiased;background:#d1d2d4;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;overflow-x:hidden}.screen-stage{background:#d1d2d4;place-items:center;min-height:100dvh;display:grid}.figma-screen{aspect-ratio:393/852;background:#f3f4f6;width:min(393px,100vw);position:relative;overflow:hidden}.figma-reference{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.shimmer-title-shell{background:#f3f4f6;align-items:center;width:48.3461%;height:3.87324%;display:flex;position:absolute;top:39.9061%;left:4.07125%}.shimmer-title{color:#020617;white-space:nowrap;font-size:17px;font-weight:500;line-height:20px;display:inline-block}.shimmer-text-clip{line-height:0;display:inline-block;overflow:hidden}.state-layer{filter:blur();transition:opacity var(--duration-state) var(--ease-out), filter var(--duration-state) var(--ease-out), visibility 0s linear var(--duration-state)}.state-layer.is-hidden{visibility:hidden;opacity:0;filter:blur(2px);pointer-events:none}.shimmer-title-shell.state-layer:not(.is-hidden),.loading-grid-overlay.state-layer:not(.is-hidden){transition-delay:0s,0s,0s}.result-title-row{z-index:3;visibility:hidden;color:#020617;opacity:0;filter:blur(2px);background:#f3f4f6;justify-content:space-between;align-items:center;height:4.22535%;font-size:17px;line-height:22px;display:flex;position:absolute;top:39.9061%;left:4.07125%;right:4.07125%}.result-title-row.is-visible,.results-grid-overlay.is-visible{visibility:visible;opacity:1;filter:blur();transition-delay:60ms,60ms,0s}.regenerate-button{color:#020617;height:34px;font:inherit;cursor:pointer;transition:transform var(--duration-press) var(--ease-out);background:#fdfefe;border:1px solid #e7eaed;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:14px;line-height:18px;display:flex;transform:scale(1)}.regenerate-button:active{transform:scale(.97)}.regenerate-button img{width:16px;height:16px;display:block}.loading-grid-overlay{aspect-ratio:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.12202%;width:95.9288%;display:grid;position:absolute;top:45.7746%;left:2.03562%}.results-grid-overlay{z-index:2;aspect-ratio:1;visibility:hidden;opacity:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.12202%;width:95.9288%;display:grid;position:absolute;top:45.7746%;left:2.03562%}.result-avatar-card{aspect-ratio:1;cursor:pointer;opacity:.92;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#fff;border:0;border-radius:16px;padding:0;position:relative;overflow:hidden;transform:scale(.97)}.results-grid-overlay.is-visible .result-avatar-card{opacity:1;transition-delay:60ms;transform:scale(1)}.results-grid-overlay.is-visible .result-avatar-card:active{transition-duration:var(--duration-press);transform:scale(.97)}.result-avatar-card img{object-fit:cover;width:106.38%;max-width:none;height:106.38%;display:block;transform:translate(-3%,-3%)}.result-avatar-card:nth-child(3) img{transform:translate(-3%,1.6%)}.loading-tile{aspect-ratio:1;isolation:isolate;contain:paint;background:#eef6fd;border-radius:16px;position:relative;overflow:hidden}.mesh-plane{z-index:0;transform-origin:50%;background:#eef6fd;position:absolute;inset:-9%;overflow:hidden}.mesh-blob{z-index:1;pointer-events:none;will-change:transform;animation:mesh-drift-x var(--drift-x-duration) var(--ease-in-out) var(--drift-x-delay) infinite alternate;display:block;position:absolute}.mesh-blob-shape{background:var(--blob-color);filter:blur(20px);opacity:1;transform-origin:50%;will-change:transform;animation:mesh-drift-y var(--drift-y-duration) var(--ease-in-out) var(--drift-y-delay) infinite alternate;border-radius:50% 44% 58% 42%/45% 55% 42% 58%;display:block;position:absolute;inset:0}.mesh-blob-blue{--blob-color:#c6e7f4;--drift-x-start:-12%;--drift-x-end:28%;--drift-y-start:-8%;--drift-y-end:34%;--rotation-start:-8deg;--rotation-end:14deg;--scale-x-start:1.06;--scale-y-start:.94;--scale-x-end:.96;--scale-y-end:1.1;--drift-x-duration:7.2s;--drift-y-duration:9.6s;--drift-x-delay:-1.2s;--drift-y-delay:-3.6s;width:118%;height:96%;top:-28%;left:-30%}.mesh-blob-cyan{--blob-color:#a9e8ef;--drift-x-start:-18%;--drift-x-end:36%;--drift-y-start:-14%;--drift-y-end:40%;--rotation-start:10deg;--rotation-end:-14deg;--scale-x-start:.92;--scale-y-start:1.08;--scale-x-end:1.1;--scale-y-end:.94;--drift-x-duration:8.4s;--drift-y-duration:10.8s;--drift-x-delay:-4.2s;--drift-y-delay:-1.8s;width:72%;height:78%;top:8%;left:-8%}.mesh-blob-lavender{--blob-color:#bec8f5;--drift-x-start:22%;--drift-x-end:-24%;--drift-y-start:-10%;--drift-y-end:38%;--rotation-start:8deg;--rotation-end:-15deg;--scale-x-start:1.08;--scale-y-start:.92;--scale-x-end:.96;--scale-y-end:1.12;--drift-x-duration:9.6s;--drift-y-duration:8.4s;--drift-x-delay:-2.4s;--drift-y-delay:-6s;width:122%;height:96%;top:-28%;right:-32%}.mesh-blob-mist{--blob-color:#dce8f6;--drift-x-start:18%;--drift-x-end:-28%;--drift-y-start:16%;--drift-y-end:-34%;--rotation-start:-6deg;--rotation-end:12deg;--scale-x-start:.98;--scale-y-start:1.08;--scale-x-end:1.12;--scale-y-end:.94;--drift-x-duration:10.8s;--drift-y-duration:9.6s;--drift-x-delay:-5.4s;--drift-y-delay:-2.4s;width:104%;height:92%;bottom:-20%;right:-22%}.mesh-blob-current{--blob-color:#c4cef7;--rotation-start:-14deg;--rotation-end:14deg;--scale-x-start:1.06;--scale-y-start:.9;--scale-x-end:.94;--scale-y-end:1.1;--orbit-delay:-.6s;--drift-y-delay:-2.4s;width:106%;height:86%;animation:mesh-current-orbit 4.8s linear var(--orbit-delay) infinite;top:1%;left:-3%}.mesh-blob-current .mesh-blob-shape{filter:blur(16px);animation:mesh-current-breathe 6s var(--ease-in-out) var(--drift-y-delay) infinite alternate}.phase-2 .mesh-blob-blue{--drift-x-delay:-4.8s;--drift-y-delay:-7.2s}.phase-2 .mesh-blob-cyan{--drift-x-delay:-6.3s;--drift-y-delay:-4.5s}.phase-2 .mesh-blob-lavender{--drift-x-delay:-7.2s;--drift-y-delay:-2.1s}.phase-2 .mesh-blob-mist{--drift-x-delay:-2.7s;--drift-y-delay:-6s}.phase-2 .mesh-blob-current{--orbit-delay:-1.8s;--drift-y-delay:-3.6s}.phase-3 .mesh-blob-blue{--drift-x-delay:-6s;--drift-y-delay:-1.8s}.phase-3 .mesh-blob-cyan{--drift-x-delay:-2.1s;--drift-y-delay:-7.2s}.phase-3 .mesh-blob-lavender{--drift-x-delay:-4.8s;--drift-y-delay:-5.4s}.phase-3 .mesh-blob-mist{--drift-x-delay:-8.1s;--drift-y-delay:-3.6s}.phase-3 .mesh-blob-current{--orbit-delay:-3s;--drift-y-delay:-4.8s}.phase-4 .mesh-blob-blue{--drift-x-delay:-2.4s;--drift-y-delay:-6s}.phase-4 .mesh-blob-cyan{--drift-x-delay:-7.5s;--drift-y-delay:-3.6s}.phase-4 .mesh-blob-lavender{--drift-x-delay:-1.2s;--drift-y-delay:-7.2s}.phase-4 .mesh-blob-mist{--drift-x-delay:-5.4s;--drift-y-delay:-1.2s}.phase-4 .mesh-blob-current{--orbit-delay:-4.2s;--drift-y-delay:-1.8s}.progress-value{z-index:2;color:#000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;background:#ffffff5c;border-radius:8px;min-width:43px;padding:4px 8px;font-size:13px;font-weight:400;line-height:17px;position:absolute;top:8px;left:8px}.bottom-action-layer{z-index:10;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(#f3f4f600 0%,#f3f4f6 11% 100%);height:104px;padding:12px 16px 0;position:absolute;bottom:0;left:0;right:0}.save-button{color:#fff;width:100%;height:46px;font:inherit;cursor:pointer;opacity:1;transition:opacity .2s var(--ease-out), transform var(--duration-press) var(--ease-out);background:#020617;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:17px;font-weight:400;line-height:22.4px;display:flex;transform:scale(1)}.save-button:not(:disabled):active{transform:scale(.97)}.save-button:disabled{cursor:default;opacity:.4}.home-indicator-area{justify-content:center;align-items:flex-end;height:46px;padding-bottom:8px;display:flex}.home-indicator{background:#000;border-radius:999px;width:134px;height:5px;display:block}@keyframes mesh-drift-x{0%{transform:translate3d(var(--drift-x-start), 0, 0)}to{transform:translate3d(var(--drift-x-end), 0, 0)}}@keyframes mesh-current-orbit{0%{transform:rotate(0)translate(42%)rotate(0)}to{transform:rotate(360deg)translate(42%)rotate(-360deg)}}@keyframes mesh-current-breathe{0%{transform:rotate(var(--rotation-start)) scale3d(var(--scale-x-start), var(--scale-y-start), 1)}to{transform:rotate(var(--rotation-end)) scale3d(var(--scale-x-end), var(--scale-y-end), 1)}}@keyframes mesh-drift-y{0%{transform:translate3d(0, var(--drift-y-start), 0) rotate(var(--rotation-start)) scale3d(var(--scale-x-start), var(--scale-y-start), 1)}to{transform:translate3d(0, var(--drift-y-end), 0) rotate(var(--rotation-end)) scale3d(var(--scale-x-end), var(--scale-y-end), 1)}}@media (prefers-reduced-motion:reduce){.mesh-blob:not(.mesh-blob-current),.mesh-blob:not(.mesh-blob-current) .mesh-blob-shape{animation:none}.mesh-blob-current,.mesh-blob-current .mesh-blob-shape{animation-duration:18s}.regenerate-button,.result-avatar-card,.results-grid-overlay.is-visible .result-avatar-card,.results-grid-overlay.is-visible .result-avatar-card:active,.save-button,.save-button:not(:disabled):active{transform:none}}
