:root{--paper:#f7f0df;--paper-deep:#eee3ca;--ink:#2c1830;--ink-soft:#6f626e;--lime:#d9f51e;--lime-dark:#bfdc00;--coral:#f36e4e;--white:#fffdf7;--border:2px solid var(--ink);--shadow:5px 6px 0 var(--ink);--radius-lg:30px;--radius-md:22px;--sans:"Arial Rounded MT Bold", "Avenir Next", Avenir, Inter, system-ui, sans-serif;--display:Georgia, "Times New Roman", serif;--screen-bg:#ececea;--screen-surface:#fff;--screen-ink:#1a1a1a;--screen-muted:#9a9a98;--screen-sans:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 20% 0%, #ffffffb8, transparent 32rem), var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body:has(.app-shell--screen){background:var(--screen-bg)}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:4px solid var(--coral);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{min-height:100svh;position:relative}.eyes{gap:22px;display:inline-flex}.eye-blob,.eyes .eye{border:6px solid var(--ink);background:var(--white);border-radius:50%;width:72px;height:86px;display:inline-block;position:relative;overflow:hidden}.pupil{background:var(--ink);border-radius:50%;width:30px;height:34px;position:absolute;bottom:10px;right:8px}.pupil:after{content:"";background:var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:6px}.app-shell--screen{background:var(--screen-surface);width:100%;max-width:412px;min-height:100svh;color:var(--screen-ink);font-family:var(--screen-sans);padding:calc(env(safe-area-inset-top,0px) + 18px) 24px calc(env(safe-area-inset-bottom,0px) + 20px);flex-direction:column;margin:0 auto;display:flex}.screen-header{flex:none;justify-content:space-between;align-items:center;display:flex}.screen-header--home{justify-content:center}.home-title{text-align:center;letter-spacing:-.3px;color:var(--screen-ink);font-size:17px;font-weight:600}.home-title__tag{color:var(--screen-muted);font-weight:500}.brand-name{letter-spacing:-.3px;color:var(--screen-ink);font-size:18px;font-weight:600}.link-button{font:inherit;color:var(--screen-muted);cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 0 10px 12px;font-size:14px;transition:color .15s}.link-button:hover{color:var(--screen-ink)}.link-button:focus-visible{outline:2px solid var(--screen-ink);outline-offset:4px;border-radius:4px}.work-state--ready{flex-direction:column;flex:auto;min-height:0;display:flex}.photo-card{aspect-ratio:4/5;background:var(--screen-bg);border-radius:20px;flex:0 auto;width:auto;max-width:288px;height:clamp(160px,36svh,300px);min-height:0;margin:18px auto 0;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000001c,0 2px 6px #0000000d}.photo-card img{object-fit:cover;width:100%;height:100%;display:block}.photo-card--result{aspect-ratio:16/7;flex:none;width:100%;max-width:100%;height:auto}.upload-slot{aspect-ratio:4/5;text-align:center;cursor:pointer;color:#0000008c;width:auto;max-width:288px;height:clamp(160px,36svh,300px);font-family:var(--screen-sans);background:#0000000a;border:1.5px dashed #00000040;border-radius:20px;flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:6px;min-height:0;margin:18px auto 0;padding:16px;transition:border-color .15s,background .15s;display:flex;position:relative}.upload-slot:hover{background:#0000000f}.upload-slot.is-dragging{border-color:var(--screen-ink);background:#00000012}.upload-slot:focus-visible{outline:2px solid var(--screen-ink);outline-offset:3px}.upload-slot__icon{opacity:.45;display:inline-flex}.upload-slot__icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.upload-slot__cap{letter-spacing:.01em;color:#0009;font-size:14px;font-weight:500}.upload-slot__sub{color:#00000080;font-size:12px}.upload-slot__sub u{text-underline-offset:2px;text-decoration-color:#00000040}.upload-slot:hover .upload-slot__sub u{color:#000000bf;text-decoration-color:currentColor}.ready-block{text-align:center;flex:none;margin-top:22px}.eyes-mark{gap:11px;margin-bottom:18px;display:inline-flex}.eyes-mark .eye{border:2px solid var(--screen-ink);background:0 0;border-radius:50%;width:26px;height:26px;animation:5.5s ease-in-out infinite nana-eye-blink;display:inline-block;position:relative}.eyes-mark .eye:last-child{animation-delay:.12s}.eyes-mark .eye:after{content:"";background:var(--screen-ink);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:54%;left:50%}@keyframes nana-eye-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.12)}}.prompt-title{letter-spacing:-.4px;max-width:280px;color:var(--screen-ink);font-size:25px;font-weight:500;line-height:1.28;font-family:var(--screen-sans);margin:0 auto}.prompt-sub{max-width:260px;color:var(--screen-muted);margin:12px auto 0;font-size:14px;line-height:1.45}.screen-spacer{flex:auto;min-height:0}.primary-cta{background:var(--screen-ink);width:100%;min-height:56px;color:var(--screen-surface);cursor:pointer;font:inherit;font-family:var(--screen-sans);letter-spacing:-.2px;border:0;border-radius:16px;flex:none;justify-content:center;align-items:center;padding:14px;font-size:17px;font-weight:600;transition:background .18s,transform .12s;display:flex}.primary-cta:hover:not(:disabled){background:#000}.primary-cta:active:not(:disabled){transform:scale(.985)}.primary-cta:disabled{cursor:wait;opacity:.55}.primary-cta:focus-visible{outline:3px solid var(--screen-ink);outline-offset:3px}.primary-cta--with-icon{gap:10px}.primary-cta--with-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px}.choose-another-link{min-height:44px;font:inherit;font-family:var(--screen-sans);color:var(--screen-muted);cursor:pointer;background:0 0;border:0;flex:none;margin:18px auto 0;padding:11px 16px;font-size:14px;transition:color .15s;display:block}.choose-another-link:hover{color:var(--screen-ink)}.choose-another-link:focus-visible{outline:2px solid var(--screen-ink);outline-offset:3px;border-radius:4px}.app-shell--screen .loading-card{text-align:center;color:var(--screen-ink);justify-items:center;padding:55px 20px 30px;display:grid}.app-shell--screen .loading-card h2{font-family:var(--screen-sans);letter-spacing:-.3px;margin:25px 0 8px;font-size:22px;font-weight:500}.app-shell--screen .loading-card p{color:var(--screen-muted);margin:0;font-size:14px}.app-shell--screen .results{color:var(--screen-ink);padding-top:22px}.app-shell--screen .result-heading{gap:10px;margin-bottom:16px}.app-shell--screen .result-heading .sparkle{width:28px;height:28px;color:var(--screen-ink)}.app-shell--screen .result-heading .sparkle svg{width:24px}.app-shell--screen .result-heading h2{font-family:var(--screen-sans);letter-spacing:-.4px;font-size:22px;font-weight:600;line-height:1.2}.app-shell--screen .result-kicker{color:var(--screen-muted);letter-spacing:.1em;font-size:11px;font-weight:700}.app-shell--screen .idea-list{gap:10px;margin-bottom:18px}.app-shell--screen .idea-card{background:var(--screen-surface);border:1px solid #ececea;border-radius:14px;grid-template-columns:24px 1fr;align-items:center;gap:11px;min-height:0;padding:13px 14px;box-shadow:0 4px 14px #0000000d}.app-shell--screen .idea-card:nth-child(2),.app-shell--screen .idea-card:nth-child(3){transform:none}.app-shell--screen .idea-number{width:22px;height:22px;color:var(--screen-ink);font-family:var(--screen-sans);background:#f2f2f1;align-self:center;font-size:11px;font-style:normal;font-weight:600}.app-shell--screen .idea-copy h2{font-family:var(--screen-sans);letter-spacing:-.2px;margin:0 0 3px;font-size:15px;font-weight:600;line-height:1.25}.app-shell--screen .idea-copy p{font-family:var(--screen-sans);color:var(--screen-muted);font-size:13px;line-height:1.4}.app-shell--screen .nana-it,.app-shell--screen .nana-download{background:var(--screen-ink);color:var(--screen-surface);border:0;border-radius:9px;min-height:34px;padding:7px 13px;font-size:13px;font-weight:600}.app-shell--screen .nana-it{justify-self:start;margin-top:10px}.app-shell--screen .nana-it svg{width:14px}.app-shell--screen .nana-it:hover:not(:disabled),.app-shell--screen .nana-download:hover{box-shadow:none;background:#000;transform:none}.app-shell--screen .nana-redo{font-size:13px;font-weight:600}.app-shell--screen .nana-result-note,.app-shell--screen .nana-error{font-size:12px}.app-shell--screen .nana-error{color:#b3261e}.app-shell--screen .nana-result img{border:1px solid #ececea;border-radius:12px;box-shadow:0 4px 14px #0000000d}.app-shell--screen .demo-note{border-left:3px solid var(--screen-muted);color:var(--screen-muted);background:#00000005;margin-bottom:16px;padding:9px 12px;font-size:12px}.app-shell--screen .error-message{box-shadow:none;color:#6a2218;background:#fff5f3;border:1px solid #f7c4b8;border-radius:14px}.loading-card{text-align:center;justify-items:center;padding:55px 20px 30px;display:grid}.loading-eyes{animation:1.8s ease-in-out infinite peek}.loading-card h2{font-family:var(--display);margin:25px 0 8px;font-size:32px;font-weight:400}.loading-card p{color:var(--ink-soft);margin:0;font-size:15px}.loading-dots{gap:8px;margin-top:30px;display:flex}.loading-dots i{background:var(--coral);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite bounce}.loading-dots i:nth-child(2){animation-delay:.13s}.loading-dots i:nth-child(3){animation-delay:.26s}.results{padding-top:25px}.result-heading{align-items:flex-start;gap:13px;margin:0 3px 20px;display:flex}.result-heading .sparkle{width:35px;height:35px;color:var(--coral);flex:none;place-items:center;display:grid}.result-heading .sparkle svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:32px}.result-heading h2{font-family:var(--display);letter-spacing:-1px;margin:3px 0 0;font-size:clamp(24px,7vw,32px);font-weight:400;line-height:1.1}.result-kicker{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.demo-note{border-left:4px solid var(--coral);color:var(--ink-soft);background:#fffdf7a6;margin:-5px 3px 19px;padding:10px 13px;font-size:13px;line-height:1.45}.idea-list{gap:14px;margin-bottom:22px;display:grid}.idea-card{border:var(--border);border-radius:var(--radius-md);background:var(--white);min-height:146px;box-shadow:3px 4px 0 var(--ink);grid-template-columns:47px 1fr;gap:13px;padding:18px 17px 16px;display:grid;position:relative}.idea-card:nth-child(2){transform:rotate(.3deg)}.idea-card:nth-child(3){transform:rotate(-.3deg)}.idea-number{background:var(--paper-deep);width:43px;height:43px;font-family:var(--display);border-radius:50%;align-self:start;place-items:center;font-size:15px;font-style:italic;font-weight:700;display:grid}.idea-copy h2{font-family:var(--display);margin:1px 0 7px;font-size:25px;font-weight:400;line-height:1.05}.idea-copy p{color:var(--ink-soft);margin:0;padding-right:2px;font-family:system-ui,sans-serif;font-size:15px;line-height:1.38}.nana-it{border:1.5px solid var(--ink);background:var(--lime);cursor:pointer;border-radius:10px;grid-column:2;justify-content:center;justify-self:end;align-items:center;gap:7px;min-height:44px;margin-top:3px;padding:10px 14px;font-size:13px;font-weight:900;transition:transform .12s,box-shadow .12s;display:inline-flex}.nana-it:hover:not(:disabled){box-shadow:2px 3px 0 var(--ink);transform:translateY(-1px)}.nana-it:active:not(:disabled){box-shadow:none;transform:translate(1px,2px)}.nana-it:disabled{cursor:wait;opacity:.6}.nana-it svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px}.nana-result{grid-column:1/-1;gap:10px;margin-top:4px;display:grid}.nana-result img{border:var(--border);width:100%;box-shadow:3px 4px 0 var(--ink);border-radius:14px}.nana-result-note{color:var(--ink-soft);font-size:13px}.nana-result-actions{align-items:center;gap:10px;display:flex}.nana-download{border:1.5px solid var(--ink);background:var(--lime);border-radius:10px;align-items:center;min-height:44px;padding:10px 16px;font-size:13px;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.nana-download:hover{box-shadow:2px 3px 0 var(--ink);transform:translateY(-1px)}.nana-redo{cursor:pointer;text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:10px 6px;font-size:13px;font-weight:900;text-decoration:underline}.nana-redo:disabled{cursor:wait;opacity:.6}.nana-error{color:var(--coral);grid-column:1/-1;margin-top:4px;font-size:13px;font-weight:700}.error-message{border:var(--border);box-shadow:3px 4px 0 var(--ink);background:#ffd9cf;border-radius:16px;gap:5px;margin-top:20px;padding:16px 18px;font-size:14px;display:grid}.error-message:focus{outline:none}.error-message button{cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:start;min-height:44px;margin-top:6px;padding:8px 0;font-weight:900;text-decoration:underline}@keyframes peek{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}@keyframes bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}@media (min-width:700px){.page-shell{padding:42px 24px 36px}.page-shell:has(.app-shell--screen){justify-content:center;align-items:center;min-height:100svh;padding:40px 20px;display:flex}.app-shell--screen{border-radius:28px;height:min(880px,100svh - 80px);min-height:0;padding:36px 28px 28px;overflow-y:auto;box-shadow:0 24px 60px #00000014,0 2px 8px #0000000a}}@media (max-width:360px){.page-shell{padding-inline:10px}.idea-card{grid-template-columns:39px 1fr;padding-inline:13px}.idea-number{width:37px;height:37px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.eyes-mark .eye{animation:none}.idea-card:nth-child(2),.idea-card:nth-child(3){transform:none}}