*{box-sizing:border-box;margin:0;padding:0}:root{--bottom-nav-height:64px;--bottom-nav-offset:max(12px, env(safe-area-inset-bottom));--bottom-nav-clearance:calc(var(--bottom-nav-height) + var(--bottom-nav-offset) + 32px)}html,body{color:#171717;background:#faf7f2;max-width:100vw;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.appLogo{letter-spacing:0;color:#6d28d9;align-items:center;gap:.35em;font-family:Pacifico,Brush Script MT,cursive;font-size:26px;font-weight:400;text-decoration:none;display:inline-flex}.appLogoMark{object-fit:contain;box-shadow:none;border-radius:0;flex:none;transform:translateY(-1px);width:1.35em!important;height:1.35em!important}.appLogoText{color:#7c3aed;background:linear-gradient(135deg,#6d28d9 0%,#9f4df0 48%,#c026d3 100%);-webkit-text-fill-color:transparent;text-shadow:0 8px 24px #7c3aed29;-webkit-background-clip:text;background-clip:text;padding-bottom:.18em;padding-right:.05em;line-height:1.25;display:inline-block;transform:translateY(1px)}.listState{text-align:center;background:radial-gradient(circle at 50% 0,#8c4cf30e,#0000 58%),linear-gradient(135deg,#fffffff5,#fdfaffeb);border:1px solid #e1d5e8c7;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(100%,540px);min-height:244px;padding:34px 24px;display:flex;box-shadow:0 18px 44px #2a1e240e,inset 0 1px #ffffffeb}.listStateIcon{color:#8c4cf3;background:linear-gradient(135deg,#8c4cf31a,#6d39cf0a);border:1px solid #8c4cf324;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.listState--filtered .listStateIcon{border-radius:16px;width:54px;height:54px}.listState--error .listStateIcon{color:#dc2626;background:linear-gradient(135deg,#ef44441a,#f973160d);border-color:#ef444429}.listState h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:900}.listState p{color:#6b7280;max-width:390px;margin:0;font-size:13.5px;line-height:1.55}.listStateDetails{flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;display:flex}.listStateDetails span{color:#665070;text-overflow:ellipsis;white-space:nowrap;background:#f8f4ffe6;border:1px solid #e1d5e8d1;border-radius:999px;align-items:center;max-width:min(100%,260px);min-height:28px;padding:0 10px;font-size:11px;font-weight:850;display:inline-flex;overflow:hidden}.listStateActions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.listStateAction{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:11px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:12px;font-weight:850;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 18px #11182724}.listStateAction--secondary{color:#374151;box-shadow:none;background:#ffffffd6;border:1px solid #e2e8f0f2}.listStateAction:hover{background:#1f2937;transform:translateY(-1px)}.listStateAction--secondary:hover{color:#111827;background:#fff;border-color:#8c4cf338}.templatesStatePage,.notFoundPage{width:100%;max-width:none;min-height:100svh;padding:max(42px, env(safe-area-inset-top)) 18px var(--bottom-nav-clearance);background:radial-gradient(circle at 18% 16%,#8c4cf31c,#0000 30%),radial-gradient(circle at 82% 12%,#c7a45c14,#0000 28%),linear-gradient(#fffaf7 0%,#fbf7ff 48%,#f8fafc 100%);align-content:center;place-items:center;gap:14px;display:grid}.notFoundPage{padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom))}.notFoundPanel{text-align:center;background:linear-gradient(135deg,#fffffff5,#fdfaffeb);border:1px solid #e1d5e8d1;border-radius:26px;justify-items:center;gap:18px;width:min(100%,620px);padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #2a1e241a,inset 0 1px #ffffffeb}.notFoundHeader{z-index:1;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;position:relative}.notFoundHeader>span{color:#111827;letter-spacing:.08em;background:#1118270f;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.notFoundIcon{z-index:1;color:#7e3ff2;background:linear-gradient(135deg,#8c4cf31f,#c7a45c14);border:1px solid #8c4cf329;border-radius:23px;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:0 16px 32px #7e5bd51c}.notFoundCopy{z-index:1;justify-items:center;gap:8px;display:grid;position:relative}.notFoundCopy p{color:#8c4cf3;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:950}.notFoundCopy h1{color:#111827;letter-spacing:0;max-width:480px;margin:0;font-size:clamp(30px,6vw,48px);font-weight:950;line-height:.98}.notFoundCopy span{color:#6b7280;max-width:430px;font-size:14px;line-height:1.55}.notFoundActions{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.notFoundPrimaryAction,.notFoundAction{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:12px;font-weight:900;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.notFoundPrimaryAction{color:#fff;background:#111827;box-shadow:0 12px 24px #11182729}.notFoundAction{color:#374151;background:#ffffffd6;border:1px solid #e2e8f0f2}.notFoundPrimaryAction:hover,.notFoundAction:hover{transform:translateY(-1px)}.notFoundAction:hover{background:#fff;border-color:#8c4cf338}.notFoundHints{z-index:1;border-top:1px solid #e1d5e8b3;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding-top:15px;display:flex;position:relative}.notFoundHints span{color:#756a82;background:#f8f4ffc7;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}@media (max-width:560px){.notFoundPanel{border-radius:22px;padding:18px}.notFoundActions{width:100%}.notFoundPrimaryAction,.notFoundAction{flex:100%}}.templatesPage .templatesBrand .appLogo{align-items:center;gap:10px;font-size:30px}.templatesPage .templatesBrand .appLogoMark{box-shadow:none;object-fit:contain;border-radius:0;transform:translateY(-1px);width:44px!important;height:44px!important}.templatesPage .templatesBrand .appLogoText{padding-bottom:.18em;line-height:1.25;transform:translateY(1px)}.profileInvitationsContainer>.profileEmptyState.listState{border-style:solid;flex:none;align-self:center;width:min(100% - 36px,560px);min-height:236px;margin:clamp(34px,8vh,92px) 18px 0}