@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--ink:#0c2944;--coral:#f45d45;--cream:#fffaf0;--yellow:#f6c956;--teal:#3f9b96;--mint:#effaf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cream);color:var(--ink);font-family:Nunito,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.section-shell{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}.topbar{max-width:1236px;margin:auto;height:92px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:flex-start;text-decoration:none;font-size:25px;font-weight:900;letter-spacing:-1px}.brand>svg{margin-top:6px;color:var(--coral);font-size:29px}.brand small{display:block;font-size:10px;line-height:1.25;letter-spacing:0;font-weight:800;margin-top:3px}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:800}nav a:hover{color:var(--coral)}.quiet-button,.chip{background:transparent;border:1px solid #c5d2d4;color:var(--ink);border-radius:999px;font-weight:800}.quiet-button{padding:10px 16px;display:flex;gap:8px;align-items:center}.quiet-button svg{color:var(--coral)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(49px,5vw,68px);line-height:.98;letter-spacing:-3px;margin-bottom:23px;font-weight:900}h1 em{font-style:normal;color:var(--coral)}h2{font-size:38px;letter-spacing:-1.5px;line-height:1.05;margin-bottom:13px;font-weight:900}h3{font-size:18px;margin:10px 0 6px}.hero{min-height:584px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:46px;padding-top:32px;padding-bottom:59px}.lead{font-size:17px;line-height:1.58;max-width:445px;margin-bottom:28px}.primary-button{border:0;background:var(--coral);color:#fff;border-radius:15px;padding:16px 24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:17px;font-weight:900;box-shadow:0 6px #d84534;transition:transform .16s,box-shadow .16s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px #d84534}.primary-button:active{transform:translateY(3px);box-shadow:0 3px #d84534}.primary-button:disabled{background:#a7b4b2;box-shadow:0 5px #82908e;cursor:not-allowed;transform:none}.hero-notes{display:flex;gap:17px;margin-top:27px;font-size:11px;font-weight:800}.hero-notes span{max-width:100px;text-align:center;display:grid;gap:3px}.hero-notes svg{margin:auto;font-size:22px;color:var(--coral)}.hero-art{padding:10px 11px 0 0;transform:rotate(2deg)}.hero-art img{display:block;width:100%;max-width:590px;margin-left:auto;border:5px solid white;box-shadow:0 14px 32px #172d3a20}.section-kicker{color:var(--teal);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:900;margin:0 0 13px}.story-intro{padding-top:61px;padding-bottom:66px;text-align:center;border-top:1px solid #eee5d8}.story-intro>.section-kicker{font-size:31px;text-transform:none;letter-spacing:-1px;color:var(--ink);position:relative}.story-intro>.section-kicker:after{content:"";display:block;width:180px;height:4px;background:var(--yellow);border-radius:4px;margin:8px auto 29px}.story-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:42px;text-align:left;align-items:start}.upload-area{border:2px dashed var(--teal);border-radius:22px;min-height:282px;background:#fbfffe;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px;text-align:center;gap:9px;transition:background .2s}.upload-area:hover{background:#fff}.upload-area input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.upload-area>svg{font-size:53px;color:var(--teal)}.upload-area strong{font-size:17px;line-height:1.35}.upload-area small{font-size:12px;color:#607279}.upload-area.ready{border-style:solid}.uploaded-thumb{display:block;width:115px;height:115px;border:6px solid white;object-fit:cover;box-shadow:0 6px 18px #0c29442b;transform:rotate(-4deg)}.privacy-note{font-size:11px;line-height:1.4;color:#536b71;margin:12px 0 0;display:flex;gap:6px;justify-content:center}.privacy-note svg{color:var(--teal);flex:none}.story-form{display:grid;gap:15px}.name-label{display:grid;gap:7px;font-size:15px;font-weight:900}.name-label input,.email-label input{border:1px solid #bfcfcd;background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);outline-color:var(--teal)}fieldset{border:0;padding:0;margin:0}legend{font-size:14px;font-weight:900;margin-bottom:7px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:12px;padding:8px 12px}.chip:hover{border-color:var(--teal)}.chip.chosen{color:#fff;border-color:var(--teal);background:var(--teal)}.generate{margin-top:2px;align-self:start}.upload-hint{color:#627477;font-size:12px;margin-top:-7px}.how{padding-top:55px;padding-bottom:71px;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left;margin-top:39px}.steps article{min-height:130px;position:relative;padding:9px 22px 17px 75px}.steps article>span{position:absolute;top:5px;left:0;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900}.steps article>svg{position:absolute;right:5px;top:4px;color:#e7f2ef;font-size:48px}.steps p{font-size:13px;color:#586b75;line-height:1.45;margin-bottom:0}.result{background:#fff0cb;border-radius:29px;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center;padding-top:43px;padding-bottom:43px;margin-bottom:48px}.comic-preview{position:relative;overflow:hidden;background:#fbf4e5;border:6px solid white;box-shadow:0 12px 26px #0c294425;transform:rotate(-2deg)}.comic-title{font-size:15px;font-weight:900;padding:11px 14px;border-bottom:3px solid var(--ink);display:flex;gap:7px;align-items:center}.comic-title svg{color:var(--coral)}.finished-comic-wrap{position:relative}.finished-comic{display:block;width:100%;height:auto}.comic-caption-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));pointer-events:none}.comic-line{position:relative;align-self:start;justify-self:end;max-width:88%;margin:5% 5% 0;padding:6px 9px;background:#fffdf6;border:2px solid var(--ink);border-radius:16px;font-size:clamp(9px,1.05vw,13px);font-weight:900;line-height:1.08;text-align:center;box-shadow:2px 2px #0c29442d}.comic-line:after{content:"";position:absolute;bottom:-7px;left:18px;width:10px;height:10px;background:#fffdf6;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.comic-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c2944a3;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}.comic-veil svg{color:var(--yellow);font-size:39px}.comic-veil small{font-size:12px}.comic-preview.ready .comic-veil{display:none}.result-copy p:not(.section-kicker){line-height:1.5;color:#53616a}.result form{display:grid;gap:11px;margin-top:19px}.email-label{display:grid;gap:6px;font-size:14px;font-weight:900}.check-row{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.35;color:#536b71}.check-row input{margin-top:2px;accent-color:var(--teal)}.check-row a{color:var(--teal)}.result form .primary-button{width:100%;margin-top:2px}.trust{max-width:1124px;background:#f5eee1;border-radius:18px;padding-top:22px;padding-bottom:22px;display:flex;gap:16px;align-items:center;margin-bottom:32px}.trust>svg{font-size:48px;color:var(--teal);flex:none}.trust h2{font-size:22px;margin-bottom:4px}.trust p{margin:0;font-size:13px;line-height:1.45;color:#53616a}footer{text-align:center;padding:23px;color:#617078;font-size:13px;border-top:1px dashed #d4cdbf}footer svg{color:var(--coral);vertical-align:middle}@media(max-width:760px){.topbar{height:70px;padding:0 20px}.brand{font-size:19px}.brand small,nav{display:none}.quiet-button{font-size:13px;padding:8px 12px}.section-shell{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;gap:28px;padding-top:43px;padding-bottom:45px}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.hero-notes{justify-content:center}.hero-art{max-width:500px;margin:auto}.story-intro{padding-top:48px}.story-intro>.section-kicker{font-size:27px}.story-grid,.result{grid-template-columns:1fr;gap:30px}.story-form{text-align:left}.upload-area{min-height:212px}.steps{grid-template-columns:1fr;gap:6px;max-width:420px;margin-left:auto;margin-right:auto}.result{margin-left:20px;margin-right:20px;border-radius:22px;padding:28px 20px}.trust{margin-left:20px;margin-right:20px;padding:18px}.trust h2{font-size:19px}h2{font-size:31px}.comic-preview{transform:none}.hero-notes span{max-width:90px}}.generation-error{color:#b94432}body{background:#f4f7fc}.topbar{background:#101e39;color:#f4f7fc;max-width:none;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2))}.topbar .quiet-button{color:#fff;border-color:#617494}.hero{position:relative;background:#101e39;color:#fff;max-width:none;padding-left:max(28px,calc((100vw - 1124px)/2));padding-right:max(28px,calc((100vw - 1124px)/2));gap:46px}.hero h1{font-size:clamp(46px,4.7vw,65px);letter-spacing:-2px;line-height:1.04}.hero h1 em{color:#82e7e0}.hero .lead{color:#d4dfef}.edition-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#ffdb83;margin-bottom:22px}.hero-notes{font-size:14px;gap:20px}.hero-notes span{max-width:125px}.hero-notes svg{color:#82e7e0}.hero-art img{border-color:#697d9d;border-radius:12px;box-shadow:0 20px 50px #050e2670}.story-intro{border:0}.chip,.privacy-note,.upload-hint,.upload-area small,.check-row,.section-kicker{font-size:14px}.steps p,.trust p,footer{font-size:16px}.brand small{font-size:12px}button:focus-visible,a:focus-visible,.upload-area:focus-within{outline:3px solid #ffbf56;outline-offset:4px}@media(max-width:760px){.topbar{padding:0 20px}.hero{padding:36px 20px 44px;gap:28px}.hero h1{font-size:clamp(40px,9vw,62px)}.hero .lead{font-size:16px}.hero-notes{font-size:13px;gap:14px}.hero-art{max-width:410px}.hero-notes span{max-width:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero-art{margin:0;justify-self:center;max-width:440px}.hero-art figcaption{font-size:14px;line-height:1.4;color:#d4dfef;text-align:center;margin-top:14px}.hero-art img{height:auto}.story-subtitle{font-size:17px;color:#536b71;margin:-8px auto 30px;max-width:610px}.story-grid{margin-top:20px}.upload-area strong{overflow-wrap:anywhere;max-width:100%}.result{background:#e6eefb}.comic-title small{display:block;font-size:12px;line-height:1.5;color:#43667b}.comic-title>svg{flex-shrink:0}.comic-line{overflow-wrap:anywhere}.role-badge{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1px solid #91afb8;border-radius:12px;padding:9px 13px;background:#fffdf6;color:#174b58;font-size:17px;font-weight:900;margin:3px 0 14px}.role-badge svg{flex:none}.result-copy h2{overflow-wrap:anywhere}.result-copy h3{font-size:22px}.download-button{width:100%;margin-top:12px}.result-copy .download-note{font-size:14px;margin:15px 0 0}.share-note{border-top:1px solid #b9cadf;margin-top:28px;padding-top:10px}.share-note h3{font-size:19px}.share-note p{font-size:16px;margin-bottom:16px}.email-status{font-size:14px;line-height:1.5}.email-status summary{cursor:pointer;color:#285c68;font-weight:800}.email-status summary svg{vertical-align:middle;margin-right:5px}.email-status p{margin-top:10px}.generation-note{font-size:15px;line-height:1.5;color:#38536c;margin:0}.trust{background:#e9eff4}@media(max-width:380px){.topbar .quiet-button{display:none}.hero-notes{gap:8px}.primary-button{font-size:16px;padding:14px 17px}.role-badge{font-size:16px}}body{background:#070f23;color:#eef5ff}.topbar{background:#091227cc;border-bottom:1px solid #6ee6f125}.hero{background:transparent;padding-top:48px;padding-bottom:70px}.edition-label{border:1px solid #82e7e055;padding:8px 13px;border-radius:999px;background:#091a36c9}.hero-art{transform:rotate(1deg);position:relative}.hero-art img{border:1px solid #83dced99;border-radius:34px;box-shadow:0 0 0 8px #0e234966,0 0 70px #3c93e030}.story-intro{margin-top:32px;padding-top:40px;padding-bottom:40px;background:#101f3ae8;border:1px solid #5db1cf50;border-radius:30px;box-shadow:0 20px 65px #0004}.story-intro>.section-kicker{color:#eef5ff}.story-subtitle{color:#b6c9e4}.story-intro>.section-kicker:after{background:#82e7e0}.privacy-note,.upload-hint{color:#b6c9e4}.upload-area{background:#eaf5f9;border-color:#82e7e0;color:#0c2944;box-shadow:inset 0 0 35px #66a7c91a}.chip{color:#e5f2ff;border-color:#55728f;background:#0c1830}.chip:hover{background:#1c3554;border-color:#82e7e0}.chip.chosen{background:#82e7e0;color:#0b2944;border-color:#82e7e0}.generation-note{color:#bce7e7}.how{padding-top:70px}.steps{gap:18px}.steps article{padding:65px 24px 24px;background:#11213cde;border:1px solid #6084b23d;border-radius:20px;min-height:210px}.steps article>span{left:24px;top:20px;width:30px;height:30px;font-size:15px;background:#82e7e0;color:#0c2944}.steps article>svg{top:15px;right:22px;color:#82e7e052}.steps p{color:#b6c9e4}.result{background:#101f3aeb;border:1px solid #5db1cf50;box-shadow:0 20px 60px #0004;position:relative}.result-copy p:not(.section-kicker){color:#b6c9e4}.result-copy .section-kicker{color:#82e7e0}.result .role-badge{background:#163746;border-color:#448493;color:#abf3e8}.comic-preview{color:#0c2944}.share-note{border-color:#466283}.email-status summary{color:#a1eee6}.trust{background:#0d1a32eb;border:1px solid #44648555}.trust p{color:#b6c9e4}.trust>svg{color:#82e7e0}footer{color:#b6c9e4;border-color:#426080}.generation-error{color:#ffb4a6}@media(max-width:760px){.story-intro{margin:16px 16px 0;padding:28px 20px;max-width:calc(100% - 32px)}.hero{padding-top:32px;padding-bottom:40px}.steps article{padding:24px 20px 24px 65px;min-height:0}.steps article>span{left:18px;top:26px}.steps article>svg{display:none}.hero-art{max-width:360px}.how{padding-top:48px}}body{background-image:linear-gradient(#070f2326,#070f2355),url(/assets/deep-space-bg.png);background-size:cover;background-position:center top;background-attachment:fixed}main{overflow-x:clip}.hero-copy{position:relative}.hero .lead{color:#ecf4ff;text-shadow:0 2px 10px #030b20}.hero h1{text-shadow:0 4px 30px #030b20}.hero-art figcaption{padding:9px 15px;border-radius:20px;background:#081429cc;color:#d9efff}.hero-art:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border:1px solid #9dd7f14d;border-radius:48px;pointer-events:none}.hero-art:after{content:"";position:absolute;width:70px;height:3px;background:#82e7e0;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #82e7e0;pointer-events:none}.cinema-picker{border-top:1px solid #496080;margin-top:7px;padding-top:20px}.cinema-picker legend{padding-top:18px;font-size:18px}.guest-hint{font-size:14px;line-height:1.45;color:#b6c9e4;margin:0 0 12px}.guest-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guest-option{min-width:0;padding:12px 14px;text-align:left;border:1px solid #496584;border-radius:12px;background:#09172e;color:#eef5ff}.guest-option strong{display:block;font-size:15px}.guest-option small{display:block;font-size:12px;color:#b6c9e4;line-height:1.35;margin-top:3px}.guest-option:hover{border-color:#82e7e0;background:#19344a}.guest-option.selected{background:#143f4a;border:2px solid #82e7e0;padding:11px 13px}.guest-option.selected small{color:#b9eee9}.guest-option:disabled{cursor:wait;opacity:.6}.guest-credit{padding:12px;border-left:3px solid #82e7e0;background:#0d2d40;border-radius:0 10px 10px 0;font-size:15px}@media(max-width:760px){body{background-attachment:scroll;background-size:auto 1500px;background-repeat:repeat-y}.hero{padding-top:70px}.hero-copy{padding:15px 0}.hero-art:before{top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:42px}.hero-art:after{top:-10px}.guest-option{padding:11px}.guest-option.selected{padding:10px}}.generation-progress{margin-top:20px;padding:20px;border:1px solid #7adbdc70;border-radius:20px;background:#071426;color:#e8f4fa;overflow-wrap:anywhere}.generation-progress-heading{display:flex;align-items:center;gap:10px;font-size:16px}.generation-elapsed{margin-left:auto;font-variant-numeric:tabular-nums;color:#a8ede8;white-space:nowrap}.generation-spinner{width:19px;height:19px;flex:0 0 19px;border:2px solid #a8ede830;border-top-color:#a8ede8;border-radius:50%;animation:generation-spin 1s linear infinite}.generation-current{margin-top:18px;font-size:16px;line-height:1.5}.generation-current strong{color:#a8ede8}.generation-current p{margin:7px 0 0;color:#d0dfec;font-size:14px}.generation-stage-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.generation-stage-list li{display:flex;align-items:center;gap:10px;color:#a9b9cc;font-size:14px;line-height:1.5}.generation-stage-list li>span:first-child{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;border:1px solid #52647c;font-size:13px}.generation-stage-list li.active{color:#fff;font-weight:700}.generation-stage-list li.active>span:first-child{background:#a8ede8;color:#102538;border-color:#a8ede8}.generation-stage-list li.done{color:#a8ede8}.generation-wait-note{font-size:14px!important;line-height:1.5;color:#c0cedf!important;margin:0!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes generation-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.generation-spinner{animation:none}}@media(max-width:480px){.generation-progress{padding:16px}.generation-progress-heading{flex-wrap:wrap}}