:root{--background:#f7f3ec;--foreground:#211f1d;--muted:#6f6860;--panel:#fffaf2;--accent:#276b5d;--accent-strong:#174a40;--line:#ded2c3;--rose:#d96f60;--gold:#dcae47}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.home-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0}.hero-section{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:48px;min-height:calc(100vh - 96px);display:grid}.hero-copy{gap:24px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:700}h1{letter-spacing:0;max-width:720px;font-size:clamp(3rem,8vw,5.8rem);line-height:.98}.hero-description{max-width:620px;color:var(--muted);font-size:1.2rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--line);min-height:44px;color:var(--foreground);background:#fffaf2b8;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.scope-note{color:var(--muted);font-size:.95rem}.preview-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:18px;padding:18px;display:grid;box-shadow:0 24px 70px #3d2e1c29}.preview-card__photo{aspect-ratio:4/3;color:#fff;background:radial-gradient(circle at 30% 28%,#dcae47eb,#0000 22%),linear-gradient(135deg,#f0d8a8,#d96f60 52%,#276b5d);border-radius:8px;place-items:center;font-size:3.5rem;font-weight:800;display:grid}.preview-card__body{gap:8px;display:grid}.preview-card__label,.preview-card__status{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.preview-card h2{letter-spacing:0;font-size:2.4rem}.preview-card__archetype{color:var(--accent-strong);font-size:1.1rem;font-weight:800}.preview-card__tagline{color:var(--muted);line-height:1.55}.setup-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0 0;display:grid}.setup-item{border-top:1px solid var(--line);min-height:92px;color:var(--muted);align-items:flex-start;gap:12px;padding-top:16px;line-height:1.5;display:flex}.setup-item span{background:var(--rose);border-radius:999px;flex:none;width:10px;height:10px;margin-top:7px}.create-shell{gap:16px;width:min(560px,100% - 32px);margin:0 auto;padding:40px 0 64px;display:grid}.create-title{font-size:clamp(2.2rem,9vw,3.2rem);line-height:1.05}.create-form,.reading-result{gap:20px;margin-top:8px;display:grid}.form-section{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:18px;padding:18px;display:grid}.form-section legend{color:var(--accent-strong);padding:0 6px;font-weight:800}.form-hint{color:var(--muted);line-height:1.5}.field{gap:8px;font-weight:700;display:grid}.field input[type=text],.field input[type=date]{border:1px solid var(--line);width:100%;min-height:44px;color:var(--foreground);font:inherit;background:#fff;border-radius:8px;padding:0 12px;font-weight:400}.choice-row{flex-wrap:wrap;gap:12px;display:flex}.choice{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:400;display:inline-flex}.field-error{color:#b23a2b;font-size:.92rem;font-weight:400}.card-image{gap:12px;display:grid}.card-image img{border-radius:8px;width:100%;height:auto;box-shadow:0 24px 70px #3d2e1c29}.section-title{font-size:1.3rem}.share-url{border:1px solid var(--line);width:100%;min-height:44px;color:var(--foreground);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.info-page h2{margin-top:12px;font-size:1.3rem}.info-page p,.info-page li{color:var(--muted);line-height:1.7}.info-page ul{gap:8px;padding-left:20px;display:grid}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:auto;padding:32px 16px;font-size:.92rem;display:flex}.site-footer a{text-underline-offset:3px;text-decoration:underline}.photo-picker{cursor:pointer;width:fit-content;position:relative}.photo-picker input{opacity:0;width:1px;height:1px;position:absolute}.photo-picker.is-busy{opacity:.6;cursor:progress}.reading-block{border-top:1px solid var(--line);gap:16px;padding-top:24px;display:grid}.reading-heading{gap:8px;display:grid}.reading-heading h2{font-size:1.9rem;line-height:1.15}.reading-tagline{color:var(--accent-strong);font-size:1.1rem;font-weight:700;line-height:1.45}.trait-list{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.trait-list li{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:4px 12px;font-size:.92rem}.reading-sections{gap:12px;display:grid}.reading-sections div{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:14px 16px}.reading-sections dt{color:var(--accent-strong);margin-bottom:4px;font-weight:800}.reading-sections dd{color:var(--foreground);line-height:1.6}.button:disabled{opacity:.6}@media (max-width:840px){.home-shell{width:min(100% - 24px,640px);padding:28px 0}.hero-section{grid-template-columns:1fr;gap:28px;min-height:auto}h1{font-size:clamp(2.5rem,14vw,4.2rem)}.hero-description{font-size:1.05rem}.setup-section{grid-template-columns:1fr}}