:root{--ink:#282421;--muted:#716963;--paper:#fffdf9;--cream:#f8f3eb;--line:#e8dfd5;--coral:#ed604d;--coral-dark:#d64b3b;--pink:#fff0ed;--green:#2f7562}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ed604d47}.hero{text-align:center;max-width:760px;margin:0 auto;padding:28px 24px 30px;position:relative}.brand{color:var(--ink);letter-spacing:.04em;margin-bottom:32px;font-size:15px;font-weight:900;text-decoration:none;display:inline-block}.brand span,.footer-brand span{color:var(--coral)}.hero-badge{color:#bd4738;letter-spacing:.08em;background:#fff8f6;border:1px solid #f2b7ae;border-radius:99px;align-items:center;margin:0 auto 14px;padding:7px 14px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow{color:var(--coral-dark);letter-spacing:.08em;margin:0 0 7px;font-size:13px;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,8vw,54px);line-height:1.25}.lead{color:var(--muted);margin:20px 0 22px;font-size:16px;font-weight:600;line-height:1.9}.text-mode-note{color:var(--coral-dark);background:#fff;border-radius:99px;margin:-8px 0 20px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-block}.hero-note{color:#7f756f;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.hero-note span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;display:inline-grid}.hero-note i{background:#cbbeb2;width:16px;height:1px;display:block}.generator{width:min(100% - 28px,680px);margin:0 auto 60px}.mode-picker{border:1px solid var(--line);background:#fffdf9c7;border-radius:22px;margin-bottom:14px;padding:18px}.mode-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:0 2px 13px;display:flex}.mode-heading h2{margin:0;font-size:15px}.mode-heading p{color:var(--muted);margin:0;font-size:10px}.mode-buttons{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mode-button{min-height:88px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ddd4cc;border-radius:16px;padding:13px 10px;transition:border-color .2s,background .2s,transform .15s}.mode-button:hover{border-color:#d59d93}.mode-button:active{transform:scale(.99)}.mode-button.active{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);background:#fff5f2}.mode-button>span{vertical-align:-1px;margin-right:5px;font-size:17px;display:inline-block}.mode-button strong{font-size:14px}.mode-button small{color:var(--muted);margin-top:6px;font-size:10px;font-weight:700;display:block}.card{border:1px solid var(--line);background:var(--paper);border-radius:22px;margin-bottom:14px;padding:24px;position:relative;box-shadow:0 7px 30px #4732220e}.upload-section{border-color:#efc1ba;box-shadow:0 10px 36px #a4413114}.section-heading{text-align:left;align-items:center;gap:13px;margin-bottom:18px;display:flex}.section-heading.compact{margin-bottom:16px}.step{background:var(--pink);width:39px;height:39px;color:var(--coral-dark);border-radius:13px;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.section-heading h2{margin:0 0 3px;font-size:18px;line-height:1.3}.section-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}em{color:#7c736d;vertical-align:2px;background:#f1ece6;border-radius:99px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:700}.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}.upload-button{width:100%;min-height:184px;color:var(--ink);cursor:pointer;background:#fff9f7;border:2px dashed #e5a79e;border-radius:18px;transition:border-color .2s,background .2s,transform .2s}.upload-button:hover{border-color:var(--coral);background:#fff4f1}.upload-button:active{transform:scale(.99)}.upload-button:disabled{opacity:.65;cursor:wait}.camera{filter:saturate(.7);margin-bottom:9px;font-size:35px;display:block}.upload-button strong{font-size:21px;font-weight:900;display:block}.upload-button small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.privacy-note{color:#786f69;gap:7px;margin:13px 2px 0;font-size:10px;line-height:1.65;display:flex}.privacy-note span{width:17px;height:17px;color:var(--green);background:#e5f2ed;border-radius:50%;flex:0 0 17px;place-items:center;font-size:10px;font-weight:900;display:inline-grid}.photo-preview{background:#eee6df;border-radius:18px;position:relative;overflow:hidden}.photo-preview img{object-fit:contain;width:100%;max-height:480px;display:block}.preview-overlay{background:linear-gradient(#0000,#221c19b8);justify-content:space-between;align-items:center;gap:12px;padding:28px 14px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.photo-ready{color:#fff;font-size:12px;font-weight:800}.change-photo{color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:800}.photo-name{width:1px;height:1px;position:absolute;overflow:hidden}textarea{resize:vertical;width:100%;color:var(--ink);background:#fff;border:1px solid #dcd2ca;border-radius:14px;padding:14px 15px;font-size:14px;line-height:1.75;transition:border-color .2s,box-shadow .2s;display:block}textarea::placeholder{color:#a69c94}textarea:focus{border-color:var(--coral);outline:0;box-shadow:0 0 0 3px #ed604d17}.field-count{color:#9e948c;text-align:right;margin-top:5px;font-size:10px}.choice-field{border:0;margin:0;padding:0}.choice-field+.choice-field{margin-top:21px}.choice-field legend{margin-bottom:9px;font-size:12px;font-weight:800}.choices{flex-wrap:wrap;gap:7px;display:flex}.choice{color:#625a55;cursor:pointer;background:#fff;border:1px solid #ddd4cc;border-radius:99px;min-height:38px;padding:8px 13px;font-size:12px;font-weight:700}.choice.active{border-color:var(--ink);background:var(--ink);color:#fff}.primary-settings{border-top:1px solid var(--line);margin-top:22px;padding-top:21px}.style-section{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}.sample-label{margin-bottom:9px;display:block}.sample-label>span{margin-bottom:5px;font-size:12px;font-weight:900;display:block}.sample-label small{color:var(--muted);font-size:10px;line-height:1.6;display:block}.sample-area{margin-bottom:0}.topics-card{border-color:#d9c9a8}.topics-source{color:#665d4d;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;font-size:11px;display:flex}.topics-source button,.topics-error button{color:#675e50;cursor:pointer;background:#fff;border:1px solid #d8cdb8;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800}.topics-source button:disabled{opacity:.55;cursor:wait}.topics-loading,.topics-error{color:var(--muted);text-align:center;background:#faf6ee;border-radius:14px;padding:25px 15px;font-size:12px}.topics-error p{margin:0 0 10px}.topic-list{gap:8px;display:grid}.topic-option{color:#504942;cursor:pointer;background:#fff;border:1px solid #ded6c7;border-radius:13px;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;min-height:51px;padding:10px 11px;font-size:12px;font-weight:700;line-height:1.55;transition:border-color .2s,background .2s;display:grid}.topic-option:hover{border-color:#c9b690}.topic-option.selected{background:#fff5f2;border-color:#bd7d70}.topic-option input{width:18px;height:18px;accent-color:var(--coral);margin:0}.topic-number{color:#796b51;background:#f1eadc;border-radius:8px;place-items:center;width:23px;height:23px;font-size:10px;font-weight:900;display:grid}.topics-foot{color:var(--muted);justify-content:space-between;align-items:center;margin:11px 2px 0;font-size:10px;font-weight:700;display:flex}.topics-foot a{color:#796345;text-underline-offset:3px}.topics-note{color:#91877c;margin:10px 2px 0;font-size:9px;line-height:1.6}.error-message{color:#a73e31;background:#fff4f2;border:1px solid #f0b8af;border-radius:14px;align-items:flex-start;gap:10px;margin:17px 0 0;padding:14px 15px;font-size:12px;font-weight:700;line-height:1.6;display:flex}.error-message span{color:#fff;background:#d84c3b;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.submit-wrap{text-align:center;padding:15px 0 0}.submit-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:62px;font-size:17px;font-weight:900;transition:background .2s,transform .12s,box-shadow .12s;display:flex;transform:translateY(0);box-shadow:0 8px #b94234,0 14px 28px #c7473630}.submit-button:hover{background:#e75442}.submit-button:active{transform:translateY(5px);box-shadow:0 3px #b94234}.submit-button:disabled{cursor:not-allowed;background:#c7bbb3;box-shadow:0 5px #a79c94}.submit-wrap p{color:var(--muted);margin:13px 0 0;font-size:11px}.submit-wrap strong{color:var(--ink)}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:19px;height:19px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results-anchor{scroll-margin-top:20px}.results{color:#fff;background:#2b2724;padding:54px 14px 72px}.results-heading{text-align:center;max-width:1040px;margin:0 auto 26px}.results-heading span{color:#ff9384;letter-spacing:.14em;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-block}.results-heading h2{margin:0;font-size:23px}.privacy-warning{color:#e8dfcf;background:#403a31;border:1px solid #7c6f58;border-radius:15px;max-width:680px;margin:0 auto 20px;padding:15px 17px;font-size:11px;line-height:1.7}.privacy-warning strong{color:#ffd896;margin-bottom:2px;font-size:12px;display:block}.result-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1040px;margin:0 auto;display:grid}.result-card{background:var(--paper);min-width:0;min-height:390px;color:var(--ink);border-radius:19px;flex-direction:column;padding:23px;display:flex}.option-number{color:var(--coral);letter-spacing:.08em;font-size:10px;font-weight:900}.result-card h3{margin:13px 0 14px;font-size:19px;line-height:1.45}.result-card p{color:#534c47;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0 0 20px;font-size:13px;line-height:1.9}.copy-button{width:100%;min-height:45px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8cec5;border-radius:12px;font-size:12px;font-weight:900}.copy-button.copied{color:var(--green);background:#eef8f4;border-color:#b7dbce}.retry-button{color:#d7cdc6;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #8c817a;margin:23px auto 0;font-size:11px;display:block}.feedback{background:#f5eee6;padding:66px 22px}.feedback-inner{max-width:680px;margin:0 auto}.feedback-kicker{color:var(--coral-dark);letter-spacing:.14em;margin:0 0 7px;font-size:10px;font-weight:900}.feedback h2{margin:0 0 23px;font-size:25px}.feedback ul{grid-template-columns:1fr 1fr;gap:9px 22px;margin:0;padding:0;list-style:none;display:grid}.feedback li{background:#ffffffa8;border-radius:11px;padding:11px 12px 11px 33px;font-size:12px;font-weight:700;position:relative}.feedback li:before{content:"?";color:var(--coral);font-weight:900;position:absolute;left:11px}footer{text-align:center;background:#f5eee6;border-top:1px solid #e4d9ce;padding:34px 22px 45px}.footer-brand{font-size:14px;font-weight:900}footer p{max-width:580px;color:var(--muted);margin:13px auto 7px;font-size:10px;line-height:1.65}footer small{color:#968b83;font-size:9px}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:14px 0 10px;display:flex}.footer-links a{color:#625a55;text-underline-offset:3px;font-size:10px;font-weight:700}.legal-page{background:var(--bg);min-height:100vh;padding:32px 16px 72px}.legal-page article{border:1px solid var(--line);background:var(--paper);border-radius:24px;width:min(100%,720px);margin:0 auto;padding:clamp(24px,6vw,48px);box-shadow:0 12px 40px #47322212}.legal-page h1{margin:26px 0 8px;font-size:clamp(30px,7vw,42px)}.legal-page h2{margin:30px 0 9px;font-size:18px}.legal-page p,.legal-page li{color:#554e49;font-size:14px;line-height:1.9}.legal-page ul{padding-left:1.4em}.legal-back{color:var(--coral-dark);font-size:12px;font-weight:800;text-decoration:none}.legal-updated{margin-top:0;color:var(--muted)!important;font-size:11px!important}.legal-notice{color:#81483f;background:#fff4f2;border-radius:14px;margin-top:24px;padding:16px;font-size:12px;font-weight:700;line-height:1.7}@media (max-width:760px){.hero{padding-top:22px}.brand{margin-bottom:25px}.desktop-break{display:none}.result-grid{grid-template-columns:1fr;max-width:560px}.result-card{min-height:0}}@media (max-width:520px){.hero{padding-left:18px;padding-right:18px}h1{font-size:35px}.lead{font-size:14px}.hero-note{gap:6px;font-size:10px}.hero-note i{width:10px}.generator{width:min(100% - 20px,680px)}.mode-picker{border-radius:19px;padding:14px}.mode-heading{display:block}.mode-heading p{margin-top:3px}.mode-button{min-height:91px;padding-left:7px;padding-right:7px}.mode-button>span{margin:0 0 4px;display:block}.mode-button strong{font-size:12px}.mode-button small{font-size:9px}.card{border-radius:19px;padding:19px 16px}.upload-button{min-height:170px}.choice{min-height:40px;padding-left:12px;padding-right:12px}.submit-button{min-height:59px;font-size:15px}.results{padding-left:10px;padding-right:10px}.feedback ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}