*,*: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: #f5f4fb;--color-bg-elevated: #ffffff;--color-mist: #edeff7;--color-lavender: #e3dcf2;--color-lavender-strong: #c6bbdf;--color-blue: #8ba8d6;--color-blue-strong: #6685b8;--color-slate: #2f3446;--color-slate-soft: #656d82;--color-border: #e1e4ef;--radius-lg: 28px;--radius-md: 18px;--radius-pill: 999px}@media(prefers-color-scheme:dark){:root{--color-bg: #1b1d29;--color-bg-elevated: #242739;--color-mist: #262a3c;--color-lavender: #34324a;--color-lavender-strong: #4a4568;--color-blue: #93b2e0;--color-blue-strong: #a9c4ec;--color-slate: #edeef5;--color-slate-soft: #a9aec2;--color-border: #363a4e}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-slate)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.haiku{display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:640px;padding-block:clamp(3rem,8vh,5rem) 4rem;text-align:center}.hero{display:flex;flex-direction:column;align-items:center;gap:.9rem}.hero__eyebrow{display:inline-flex;align-items:center;padding:.35rem 1rem;border-radius:var(--radius-pill);background-color:var(--color-lavender);color:var(--color-blue-strong);font-size:.8rem;font-weight:500;letter-spacing:.02em}.wordmark{margin:0;font-size:clamp(2.4rem,6vw,3.4rem);font-weight:650;letter-spacing:-.02em;line-height:1.05;background:linear-gradient(120deg,var(--color-blue-strong),var(--color-lavender-strong));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{max-width:42ch;color:var(--color-slate-soft);font-size:1rem;line-height:1.6}.syllable-guide{display:flex;gap:.75rem}.syllable-guide__line{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:4.5rem;padding:.85rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-elevated)}.syllable-guide__count{font-size:1.4rem;font-weight:650;color:var(--color-blue-strong)}.syllable-guide__label{font-size:.7rem;color:var(--color-slate-soft);letter-spacing:.02em}.prompt-card{display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:100%;min-height:11rem;padding:2rem 2.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-elevated);box-shadow:0 20px 40px -28px #2f344659}.prompt-card__season{padding:.3rem .9rem;border-radius:var(--radius-pill);background-color:var(--color-mist);color:var(--color-slate-soft);font-size:.75rem;font-weight:500;letter-spacing:.03em}.prompt-card__season--spring{background-color:var(--color-lavender);color:var(--color-blue-strong)}.prompt-card__season--summer{background-color:var(--color-mist);color:var(--color-blue-strong)}.prompt-card__season--autumn{background-color:var(--color-lavender);color:var(--color-slate)}.prompt-card__season--winter{background-color:var(--color-mist);color:var(--color-slate)}.prompt-card__text{max-width:40ch;font-size:1.25rem;line-height:1.55;color:var(--color-slate);animation:haiku-fade-in .5s ease-out}.prompt-button{padding:.9rem 2.2rem;border:none;border-radius:var(--radius-pill);background:linear-gradient(120deg,var(--color-blue),var(--color-blue-strong));color:#fff;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;box-shadow:0 14px 28px -16px #6685b88c}.prompt-button:hover{transform:translateY(-1px);opacity:.92}.prompt-button:active{transform:translateY(0)}@keyframes haiku-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.prompt-card__text{animation:none}.prompt-button{transition:none}}