:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#1d1b19;background:#f5f0e7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent;font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9a6c3f;outline-offset:3px}.page{max-width:540px;margin:auto;padding:18px 14px calc(38px + env(safe-area-inset-bottom))}.kicker{font-size:11px;letter-spacing:1.5px;color:#9a6c3f;font-weight:700}h1{font-size:27px;line-height:1.16;font-weight:900;margin:7px 0 0}h1 span{display:block}.intro{font-size:14px;line-height:1.7;color:#6f665c;margin:10px 0 15px}.form-card,.knowledge-card,.export-result{background:#fffdf8;border:1px solid #ded6cb;border-radius:15px;padding:15px}.field-label,legend{display:block;font-size:13px;font-weight:750;margin-bottom:7px}small{font-size:11px;color:#968b80;font-weight:500}.field-gap{margin-top:14px}#nickname,#birthDate,#shareLink{display:block;width:100%;min-width:0;height:46px;padding:0 12px;border:1px solid #d9cfc2;border-radius:11px;background:#f9f5ee;font-size:16px;color:#1d1b19}fieldset{border:0;padding:0;margin:14px 0 0;min-width:0}.gender-row{display:flex;gap:7px}.choice{position:relative;flex:1;min-width:0}.choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.choice span{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;background:#f4eee5;color:#5d554d;font-size:13px}.choice input:checked+span{background:#1d1b19;color:#fffdf8}.choice input:focus-visible+span{outline:3px solid #9a6c3f}.privacy-note,.boundary,.loading-note{font-size:12px;line-height:1.6;color:#81776d}.privacy-note{margin-top:11px}.primary,.secondary{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:10px 12px;border-radius:22px;font-size:14px;font-weight:750;text-decoration:none}.primary{background:#1d1b19;color:#fffdf8}.secondary{background:#efe6da;color:#1d1b19}#generate{margin-top:14px;width:100%}.result-lead{text-align:center;font-size:13px;color:#806b56;margin:4px 0 10px;overflow-wrap:anywhere}.canvas-shell{overflow:hidden;border-radius:15px;background:#fffdf8;box-shadow:0 7px 19px #3a2b281a}canvas{display:block;width:100%;height:auto;aspect-ratio:1/2}.loading-note{text-align:center;margin:9px}.action-row{display:flex;gap:8px;margin-top:12px}.action-row>*{flex:1;min-width:0}.export-result{margin-top:12px}.export-result img{display:block;width:100%;margin-top:9px;border-radius:10px}.success{text-align:center;font-size:13px;font-weight:700;color:#765332}.knowledge-card{margin-top:12px}.knowledge-card h2{font-size:15px;margin:0}.knowledge-card p{font-size:12px;line-height:1.55;color:#766d64;margin:8px 0 0}.promotion{text-align:center}.promotion img{width:180px;max-width:100%;height:auto;margin-top:12px}.boundary{text-align:center;margin:15px 9px 0}#status{font-size:13px;line-height:1.5;color:#925f4d;text-align:center;overflow-wrap:anywhere}#shareLink{margin-top:12px}@media(max-width:340px){.page{padding-left:11px;padding-right:11px}h1{font-size:24px}.gender-row{gap:4px}.action-row{flex-direction:column}.action-row>*{width:100%}}