@font-face{font-family:DM;src:url('./inbox-storefront/assets/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{--ink:#213f38;--muted:#7d8d79;--accent:#244f43;--line:#dce5d5}*{box-sizing:border-box}body{margin:0;background:#f8f9f5;color:var(--ink);font-family:DM,system-ui,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #90a674;outline-offset:4px}[hidden]{display:none!important}.workspace{max-width:640px;margin:auto;padding:34px 24px}.workspace-header{display:flex;align-items:center;gap:14px;margin-bottom:60px}.avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:21px;background:var(--accent);color:#dfedb9;font-size:28px}.workspace-header strong{font-size:18px}.workspace-header small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.store-icon{margin-left:auto;font-size:32px}.workspace-label{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 18px 6px}.storefront{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff}.store-banner{background:var(--accent);color:white;padding:35px 30px}.store-spark{color:#dce6b7;font-size:27px}h1{font-size:31px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:18px 0 12px;overflow-wrap:anywhere}.store-banner p{font-size:13px;margin:0;opacity:.8}.store-body{padding:28px}.store-body h2{font-weight:500;font-size:22px;letter-spacing:-.5px;margin:0 0 12px;overflow-wrap:anywhere}.store-body p{font-size:14px;color:var(--muted);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.offerings-empty{text-align:center;border:1px dashed var(--line);border-radius:18px;padding:30px 16px;margin:28px 0 8px}.offerings-empty>span{font-size:25px;color:var(--muted)}.offerings-empty h2{font-size:18px;margin-top:14px}.offerings-empty p{font-size:12px;margin:0}.welcome-preview{margin-top:25px;padding:20px;background:#f4f6f0;border-radius:18px}.welcome-preview small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.welcome-preview p{margin-bottom:0;color:var(--ink)}.edit-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;color:var(--ink);padding:24px 6px;font-size:14px}.reveal-note{text-align:center;font-size:13px;color:var(--muted)}footer{margin-top:70px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;font-size:12px}footer a{color:inherit;text-decoration:none}footer button{border:0;background:none;color:var(--muted);padding:12px}footer p{width:100%;color:var(--muted);font-size:10px}body:has(dialog[open]){overflow:hidden}dialog{padding:0;border:1px solid #e4e9df;border-radius:28px;background:#fafbf7;color:var(--ink);width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 25px 90px #213f3820}dialog::backdrop{background:#3b524333;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.overlay-header{display:flex;align-items:center;gap:10px;padding:20px 26px 12px;font-size:10px;letter-spacing:1.8px;color:var(--muted)}.mini-spark{font-size:25px;color:#899f6e}.overlay-content{padding:12px 30px 6px}.overlay-content h2{font-size:35px;letter-spacing:-1.6px;line-height:1.2;font-weight:500;margin:0 0 10px}.overlay-content h2 em{font-family:Georgia,serif;font-weight:400;color:#82966d}.intro{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 32px}.field{display:block;margin:24px 0}.field>span,.field>label:first-child,.field-label{display:block;font-size:12px;color:#718365;margin-bottom:10px}.field small{font-size:10px;margin-left:8px;color:#929d87}.field input:not([type=checkbox]),.field textarea{display:block;width:100%;padding:0 0 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;outline:none;background:transparent;color:var(--ink);font-size:18px;line-height:1.5;letter-spacing:-.4px;resize:vertical}.business input:not([type=checkbox]){font-size:24px}.field textarea{font-size:16px}.field input::placeholder,.field textarea::placeholder{color:#98a48e;opacity:1}.field input:focus,.field textarea:focus{border-color:#82966d}.field input:disabled{opacity:.5}.hint{color:var(--muted);font-size:11px;line-height:1.6;margin:0 0 13px}.overlay-footer{position:sticky;bottom:0;background:#fafbf7;padding:16px 30px max(15px,env(safe-area-inset-bottom));border-top:1px solid #e9ede3}.continue{width:100%;display:flex;justify-content:center;align-items:center;gap:14px;min-height:52px;border:0;border-radius:16px;background:var(--accent);color:#fff;font-size:15px}.continue svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.overlay-footer p{text-align:center;font-size:10px;color:var(--muted);margin:10px 0 0}.storage-note{font-size:11px;color:#936c55}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:540px){.workspace{padding:25px 20px}.overlay-content{padding:10px 23px 4px}.overlay-header{padding:16px 20px 12px}.overlay-footer{padding-inline:23px}.overlay-content h2{font-size:31px}dialog{border-radius:25px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:arrive .35s ease-out}dialog[open]::backdrop{animation:veil .35s ease-out}dialog.leaving{animation:leave .3s ease-in forwards}dialog.leaving::backdrop{animation:unveil .3s ease-in forwards}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;transform:translateY(12px)}}@keyframes veil{from{backdrop-filter:blur(0);background:transparent}}@keyframes unveil{to{backdrop-filter:blur(0);background:transparent}}}
/* Headings receive programmatic focus for screen readers, not a control ring. */
#intro-title:focus, .store-banner h1:focus{outline:none}


/* Starter copy is quiet until focused or personalized. */
#welcome.is-starter:not(:focus){color:#98a48e}
.field textarea[name="about"]{height:48px;min-height:48px}
.field textarea[name="welcome"]{height:72px;min-height:72px}

.field-feedback{margin:8px 0 0;font-size:12px;line-height:1.5;color:#627750;letter-spacing:0}.field input[aria-invalid="true"]{border-bottom-color:#82966d}
#onboarding{scrollbar-width:none}#onboarding::-webkit-scrollbar{display:none}

/* Initial display already has the full blur; never animate from a clear storefront. */
#onboarding.initial-open:not(.leaving),#onboarding.initial-open:not(.leaving)::backdrop{animation:none}