*,*: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-body: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-lg: 28px;--radius-md: 20px;--radius-pill: 999px;--color-bg: #fbf1e3;--color-surface: #fffaf0;--color-apricot: #f2a66d;--color-coral: #e8674a;--color-butter: #f5c451;--color-teal: #4f8c8c;--color-teal-dark: #386363;--color-text: #4a3529;--color-text-soft: #8a6f5c;--color-border: rgba(74, 53, 41, .14);--shadow-soft: 0 6px 20px rgba(74, 53, 41, .08);font-family:var(--font-body);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg: #2c2018;--color-surface: #3a2b20;--color-apricot: #e8a268;--color-coral: #e2755a;--color-butter: #dfb84c;--color-teal: #6ba8a8;--color-teal-dark: #8fc4c4;--color-text: #f5e8d8;--color-text-soft: #cbb49b;--color-border: rgba(245, 232, 216, .14);--shadow-soft: 0 6px 20px rgba(0, 0, 0, .25)}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:72ch;margin-inline:auto;padding:2rem 1.5rem 4rem}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;max-width:72ch;margin-inline:auto;padding:1.5rem 1.5rem .5rem}.site-header__brand{font-family:var(--font-heading);font-size:1.375rem;font-weight:800;color:var(--color-coral);text-decoration:none;letter-spacing:-.02em}.site-header__nav{display:flex;gap:.5rem}.site-header__link{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-text-soft);text-decoration:none;padding:.5rem 1.1rem;border-radius:var(--radius-pill);transition:background-color .3s ease,color .3s ease}.site-header__link:hover{background-color:var(--color-surface)}.site-header__link--active{background-color:var(--color-teal);color:var(--color-surface)}.hero{text-align:center;padding-block:1.5rem 2.5rem}.hero__title{font-family:var(--font-heading);font-size:clamp(2.25rem,6vw,3.25rem);font-weight:800;color:var(--color-coral);letter-spacing:-.02em;margin-bottom:.75rem}.hero__tagline{font-size:1.15rem;color:var(--color-text-soft);max-width:46ch;margin-inline:auto}.qotd{margin-block:1rem 3rem}.qotd__label{font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-teal-dark);text-align:center;margin-bottom:1rem}.theme-nav{margin-block:2.5rem;text-align:center}.section-heading{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--color-text);margin-bottom:1.25rem}.theme-nav__pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.theme-nav__pill{font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--color-text);background-color:var(--color-butter);text-decoration:none;padding:.65rem 1.4rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);transition:transform .3s ease,background-color .3s ease}.theme-nav__pill:hover{background-color:var(--color-apricot);transform:translateY(-2px)}.cta{text-align:center;margin-block:2rem}.button{display:inline-block;font-family:var(--font-body);font-weight:700;font-size:1.05rem;text-decoration:none;padding:.9rem 2.25rem;border-radius:var(--radius-pill);transition:transform .3s ease,box-shadow .3s ease}.button--primary{background-color:var(--color-coral);color:var(--color-surface);box-shadow:var(--shadow-soft)}.button--primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #4a352929}.quote-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.quote-card--highlight{max-width:56ch;margin-inline:auto;border-color:var(--color-apricot);padding:2.25rem}.quote-card__text{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;line-height:1.5;color:var(--color-text)}.quote-card--highlight .quote-card__text{font-size:1.5rem;text-align:center}.quote-card__author{color:var(--color-text-soft);font-weight:600}.quote-card--highlight .quote-card__author{text-align:center}.quote-card__themes{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.quote-card--highlight .quote-card__themes{justify-content:center}.quote-card__theme-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-teal-dark);background-color:color-mix(in srgb,var(--color-teal) 18%,var(--color-surface));padding:.3rem .75rem;border-radius:var(--radius-pill)}.page__title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--color-coral);text-align:center;margin-bottom:.5rem}.page__intro{text-align:center;color:var(--color-text-soft);margin-bottom:2rem}.theme-filter{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2.5rem}.theme-filter__pill{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--color-text);background-color:transparent;border:1.5px solid var(--color-border);padding:.55rem 1.3rem;border-radius:var(--radius-pill);cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-filter__pill:hover{border-color:var(--color-teal)}.theme-filter__pill--active{background-color:var(--color-teal);border-color:var(--color-teal);color:var(--color-surface)}.quote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem}.quotes__empty{text-align:center;color:var(--color-text-soft);margin-top:2rem}