:root{--bg:#f6efe6;--surface:#fffaf4cc;--line:#4b1b2324;--text:#221218;--muted:#705259;--berry:#6f1934;--shadow:0 28px 80px #4f1c2624;--radius-xl:32px;--radius-md:16px;--font-display:"Avenir Next", "Segoe UI", "Trebuchet MS", sans-serif;--font-body:"Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 0 0,#a52f4d2e,#0000 28%),radial-gradient(circle at 85% 20%,#43644d29,#0000 24%),linear-gradient(#f8f2ea 0%,#f3ebe2 48%,#efe4d8 100%);margin:0}button,select{font:inherit}.page-shell{width:min(100% - 32px,980px);margin:0 auto;padding:48px 0}.panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);padding:32px;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff57,#0000 42%);position:absolute;inset:0}.eyebrow{z-index:1;color:var(--berry);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700;position:relative}.sentence{z-index:1;font-family:var(--font-display);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;position:relative}.sentence strong{color:var(--berry)}.supporting-copy{z-index:1;width:100%;color:var(--muted);margin:18px 0 0;font-size:.98rem;line-height:1.6;position:relative}.supporting-copy.is-error{color:#9c3b2d}.controls-inline{z-index:1;grid-template-columns:repeat(2,minmax(0,220px));gap:14px;margin-top:28px;display:grid;position:relative}.control-group{gap:8px;display:grid}.control-group label{color:var(--berry);font-size:.92rem;font-weight:700}.control-group select{width:100%;color:var(--text);background:#ffffffbd;border:1px solid #6f19342e;border-radius:14px;padding:14px 16px}.control-group select:focus{outline-offset:2px;outline:2px solid #a52f4d47}.credit{z-index:1;color:var(--muted);margin:28px 0 0;font-size:.92rem;line-height:1.5;position:relative}.credit a{color:var(--berry);font-weight:700;text-decoration:none}.credit a:hover,.credit a:focus-visible{text-decoration:underline}@media (max-width:640px){.page-shell{width:min(100% - 20px,980px);padding:20px 0}.panel{border-radius:24px;padding:22px}.controls-inline{grid-template-columns:1fr}}