:root{--bg-base: #0e1619;--surface: rgba(255, 255, 255, .08);--surface-soft: rgba(255, 255, 255, .05);--surface-soft-2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .14);--border-strong: rgba(234, 220, 193, .28);--text-main: #f7f3ed;--text-soft: rgba(247, 243, 237, .88);--text-muted: rgba(241, 233, 223, .7);--accent: #d8c193;--accent-2: #c5d2c6;--accent-3: #efe5d2;--accent-dark: #1f322d;--gold-soft: #c6a972;--danger-soft: rgba(183, 84, 84, .12);--danger-border: rgba(183, 84, 84, .24);--danger-text: #fff2f2;--shadow-deep: 0 30px 80px rgba(7, 11, 13, .42);--shadow-soft: 0 14px 36px rgba(13, 18, 20, .18);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:var(--bg-base);line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100%}body{min-height:100vh;color:var(--text-main);background:linear-gradient(#0a101347,#0a10137a),url(/images/retreat-hero.png) center center / cover no-repeat fixed}button,input,select,textarea{font:inherit}body select,.field select,.member-select-control select{color:var(--text-main);background-color:#ffffff12}body option,.field select option,.member-select-control select option{color:#f7f3ed;background-color:#556066}.signup-page{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;justify-content:center}.page-logo{position:fixed;top:12px;left:16px;width:100px;height:auto;object-fit:contain;opacity:1;z-index:100;pointer-events:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.32))}@media(min-width:600px){.page-logo{width:118px;top:14px;left:20px}}@media(min-width:1024px){.page-logo{width:130px;top:16px;left:28px}}.welcome-mode{align-items:stretch}.signup-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(247,224,193,.2),transparent 22%),radial-gradient(circle at 18% 45%,rgba(112,144,140,.12),transparent 26%),radial-gradient(circle at 82% 48%,rgba(241,190,142,.12),transparent 22%),linear-gradient(180deg,#0e14182e,#0c12163d,#0a0f1261 70%,#080c0f80);pointer-events:none;z-index:1}.signup-overlay-welcome{position:absolute;inset:0;background:radial-gradient(circle at 50% 16%,rgba(246,222,190,.22),transparent 24%),radial-gradient(circle at 20% 46%,rgba(112,146,142,.1),transparent 24%),radial-gradient(circle at 79% 50%,rgba(242,192,147,.13),transparent 24%),linear-gradient(180deg,#0e14181f,#0d13162e 32%,#0a0f124d 68%,#080c0f6b);pointer-events:none}.signup-shell{position:relative;z-index:1;width:100%;min-height:100vh;padding:80px 18px 34px;display:flex;justify-content:center;align-items:center}.welcome-hero-shell{position:relative;z-index:1;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px 28px}.form-card{width:min(1040px,100%);margin:0 auto;border-radius:34px;padding:36px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0f);box-shadow:var(--shadow-deep),inset 0 1px #ffffff2e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.form-card-modern{position:relative}.form-card-elevated:before{content:"";position:absolute;inset:0;border-radius:34px;pointer-events:none;background:radial-gradient(circle at 14% 10%,rgba(242,221,188,.08),transparent 24%),radial-gradient(circle at 84% 9%,rgba(184,209,204,.06),transparent 24%)}.form-section{margin-top:24px;padding:30px;border-radius:28px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 8px 24px #0c12151a}.member-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,#ffffff12,#ffffff0a);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f}.member-card-emphasis{background:linear-gradient(180deg,#efdfc21a,#c3d6d114);border:1px solid rgba(255,255,255,.14)}.ack-card{margin-top:18px;display:grid;gap:14px;padding:20px;border-radius:22px;background:var(--surface-soft);border:1px solid rgba(255,255,255,.1)}.participation-block{padding:22px;border-radius:24px;background:var(--surface-soft);border:1px solid rgba(255,255,255,.1)}.participation-block-soft{background:linear-gradient(180deg,#ffffff12,#ffffff0a);border:1px solid rgba(255,255,255,.1)}.welcome-hero{width:min(1260px,100%);min-height:min(920px,calc(100vh - 68px));display:flex;align-items:center;justify-content:center}.welcome-hero-inner{width:min(1180px,100%);padding:20px 16px 34px}.centered-text{text-align:center}.retreat-header{margin-bottom:12px}.retreat-header h1{margin:8px 0 0;font-size:clamp(2.15rem,3vw,3rem);line-height:1.08;font-weight:700;color:#fcf7f1;letter-spacing:-.02em;text-shadow:0 6px 28px rgba(15,18,22,.22)}.hero-topline{margin:0;color:#e3cda8f5;font-size:.94rem;text-transform:uppercase;letter-spacing:.26em;font-weight:700}.hero-divider{width:min(520px,72%);height:1px;margin:18px auto;position:relative;background:linear-gradient(90deg,transparent 0%,rgba(240,231,214,.18) 15%,rgba(240,231,214,.4) 50%,rgba(240,231,214,.18) 85%,transparent 100%)}.hero-divider:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);padding:0 12px;font-size:.78rem;color:#e3ceb1eb;background:transparent}.hero-divider-small{width:min(420px,65%);margin-top:14px;margin-bottom:18px}.hero-main-title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,4.4vw,4.15rem);line-height:1.08;font-weight:500;letter-spacing:-.02em;color:#fffaf5f5;text-shadow:0 3px 26px rgba(19,22,26,.22)}.hero-display-title{margin:34px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.45rem,5vw,4.8rem);line-height:1.04;font-weight:600;letter-spacing:-.03em;color:#fff7effa;text-shadow:0 6px 32px rgba(15,18,22,.16)}.hero-description{max-width:920px;margin:28px auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,2vw,1.62rem);line-height:1.72;color:#faf4edeb;text-shadow:0 2px 18px rgba(15,19,21,.12)}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.retreat-header h1,.welcome-title,.section-title h2,.section-title h3,.section-mini-title h4{color:#faf4ee}.form-header{display:flex;justify-content:center;align-items:center}.form-header-centered{text-align:center}.step-helper{margin:0;color:#f7f0e8c2}.section-title span{display:inline-block;color:#e3d0b7f0;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.section-title h2,.section-title h3{margin:0;font-size:1.95rem;color:#fbf5ee;letter-spacing:-.02em}.section-title p{margin:12px auto 0;color:#f8f1ead6;max-width:720px;line-height:1.76}.section-mini-title{margin-bottom:16px}.section-mini-title h4{margin:0;font-size:1.14rem;color:#fbf5ee}.section-mini-title p{margin:8px 0 0;color:#f8f0e8c2;line-height:1.68}.welcome-title{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.08;color:#f7fbff}.welcome-copy{font-size:1.06rem;line-height:1.8;color:var(--text-soft);max-width:760px;margin:16px auto 0}.signature-note{margin-top:16px;padding:16px 18px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#f8f1ead6;line-height:1.68}.step-progress{display:flex;justify-content:center;gap:12px;margin:18px 0 8px;flex-wrap:wrap}.step-dot{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#f5ece3c7;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.step-dot.active{background:linear-gradient(135deg,#e9dcc033,#c5d5ce24);border-color:#ece0c66b;color:#fff;box-shadow:0 10px 24px #0c111429}.welcome-page-image-style{align-items:stretch}.hero-image-overlay{background:radial-gradient(circle at 50% 14%,rgba(255,239,216,.18),transparent 24%),linear-gradient(180deg,#12161914,#1216191a 30%,#12161933 68%,#1216194d);z-index:1}.image-hero-shell{padding:28px 28px 40px}.image-hero-layout{width:min(1320px,100%);min-height:calc(100vh - 68px);display:flex;align-items:flex-start;justify-content:center}.image-hero-inner{width:min(1260px,100%);padding-top:34px}.image-hero-topline{color:#7c6137f2;font-size:.96rem;letter-spacing:.22em;font-weight:600}.image-hero-divider{width:min(520px,60%);margin:20px auto 26px;background:linear-gradient(90deg,transparent 0%,rgba(146,126,95,.18) 18%,rgba(146,126,95,.32) 50%,rgba(146,126,95,.18) 82%,transparent 100%)}.image-hero-divider:after{color:#ad9268cc;font-size:.72rem}.image-hero-main-title{color:#3f3c39f5;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,4.2vw,4.35rem);font-weight:500;line-height:1.08;text-shadow:none}.image-hero-display-title{margin-top:34px;color:#fff6edf7;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.65rem,5vw,5.25rem);line-height:1.06;font-weight:600;text-shadow:0 2px 16px rgba(80,66,49,.08)}.image-hero-description{max-width:980px;margin:34px auto 0;color:#fbf4edf0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2vw,1.82rem);line-height:1.62;text-shadow:0 2px 12px rgba(83,67,48,.08)}.image-highlight-grid{gap:18px;margin-top:52px}.image-highlight-card{min-height:136px;padding:26px 20px 22px;border-radius:24px;border:1px solid rgba(255,248,240,.28);background:linear-gradient(180deg,#82959638,#c1bab02e);box-shadow:inset 0 1px #ffffff29,0 16px 34px #2c27221a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.image-hero-icon{width:34px;height:34px;margin:0 auto 14px;color:#f8f1e9f2;display:flex;align-items:center;justify-content:center}.image-hero-icon svg{width:100%;height:100%;display:block}.image-highlight-card strong{margin-top:0;display:block;font-size:.98rem;font-weight:700;color:#faf5eefa;line-height:1.35}.image-hero-actions{margin-top:54px}.image-hero-start-btn{min-width:330px;padding:22px 36px;border-radius:24px;background:linear-gradient(180deg,#efe9c8,#dde5c8);color:#22382f;font-size:1.16rem;font-weight:800;box-shadow:0 16px 34px #322a2324,inset 0 1px #fff6}.image-hero-start-btn:hover{transform:translateY(-1px);box-shadow:0 18px 40px #322a2329,inset 0 1px #ffffff6b}.hero-highlight-grid{display:grid;gap:18px}.hero-highlight-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.image-highlight-grid{margin-top:52px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.birth-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.members-stack{display:flex;flex-direction:column;gap:18px;margin-top:18px}.member-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.member-card-header h4{margin:0;font-size:1.08rem;color:#fff8f1}.member-add-row{display:flex;justify-content:flex-end;margin-top:4px}.participation-stack{margin-top:18px}.section-mini-title-tight{margin-bottom:12px}.section-mini-title-tight h4{margin:0;font-size:1.08rem;line-height:1.2}.section-mini-title-tight p{margin:6px 0 0;font-size:.94rem;line-height:1.5;color:#f8f0e8b8}.compact-helper-text{font-size:.82rem;line-height:1.5;color:#f6ece2a8}.participation-stack{margin-top:20px}.participation-block{padding:24px 20px}.participation-block .field label{margin-bottom:2px}.attendance-grid .choice-card{min-height:52px}.inline-options{gap:12px}.radio-pill span{min-width:88px;padding:12px 18px}@media(max-width:768px){.participation-block{padding:18px 16px}.section-mini-title-tight p{font-size:.9rem}.compact-helper-text{font-size:.8rem}}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gender-grid,.dietary-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dietary-grid,.attendance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-rows-stack{display:flex;flex-direction:column;gap:14px;margin-top:16px}.member-select-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.2fr);gap:16px 22px;align-items:center;padding:18px 20px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.member-select-name{color:var(--text-main)}.member-select-name strong{font-size:1rem}.member-select-control{width:100%}.member-row-notes{margin-top:2px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1 / -1}.field label{font-weight:600;color:#fbf3ea;font-size:.95rem}.field input,.field textarea{width:100%;padding:15px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);outline:none;background:#ffffff12;color:var(--text-main);transition:.22s ease;box-shadow:inset 0 1px #ffffff0d}.field select,.member-select-control select{width:100%;min-height:54px;padding:14px 46px 14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);outline:none;background:#ffffff12;color:var(--text-main);transition:.22s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:inset 0 1px #ffffff0d;background-image:linear-gradient(45deg,transparent 50%,rgba(250,241,230,.9) 50%),linear-gradient(135deg,rgba(250,241,230,.9) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px;background-repeat:no-repeat}.field input::placeholder,.field textarea::placeholder{color:#f3eae175}.field input:focus,.field textarea:focus,.field select:focus,.member-select-control select:focus{border-color:#efdfc26b;background:#ffffff17;box-shadow:0 0 0 3px #efdfc214}.field select:hover,.member-select-control select:hover,.field input:hover,.field textarea:hover{border-color:#efdfc238;background:#ffffff17}.field textarea{min-height:110px;resize:vertical}.field select:disabled,.member-select-control select:disabled,.field input:disabled,.field textarea:disabled{opacity:.65;cursor:not-allowed}.centered-field{align-items:center}.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);-webkit-box-shadow:0 0 0 1000px rgba(60,75,82,.85) inset;box-shadow:0 0 0 1000px #3c4b52d9 inset;border-color:#ffffff1f;transition:background-color 5000s ease-in-out 0s}.choice-card{padding:15px 14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff0f;color:#f7f3edeb;cursor:pointer;text-align:left;transition:all .22s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-weight:600}.choice-card:hover{transform:translateY(-1px);border-color:#f0e0c847;background:#ffffff1a}.choice-card.selected{background:linear-gradient(180deg,#efe6ca,#dbe5cf);border-color:#efdfc280;color:#1f332d;font-weight:800;box-shadow:0 10px 24px #0b0f112e,inset 0 1px #fff6;transform:translateY(-1px)}.choice-card-center{text-align:center;font-weight:700}.inline-options{display:flex;gap:14px;flex-wrap:wrap}.centered-options{justify-content:center}.radio-pill{position:relative;display:inline-flex;align-items:center}.radio-pill input{position:absolute;opacity:0;pointer-events:none}.radio-pill span{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:13px 18px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#f7f3edeb;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .22s ease;font-weight:600}.radio-pill span:hover{background:#ffffff1f;border-color:#efdfc247}.radio-pill input:checked+span{background:linear-gradient(180deg,#efe6ca,#dbe5cf);border-color:#efdfc280;color:#1f332d;font-weight:800;box-shadow:0 10px 24px #0b0f112e,inset 0 1px #fff6;transform:translateY(-1px)}.rule-item{display:flex;align-items:flex-start;gap:12px;color:var(--text-main)}.rule-item input{margin-top:3px;width:16px;height:16px}.rules-list{display:grid;gap:12px;margin-top:16px}.rule-card,.ack-item{padding:14px 16px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09)}.warning-box{margin-top:16px;padding:14px 16px;border-radius:18px;background:#f0e2cb1f;border:1px solid rgba(240,226,203,.18);color:#fff5eb;font-weight:500}.error-box{margin-top:16px;margin-bottom:16px;padding:14px 16px;border-radius:18px;background:#b754542e;border:1px solid rgba(220,120,120,.4);color:#ffd7d7;font-weight:600;text-align:center}.helper-text{color:#f6ece2b8;font-size:.84rem}.helper-text-spaced{display:block;margin-top:10px;line-height:1.6}.error-text{color:#ffd7d7;font-size:.82rem}.top-gap{margin-top:18px}.member-alert-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-text);font-size:.8rem;font-weight:700;white-space:nowrap}.member-soft-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#dde5dd1f;border:1px solid rgba(228,216,194,.18);color:#fdf6ef;font-size:.8rem;font-weight:700;white-space:nowrap}.submit-bar{margin-top:28px;display:flex;justify-content:center;gap:16px;align-items:center}.submit-btn,.secondary-btn,.remove-btn{border:0;cursor:pointer;transition:.22s ease}.submit-btn{padding:15px 26px;border-radius:18px;background:linear-gradient(180deg,#efe6ca,#dbe5cf);color:#1f332d;font-weight:800;min-width:220px;font-size:1rem;box-shadow:0 12px 26px #0b0f112e}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #0b0f1138;filter:brightness(1.02)}.submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.secondary-btn,.remove-btn{padding:11px 16px;border-radius:16px;background:#ffffff12;color:var(--text-main);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.secondary-btn:hover,.remove-btn:hover{background:#ffffff1c}.add-member-btn{padding:14px 22px;border-radius:18px;background:linear-gradient(180deg,#efe6ca,#dbe5cf);color:#1f332d;font-weight:800;box-shadow:0 12px 28px #0b0f1129}.add-member-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0b0f1133}.nav-btn{min-width:180px}.thankyou-card{text-align:center;padding-top:50px;padding-bottom:50px}.thankyou-title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.4rem;color:#fbf3ea}.thankyou-copy{max-width:700px;margin:16px auto 0;color:#f8f1ead6;line-height:1.72}.thankyou-contact{margin-top:22px;color:#f8f1ead6}@media(max-width:1024px){.hero-highlight-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.image-hero-inner{padding-top:20px}.image-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-hero-display-title{font-size:clamp(2.3rem,4.8vw,4rem)}.image-hero-description{font-size:1.15rem;max-width:860px}}@media(max-width:768px){.page-logo{top:5px;left:5px;width:30px}.signup-shell{padding:12px 10px;align-items:flex-start}.welcome-hero-shell{padding:18px 12px;position:relative;z-index:2}.welcome-hero,.image-hero-layout{min-height:calc(100vh - 36px)}.welcome-hero-inner,.image-hero-inner{padding:10px 6px 24px}.form-card{width:100%;max-width:100%;padding:18px;border-radius:22px}.form-section{padding:18px;border-radius:22px}.form-grid,.choice-grid,.birth-grid,.gender-grid,.dietary-member-grid,.dietary-grid,.attendance-grid,.hero-highlight-grid,.hero-highlight-grid-4,.member-select-row,.image-highlight-grid{grid-template-columns:1fr}.member-card-header{flex-direction:column;align-items:stretch}.submit-bar{flex-direction:column-reverse;align-items:stretch}.member-card-header h4{margin-bottom:4px}.member-add-row{justify-content:stretch}.nav-btn,.submit-btn,.secondary-btn,.add-member-btn,.remove-btn,.hero-start-btn,.image-hero-start-btn{width:100%;min-width:0}.submit-btn,.secondary-btn,.add-member-btn,.remove-btn,.choice-card,.radio-pill span,.hero-start-btn,.image-hero-start-btn{min-height:48px}.retreat-header{margin-bottom:10px}.retreat-header h1{font-size:1.75rem;line-height:1.15}.image-hero-topline{font-size:1.05rem;letter-spacing:.14em}.image-hero-main-title{font-size:clamp(2rem,7vw,2.8rem);line-height:1.1}.image-hero-display-title{font-size:clamp(1.5rem,5.5vw,2.2rem);margin-top:18px;line-height:1.2}.hero-description,.image-hero-description{margin-top:18px;font-size:1.08rem;line-height:1.68}.hero-divider,.image-hero-divider{width:82%;margin:14px auto}.hero-highlight-card-lux,.image-highlight-card{padding:18px 16px}.hero-schedule-block{margin-top:22px}.hero-schedule-block p{font-size:.98rem}.section-title h2,.section-title h3{font-size:1.45rem}.welcome-copy,.section-title p,.section-mini-title p,.step-helper{font-size:.96rem;line-height:1.65}.field input,.field textarea,.field select,.member-select-control select{font-size:16px}.step-progress{gap:6px;flex-wrap:wrap;margin:16px 0 8px}.step-dot{width:34px;height:34px;font-size:.9rem}.member-select-row{gap:12px;padding:14px}.member-select-name{margin-bottom:2px}.intro-actions,.image-hero-actions{margin-top:22px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}