@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Lato:wght@300;400;700&family=Spectral:ital,wght@0,300;0,400;1,300;1,400&display=swap");:root{--parchment:#f5ede0;--parchment-dark:#ecdcc8;--cream:#faf6f0;--ink:#303A40;--ink-dark:#1e262b;--ink-hover:#252d33;--ink-light:#5a3e28;--gold:#c9923a;--gold-light:#e8b86d;--sepia:#8b6340;--shadow:rgba(48,58,64,0.15)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Lato,sans-serif}.gg-root{min-height:100vh;background:var(--ink-dark);background-image:radial-gradient(ellipse at 15% 25%,rgba(180,120,50,.12) 0,transparent 55%),radial-gradient(ellipse at 85% 75%,rgba(100,60,20,.15) 0,transparent 55%);color:#f0e6d3}.gg-card{background:var(--parchment);color:var(--ink);border-radius:3px;box-shadow:0 0 0 1px rgba(180,130,60,.3),0 30px 80px rgba(0,0,0,.6);position:relative;overflow:hidden}.gg-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent)}.gg-title{font-family:Cormorant Garamond,serif}.gg-input{width:100%;background:var(--cream);border:1px solid var(--parchment-dark);border-radius:2px;padding:.7rem 1rem;font-family:Lato,sans-serif;font-size:.95rem;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.gg-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,146,58,.1)}.gg-btn{background:var(--ink);color:var(--gold-light);border:none;border-radius:2px;padding:.8rem 1.8rem;font-family:Lato,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.gg-btn:hover{background:var(--ink-hover);transform:translateY(-1px)}.gg-btn:disabled{opacity:.6;transform:none;cursor:not-allowed}.gg-btn-outline{background:transparent;color:var(--sepia);border:1px solid var(--parchment-dark);border-radius:2px;padding:.7rem 1.4rem;font-family:Lato,sans-serif;font-size:.85rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.4rem}.gg-btn-outline:hover{border-color:var(--gold);color:var(--gold)}.gg-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:.4rem}.gg-section-title{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-style:italic;color:var(--ink);margin-bottom:.3rem}.gg-divider{border:none;border-top:1px solid var(--parchment-dark);margin:1.5rem 0}.topic-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--parchment-dark);background:var(--cream);color:var(--ink-light);font-size:.82rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topic-chip.selected{background:var(--ink);color:var(--gold-light);border-color:var(--ink)}.topic-chip:hover:not(.selected){border-color:var(--gold);color:var(--gold)}.sub-root{min-height:100vh;background:#fdf8f2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;font-family:Spectral,serif}.sub-greeting{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,6vw,3.2rem);color:var(--ink);line-height:1.3;margin-bottom:.5rem}.sub-greeting,.sub-subtitle{font-weight:300;text-align:center}.sub-subtitle{font-size:clamp(1rem,3vw,1.3rem);color:var(--sepia);font-style:italic;margin-bottom:2.5rem}.sub-btn{background:var(--ink);color:var(--parchment);border:none;border-radius:4px;padding:clamp(1rem,3vw,1.4rem) clamp(2rem,6vw,3.5rem);font-family:Spectral,serif;font-size:clamp(1.1rem,3.5vw,1.5rem);cursor:pointer;transition:all .2s;width:100%;max-width:400px;display:block;text-align:center;margin:.6rem auto}.sub-btn:hover{background:var(--ink-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(48,58,64,.2)}.sub-btn.secondary{background:transparent;color:var(--sepia);border:1.5px solid var(--sepia);opacity:.7;font-size:clamp(.85rem,2.5vw,1rem);padding:.7rem 1.5rem;letter-spacing:.04em}.sub-btn.secondary:hover{border-color:var(--gold);color:var(--gold);background:transparent;transform:none;box-shadow:none;opacity:1}.sub-question{font-family:Cormorant Garamond,serif;font-size:clamp(1.3rem,4vw,1.9rem);font-style:italic;line-height:1.6;text-align:center;margin:0 auto 2rem;white-space:pre-line}.sub-question,.sub-transcript{color:var(--ink);max-width:600px}.sub-transcript{width:100%;background:var(--cream);border:2px solid var(--parchment-dark);border-radius:4px;padding:1.2rem;font-family:Spectral,serif;font-size:clamp(1rem,2.5vw,1.15rem);min-height:120px;line-height:1.7;outline:none;resize:none;transition:border-color .2s;display:block;margin:0 auto}.sub-transcript:focus{border-color:var(--gold)}.sub-voice-btn{width:80px;height:80px;border-radius:50%;border:none;background:var(--ink);color:var(--gold-light);cursor:pointer;display:flex;align-items:center;justify-content:center;margin:1rem auto;transition:all .2s;font-size:1.8rem}.sub-voice-btn:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(48,58,64,.3)}.sub-voice-btn.recording{background:#c0392b;animation:pulseRec 1.5s infinite}@keyframes pulseRec{0%,to{box-shadow:0 0 0 0 rgba(192,57,43,.4)}50%{box-shadow:0 0 0 20px rgba(192,57,43,0)}}.sub-voice-status{text-align:center;font-style:italic;color:var(--sepia);font-size:clamp(.9rem,2.5vw,1rem);min-height:1.5em;margin-bottom:.5rem}.lifemap-wrap{width:100%;max-width:600px;margin:0 auto 2rem}.lifemap-era{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:4px;margin-bottom:.5rem;background:var(--cream);border:1px solid var(--parchment-dark)}.lifemap-icon{font-size:1.4rem;flex-shrink:0}.lifemap-info{flex:1 1}.lifemap-name{font-family:Cormorant Garamond,serif;font-size:1.1rem;color:var(--ink)}.lifemap-bar-wrap{height:6px;background:var(--parchment-dark);border-radius:999px;margin-top:.3rem}.lifemap-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .8s ease}.lifemap-count{font-size:.75rem;color:var(--sepia);flex-shrink:0}.bio-wrap{width:100%;max-width:700px;background:var(--cream);border-radius:3px;padding:2.5rem;box-shadow:0 4px 20px rgba(48,58,64,.1);font-family:Spectral,serif;font-size:1.05rem;color:var(--ink);line-height:1.9}.bio-wrap h2{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-style:italic;margin:1.8rem 0 .6rem}.step-dots{display:flex;gap:.6rem;justify-content:center;margin-bottom:2rem;align-items:center}.step-dot{width:8px;height:8px;border-radius:50%;background:#ddd0bb;transition:all .3s}.step-dot.active{background:var(--gold);width:10px;height:10px}.step-dot.done{background:var(--sepia)}.qr-card{background:var(--cream);border:1px solid var(--parchment-dark);padding:2rem;max-width:320px;margin:1rem auto}.qr-card,.qr-placeholder{border-radius:4px;text-align:center}.qr-placeholder{width:160px;height:160px;background:var(--ink);margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:.75rem;padding:.5rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}select.gg-input{cursor:pointer}textarea.gg-input{resize:vertical;min-height:70px}@media (max-width:600px){.gg-card{border-radius:0}}