*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #faf3e6;--color-surface: #ffffff;--color-sage: #90a583;--color-sage-dark: #76916a;--color-olive: #6e7245;--color-text: #33352e;--color-text-muted: #6b6a5f;--color-border: #e8ddc4;--radius-lg: 20px;--radius-pill: 999px;--shadow-soft: 0 4px 20px rgba(51, 53, 46, .06)}@media(prefers-color-scheme:dark){:root{--color-bg: #23241e;--color-surface: #2b2c25;--color-sage: #8fae82;--color-sage-dark: #a3c295;--color-olive: #c3c690;--color-text: #ede8d9;--color-text-muted: #b6b2a0;--color-border: #3c3d34;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3)}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.talk{display:flex;flex-direction:column;gap:2.5rem;max-width:640px;min-height:100dvh;margin-inline:auto;padding:clamp(2rem,6vw,4rem) 1.5rem}.talk__header{display:flex;flex-direction:column;gap:.75rem;text-align:center}.talk__header h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;letter-spacing:-.01em;color:var(--color-olive)}.talk__subtitle{color:var(--color-text-muted);line-height:1.7;font-size:1.05rem}.talk__form,.talk__response{display:flex;flex-direction:column;gap:1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:clamp(1.5rem,4vw,2.5rem);animation:gentle-fade-in .5s ease-out}.talk__label{font-weight:500;color:var(--color-text)}.talk__textarea{width:100%;resize:vertical;border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) - 8px);padding:1rem;background-color:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.talk__textarea:focus{outline:none;border-color:var(--color-sage);box-shadow:0 0 0 3px #90a58340}.talk__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.talk__mic,.talk__submit,.talk__again{border:none;border-radius:var(--radius-pill);padding:.75rem 1.75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .3s ease,opacity .3s ease}.talk__mic{background-color:transparent;color:var(--color-olive);border:1px solid var(--color-border)}.talk__mic:hover{background-color:var(--color-bg)}.talk__mic[aria-pressed=true]{background-color:var(--color-olive);color:var(--color-surface);border-color:var(--color-olive)}.talk__submit,.talk__again{background-color:var(--color-sage);color:#fff}.talk__submit:hover:not(:disabled),.talk__again:hover{background-color:var(--color-sage-dark)}.talk__submit:disabled{opacity:.5;cursor:not-allowed}.talk__reflection{font-size:1.15rem;line-height:1.8;color:var(--color-text)}.talk__suggestions-title{font-size:1rem;font-weight:500;color:var(--color-text-muted)}.talk__suggestions{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0}.talk__suggestion-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) - 6px);padding:1rem 1.25rem;line-height:1.6}.talk__again{align-self:center}.talk__footer{text-align:center;color:var(--color-text-muted);font-size:.85rem;line-height:1.7;padding-inline:1rem}@keyframes gentle-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.talk__form,.talk__response{animation:none}.talk__mic,.talk__submit,.talk__again,.talk__textarea{transition:none}}
