:root{--bg:#09090b;--gutter:#040405;--surface:#101014;--surface-elevated:#141418;--panel:#141418;--text:#f8f4e8;--text-strong:#fff;--muted:#cac5b8;--border:#2b2b31;--gold:#f6c945;--gold-contrast:#08080a;--frizi-gold:var(--gold);--frizi-on-gold:var(--gold-contrast);--accent:#f6c945;--accent-strong:#ffd968;--danger:#ff8d7d;--success:#46dc8c;--warning-text:#ffd18a;--warning-bg:#ff9d4224;--warning-border:#ff9d4275;--info-text:var(--text);--info-bg:#f6c9451a;--info-border:#f6c94552;--success-text:#9ff0c4;--success-bg:#46dc8c1f;--success-border:#46dc8c6b;--error-text:#ffb6aa;--error-bg:#ff8d7d1f;--error-border:#ff8d7d70;color:var(--text);background:var(--gutter);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--bg:#fff;--gutter:#fff;--surface:#fff;--surface-elevated:#f7f7f7;--surface-base:#fff;--panel:#fff;--text:#171717;--text-strong:#171717;--text-muted:#666;--muted:#666;--border:#e5e5e5;--gold:#ffc107;--gold-contrast:#000;--frizi-gold:var(--gold);--frizi-on-gold:var(--gold-contrast);--accent:#ffc107;--accent-strong:#c69200;--dark:#171717;--on-dark:#fff;--disabled-bg:#f5f5f5;--disabled-text:#666;--danger:#a84232;--success:#22734d;--warning-text:#664200;--warning-bg:#fff7df;--warning-border:#d99600;--info-text:#171717;--info-bg:#fff9e8;--info-border:#e2b632;--success-text:#145c39;--success-bg:#eaf8f1;--success-border:#55a77d;--error-text:#842819;--error-bg:#fff0ed;--error-border:#d36b5b}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--gold) 13%, transparent), transparent 32vw), var(--gutter);min-width:320px;margin:0}a,button{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.48}.friziGoldButton,.primaryButton{background:var(--frizi-gold);color:var(--frizi-on-gold);border:0;font-weight:900}.friziGoldButton svg,.friziGoldButton .icon,.primaryButton svg,.primaryButton .icon{color:currentColor;stroke:currentColor}.friziGoldBadge{background:var(--frizi-gold);place-items:center;font-weight:900;display:inline-grid;color:var(--frizi-on-gold)!important}.hero{align-items:end;min-height:92svh;padding:24px;display:grid;position:relative;overflow:hidden}.heroImage,.heroShade{position:absolute;inset:0}.heroImage{object-fit:cover;width:100%;height:100%}.heroShade{background:linear-gradient(90deg,#09090bf2,#09090ba3 46%,#09090b3d),linear-gradient(#09090b33,#09090b5c 58%,#09090b 100%)}.nav{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:22px;left:24px;right:24px}.brand,.navLink,.navText,.primaryCta,.secondaryCta{justify-content:center;align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand{color:#f6c945;background:0 0;border:0;padding:0;font-size:18px}.brandButton{cursor:pointer}.brandIcon{object-fit:cover;border:1px solid #f6c9458c;border-radius:8px;width:32px;height:32px}.navStatic{background:#09090bf5;border-bottom:1px solid #2b2b31;padding:18px 24px;position:relative;inset:auto}.navLinks{scrollbar-width:thin;align-items:center;gap:10px;max-width:min(860px,100vw - 260px);display:inline-flex;overflow-x:auto}.navText{color:#f8f4e8;white-space:nowrap;background:0 0;border:0;min-height:40px;padding:0 10px}.navText.active{color:#f6c945;background:#f6c94529;border-radius:8px}.navLink{background:#09090b8c;border:1px solid #f8f4e833;border-radius:8px;min-height:40px;padding:0 14px}.heroContent{z-index:1;width:min(760px,100%);padding:150px 0 34px;position:relative}h1,h2,h3,p{margin-top:0}h1{color:#fff;letter-spacing:0;margin-bottom:16px;font-size:clamp(56px,8vw,112px);line-height:.92}h2{color:#fff;letter-spacing:0;margin-bottom:10px;font-size:clamp(30px,4vw,54px);line-height:1}h3{color:#fff;margin-bottom:8px;font-size:20px}.lead{color:#f8f4e8;max-width:680px;font-size:clamp(18px,2vw,24px);line-height:1.35}.heroActions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primaryCta,.secondaryCta{border-radius:8px;min-height:52px;padding:0 20px;font-size:16px}.primaryCta{color:#09090b;background:#f6c945}.secondaryCta{background:#09090b99;border:1px solid #f8f4e842}.compact{min-height:42px;padding:0 14px;font-size:14px}.wide{width:100%;margin-top:14px}.pageShell{width:min(1180px,100% - 32px);margin:0 auto;padding:36px 0 72px}.onboarding{background:#09090b;scroll-margin-top:20px}.onboardingShell{background:#141418;border:1px solid #2b2b31;border-radius:8px;width:min(1080px,100%);margin:0 auto;overflow:hidden}.onboardingHeader{border-bottom:1px solid #2b2b31;justify-content:space-between;align-items:center;gap:16px;padding:clamp(20px,4vw,36px);display:flex}.onboardingHeader h2{margin-bottom:0}.onboardingHeader p{color:#cac5b8;max-width:680px;margin:8px 0 0;line-height:1.45}.onboardingPanel{padding:clamp(20px,4vw,36px)}.twoColumn{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:24px;display:grid}.goldIcon{color:#f6c945}.buttonRow{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.phoneMock{text-align:center;background:linear-gradient(#f6c94521,#141418f5),#101014;border:1px solid #f6c9456b;border-radius:34px;align-content:center;justify-items:center;gap:14px;min-height:320px;padding:30px;display:grid}.phoneMock img{object-fit:cover;border-radius:24px;width:96px;height:96px}.phoneMock strong{color:#fff;font-size:28px;font-weight:900}.phoneMock span{color:#cac5b8;max-width:220px;line-height:1.4}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.formGrid.single{grid-template-columns:1fr}.authPage{align-items:center;min-height:calc(100svh - 82px);display:grid}.authShell{width:min(520px,100%)}.authSwitch{color:#cac5b8;text-align:center;margin:16px 0 0}.googleAuthButton{color:#09090b;width:100%;min-height:54px;font:inherit;background:#fff;border:1px solid #f8f4e838;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-weight:900;display:inline-flex}.googleAuthButton:disabled{cursor:not-allowed;opacity:.62}.googleAuthButton span{color:#f6c945;background:#09090b;border-radius:999px;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.authDivider{color:#cac5b8;text-transform:lowercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0 4px;font-size:13px;font-weight:900;display:grid}.authDivider span{background:#f8f4e824;height:1px}.authSwitch button,.textLink{color:#f6c945;font:inherit;text-underline-offset:3px;background:0 0;border:0;font-weight:900;text-decoration:underline}.forgotLink{justify-self:start;margin-top:12px}.passwordField{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.passwordField>.field{min-width:0}.passwordField>button{color:#f6c945;background:#101014;border:1px solid #33333a;border-radius:8px;min-height:52px;padding:0 14px;font-weight:900}.loadingShell img{object-fit:cover;border-radius:18px;width:72px;height:72px}.field{color:#fff;gap:8px;font-size:14px;font-weight:900;display:grid}.field.full{margin-top:12px}.field input,.field select,.field textarea{color:#fff;width:100%;min-height:52px;font:inherit;background:#09090b;border:1px solid #33333a;border-radius:8px;outline:none;padding:12px 14px;font-weight:700}.field select{appearance:none;background:linear-gradient(45deg,#0000 50%,#f6c945 50%) right 18px center/7px 7px no-repeat,linear-gradient(135deg,#f6c945 50%,#0000 50%) right 13px center/7px 7px no-repeat,#09090b}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f6c945}.helperText{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.4}.formSection{background:#101014;border:1px solid #2b2b31;border-radius:8px;margin-top:20px;padding:clamp(16px,3vw,24px)}.formSection h4,.addonsHeader h4{color:#fff;margin:0 0 6px;font-size:18px}.formSection p{color:#cac5b8;margin:0;line-height:1.4}.accountIdentitySection{margin-bottom:16px}.accountIdentityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.accountIdentityField{background:#09090b;border:1px solid #2b2b31;border-radius:8px;min-width:0;padding:12px}.accountIdentityField span{color:#a9a396;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.accountIdentityField strong{overflow-wrap:anywhere;color:#fff;margin-top:4px;display:block}.walkthroughList,.goLiveBox{gap:10px;margin:18px 0;display:grid}.walkthroughItem,.statusRow{color:#f8f4e8;background:#101014;border:1px solid #2b2b31;border-radius:8px;align-items:center;gap:10px;padding:14px;line-height:1.35;display:flex}.walkthroughItem svg,.statusRow svg{color:#f6c945;flex-shrink:0}.statusRow strong{color:#f6c945;margin-left:auto}.status{border:1px solid var(--info-border);background:var(--info-bg);color:var(--info-text);border-radius:8px;margin:16px 0 0;padding:14px;font-size:14px;font-weight:800}.status.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.status.success{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.status.error{border-color:var(--error-border);background:var(--error-bg);color:var(--error-text)}.profileFormActions{gap:10px;margin-top:16px;display:grid}.verificationCard{text-align:center;justify-items:center;gap:12px;max-width:560px;margin:0 auto;display:grid}.verificationCard h3{margin-bottom:0}.verificationCard p{color:#cac5b8;margin:0;line-height:1.45}.verificationEmailLink{overflow-wrap:anywhere;color:#fff;text-underline-offset:4px;max-width:100%;font-size:18px;font-weight:900;-webkit-text-decoration:underline #f6c945b3;text-decoration:underline #f6c945b3;display:inline-flex}.verificationDivider{background:#2b2b31;width:100%;height:1px;margin:8px 0 2px}.verificationBlock,.verificationActions,.verificationHelp{width:100%}.verificationBlock strong,.verificationHelp strong{color:#fff}.verificationNotice{white-space:pre-line;color:#f8f4e8;background:#ff9d421f;border:1px solid #ff9d426b;border-radius:8px;justify-content:center;gap:8px;width:100%;padding:12px 14px;font-weight:800;display:flex}.verificationNotice.success{background:#f6c94521;border-color:#f6c9455c}.verificationHelp{text-align:left;background:#101014;border:1px solid #2b2b31;border-radius:8px;gap:8px;padding:14px;display:grid}.verificationHelp ul{color:#cac5b8;gap:6px;margin:0;padding-left:20px;line-height:1.45;display:grid}.verificationActions{gap:10px;display:grid}.wrongEmail{color:#cac5b8;flex-wrap:wrap;justify-content:center;gap:8px;font-size:14px;display:flex}.wrongEmail button{color:#f6c945;text-underline-offset:3px;background:0 0;border:0;min-height:auto;padding:0;font-weight:900;text-decoration:underline}.inlineSpinner{border:2px solid #09090b47;border-top-color:#09090b;border-radius:999px;width:16px;height:16px;animation:.7s linear infinite spin}.inlineSpinner.light{border-color:#f8f4e8 #f8f4e83d #f8f4e83d}@keyframes spin{to{transform:rotate(360deg)}}.servicesSection{gap:16px;display:grid}.serviceIntro,.addonsHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.serviceIntro p{color:#cac5b8;max-width:720px;line-height:1.45}.toggleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.checkField{color:#fff;background:#09090b;border:1px solid #33333a;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;font-size:14px;font-weight:800;display:flex}.checkField input{accent-color:#f6c945;width:18px;height:18px}.addonsHeader{margin-top:18px}.addonRow{grid-template-columns:minmax(150px,1fr) minmax(120px,.7fr) minmax(130px,.7fr) minmax(110px,.5fr);gap:10px;margin-top:10px;display:grid}.serviceList{gap:10px;display:grid}.serviceCard,.emptyState{background:#101014;border:1px solid #2b2b31;border-radius:8px;padding:16px}.serviceCard{justify-content:space-between;align-items:center;gap:16px;display:flex}.serviceCardActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.serviceCard strong,.emptyState strong{color:#fff;font-size:18px;display:block}.serviceCard span,.emptyState span{color:#cac5b8;line-height:1.4}.emptyState{justify-items:start;gap:8px;display:grid}.emptyState svg{color:#f6c945}.proAppShell{--app-max:520px;color:#f8f4e8;min-height:100svh;padding-bottom:calc(94px + env(safe-area-inset-bottom));background:#08080a}.proAppHeader{min-height:246px;width:min(var(--app-max), 100%);margin:0 auto 78px;padding:18px 22px 0;position:relative;overflow:visible}.proHeroImage,.proHeaderOverlay{position:absolute;inset:0;overflow:hidden}.proHeroImage{object-fit:cover;object-position:center 42%;filter:grayscale();width:100%;height:100%}.proHeaderOverlay{background:linear-gradient(90deg,#08080a1f,#08080a57),linear-gradient(#08080a1f 38%,#08080ad1)}.proHeaderIdentity{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid;position:absolute;bottom:-48px;left:22px;right:22px}.proPortrait{object-fit:cover;background:#101014;border:3px solid #f6c945;border-radius:999px;width:115px;height:115px;box-shadow:0 12px 30px #00000052}.proPortraitButton{background:0 0;border:0;border-radius:999px;width:115px;height:115px;padding:0;display:block;box-shadow:0 0 #f6c94500}.proPortraitButton:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.proHeaderIdentity div{gap:3px;min-width:0;padding-bottom:5px;display:grid;transform:translateY(-18px)}.proAppHeader h1{color:#fff;margin:0;font-size:clamp(30px,8vw,38px);line-height:1}.proAppHeader p{color:#ffffffc7;margin:0;font-size:16px;font-weight:700}.settingsButton,.notificationButton{color:#fff;background:0 0;border:0;place-items:center;width:48px;height:48px;display:inline-grid}.proHeaderControls{top:calc(12px + env(safe-area-inset-top));right:max(14px, calc((100% - var(--app-max)) / 2 + 14px));z-index:60;align-items:center;gap:8px;display:flex;position:absolute}.notificationButton .friziNotificationBadge{border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px;position:absolute;top:5px;right:5px}.notificationButton{position:relative}.settingsButton.active,.notificationButton.active{color:#f6c945}.notificationSheetLayer{z-index:50;padding:calc(72px + env(safe-area-inset-top)) 12px 0;background:#00000052;place-items:start center;display:grid;position:fixed;inset:0}.notificationSheet{width:min(var(--app-max), calc(100vw - 24px));border:1px solid var(--border);background:var(--surface);color:var(--text-strong);border-radius:18px;padding:14px;box-shadow:0 18px 56px #0000006b}.notificationSheet .emptyState{margin-top:10px}.notificationList{gap:8px;margin-top:10px;display:grid}.notificationRow{border:1px solid var(--border);background:var(--surface-elevated);width:100%;color:var(--text-strong);text-align:left;border-radius:14px;grid-template-columns:10px 1fr;gap:10px;padding:12px;display:grid}.notificationRow.unread{background:#f6c94514;border-color:#f6c9456b}.notificationDot{background:0 0;border-radius:999px;width:8px;height:8px;margin-top:5px}.notificationRow.unread .notificationDot{background:#f6c945}.notificationRow strong,.notificationRow small,.notificationRow em{display:block}.notificationRow small{color:var(--muted);margin-top:4px;line-height:1.45}.notificationRow em{color:var(--muted);margin-top:8px;font-size:.78rem;font-style:normal;font-weight:800}.pushPermissionCard{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--gold) 30%, var(--border));background:color-mix(in srgb, var(--gold) 5%, var(--surface));border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px 12px;width:100%;max-width:100%;margin:14px 0 16px;padding:12px;display:grid;box-shadow:0 10px 28px #00000029}.pushPermissionCard>svg{color:var(--gold);flex:none;margin-top:1px}.pushPermissionCard>div:first-of-type{flex:1;min-width:0}.pushPermissionCard strong,.pushPermissionCard span,.pushPermissionCard em{display:block}.pushPermissionCard span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.4}.pushPermissionCard em{color:var(--gold);margin-top:6px;font-size:12px;font-style:normal;font-weight:800}.pushPermissionCard .compactActions{grid-column:2;width:100%}.pushPermissionCard .compactActions button{white-space:normal;min-height:42px}.pushPermissionCard .compactActions button:first-child{border-color:var(--gold);background:var(--gold);color:var(--frizi-on-gold)}.pushPermissionCard .compactActions button:last-child{border-color:var(--border);background:var(--surface);color:var(--text-strong)}@media (width<=430px){.pushPermissionCard .compactActions{grid-column:1/-1}.pushPermissionCard .compactActions button{justify-content:center;width:100%}}.addAppointmentSheet{max-height:min(88vh,780px);overflow:auto}.appointmentStep{gap:10px;margin-top:14px;display:grid}.appointmentStep h4{text-transform:uppercase;color:var(--gold);margin:0;font-size:.9rem}.clientChoiceList,.serviceChoiceList{gap:8px;display:grid}.clientChoiceList button,.serviceChoiceList button{border:1px solid var(--border);background:var(--surface-elevated);width:100%;color:var(--text-strong);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.clientChoiceList button.selected,.serviceChoiceList button.selected{border-color:#f6c945b8;box-shadow:0 0 0 2px #f6c94529}.clientChoiceList span,.serviceChoiceList span,.clientChoiceList em{display:block}.clientChoiceList em,.serviceChoiceList span{color:var(--muted);margin-top:3px;font-size:.82rem;font-style:normal}.inlineForm,.twoColumnInputs{gap:10px;display:grid}@media (width>=520px){.twoColumnInputs{grid-template-columns:1fr 1fr}}.settingsOverlayLayer{z-index:40;pointer-events:none;align-items:end;display:grid;position:fixed;inset:0}.settingsOverlayScrim{pointer-events:auto;background:#0000006b;border:0;position:absolute;inset:0}.settingsOverlayPanel{z-index:1;width:min(var(--app-max), calc(100% - 18px));max-height:min(78vh,720px);margin:0 auto calc(74px + env(safe-area-inset-bottom));pointer-events:auto;background:#101014;border:1px solid #2b2b31;border-radius:18px 18px 10px 10px;position:relative;overflow:auto;box-shadow:0 -18px 48px #00000073}.settingsOverlayPanel .settingsScreen{min-height:0;padding:18px}.sheetCloseButton{color:#fff;background:#18181d;border:1px solid #2b2b31;border-radius:999px;padding:8px 12px;font-weight:900}.proAppContent{width:min(var(--app-max), 100%);margin:0 auto;padding:14px 20px 0}.proHome{gap:18px;display:grid}.proHome h2{color:#fff;margin-bottom:0;font-size:clamp(30px,7vw,34px);line-height:1}.todayHeader{gap:4px;margin:2px 0 -2px;display:grid}.todayHeader h2{margin-bottom:0}.todayHeader span,.nextUpSection span,.nextUpSection em,.emptyAppointments span{color:#cac5b8}.nextUpSection{gap:10px;display:grid}.nextUpSection h3{color:#fff;margin:0;font-size:22px}.textButton{color:#f6c945;background:0 0;border:0;padding:6px 0;font-weight:900}.upcomingAppointmentList{gap:10px;display:grid}.upcomingAppointmentCard,.nextUpSection article{text-align:left;background:#141418;border:1px solid #2b2b31;border-radius:8px;gap:5px;padding:14px;display:grid}.upcomingAppointmentCard{color:#fff;grid-template-columns:minmax(86px,auto) minmax(0,1fr);align-items:center;gap:12px}.upcomingAppointmentCard time{color:#f6c945;font-size:13px;font-weight:900;line-height:1.2}.nextUpSection strong,.upcomingAppointmentCard strong{color:#fff;font-size:18px}.nextUpSection em,.upcomingAppointmentCard span{color:#cac5b8;font-style:normal}.appointmentTimeline{gap:16px;display:grid}.connectedSalonSchedule{color:#fff;background:#141418;border:1px solid #2b2b31;border-radius:8px;gap:12px;padding:16px;display:grid}.connectedSalonSchedule .sectionTitleRow strong{color:#fff;font-size:20px;display:block}.connectedSalonSchedule .sectionTitleRow span,.connectedSalonUpcoming>span{color:#cac5b8;font-size:14px}.connectedSalonShiftList,.connectedSalonUpcoming{gap:10px;display:grid}.connectedSalonShiftRow{background:#101013;border:1px solid #34343a;border-radius:8px;gap:10px;padding:12px;display:grid}.connectedSalonShiftRow.today{border-color:#f6c94599}.connectedSalonShiftRow div,.connectedSalonShiftRow ul{gap:4px;margin:0;padding:0;display:grid}.connectedSalonShiftRow li{color:#fff;justify-content:space-between;gap:12px;list-style:none;display:flex}.connectedSalonShiftRow strong{color:#fff}.connectedSalonShiftRow span,.connectedSalonShiftRow em,.connectedSalonShiftRow small{color:#cac5b8;font-style:normal}.timelineItem{grid-template-columns:78px 22px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.appointmentTime{color:#fff;white-space:pre-line;font-size:20px;font-weight:900;line-height:1.1}.timelineRail{justify-items:center;padding-top:10px;display:grid;position:relative}.timelineRail span{background:#f6c945;border-radius:999px;width:14px;height:14px}.timelineRail i{background:#f8f4e82e;width:3px;min-height:72px;margin-top:4px}.appointmentCard{color:#fff;text-align:left;background:#141418;border:1px solid #2b2b31;border-radius:8px;align-content:center;gap:8px;width:100%;min-height:82px;padding:18px;display:grid}.timelineItem.nextToday .appointmentCard{border-color:#f6c9458c;box-shadow:inset 3px 0 #f6c945}.appointmentCard strong{font-size:24px;line-height:1}.appointmentCard span{color:#cac5b8;font-size:16px}.emptyAppointments{color:#f6c945;text-align:center;background:#101014;border:1px dashed #f6c94561;border-radius:8px;place-items:center;gap:12px;min-height:240px;display:grid}.emptyAppointments.compact{justify-items:start;place-items:initial;text-align:left;border-style:solid;min-height:0;padding:16px}.emptyAppointments.compact.mini{padding:14px}.emptyAppointments span{white-space:normal;text-overflow:clip;line-height:1.45;overflow:visible}.emptyAppointments strong{color:#f8f4e8;font-size:20px}.setupStrip{background:#f6c94514;border:1px solid #f6c94542;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.growthStrip{margin-top:2px}.setupStrip svg{color:#f6c945}.setupStrip strong,.setupStrip span{line-height:1.3;display:block}.setupStrip strong{color:#fff;font-size:14px}.setupStrip span{color:#cac5b8;font-size:13px}.setupStrip button{color:#08080a;background:#f6c945;border-radius:8px;min-height:36px;padding:0 14px;font-weight:900}.setupChecklist{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;margin:18px 0 22px;padding:14px;display:grid}.setupChecklist>div:first-child{gap:4px;display:grid}.setupChecklist>div:first-child strong{color:var(--text-strong);font-size:16px}.setupChecklist>div:first-child span{color:var(--text-muted);font-size:13px;line-height:1.35}.setupChecklistRows{gap:8px;display:grid}.setupChecklistRows button{border:1px solid var(--border);background:var(--surface-elevated);min-height:48px;color:var(--text-strong);text-align:left;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.setupChecklistRows button span{color:var(--gold);display:inline-flex}.setupChecklistRows button strong{font-size:14px}.setupChecklistRows button em{color:var(--gold);font-size:12px;font-style:normal;font-weight:900}.setupChecklistRows button.complete{opacity:.76}.setupChecklistRows button:disabled{cursor:wait;opacity:.62}.setupChecklistRows button.complete em{color:var(--text-muted)}.bottomNav{z-index:10;width:min(var(--app-max), calc(100% - 12px));padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#141418;border:1px solid #2b2b31;border-bottom:0;border-radius:8px 8px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomNav button{color:#fff;background:0 0;border-radius:8px;place-items:center;gap:4px;min-height:66px;font-size:13px;font-weight:900;display:grid}.bottomNav button.active{color:#08080a;background:#f6c945}.proSectionPage{gap:14px;display:grid}.proSectionCard{background:#141418;border:1px solid #2b2b31;border-radius:8px;justify-items:start;gap:12px;padding:22px;display:grid}.proSectionCard h2{margin:0;font-size:30px}.proSectionCard p{color:#cac5b8;margin:0;line-height:1.45}.proScreen{gap:16px;padding-bottom:18px;display:grid}.screenHeader{justify-content:space-between;align-items:center;gap:14px;display:flex}.screenHeader h2{color:#fff;margin:0;font-size:34px;line-height:1}.screenHeader p{color:#cac5b8;margin:6px 0 0}.roundGoldButton{color:#08080a;background:#f6c945;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:inline-grid}.searchField{color:#8f8a82;background:#141418;border:1px solid #2b2b31;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 14px;display:grid}.searchField input{color:#fff;min-height:50px;font:inherit;background:0 0;border:0}.filterScroller{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filterBar,.selectionBar,.activeFilterSummary,.resultsLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filterBar{justify-content:space-between}.filterBar button,.activeFilterSummary button,.selectionBar{color:#fff;background:#141418;border:1px solid #34343a;border-radius:8px;padding:10px 12px;font-weight:900}.filterBar button{align-items:center;gap:7px;display:inline-flex}.filterBar span,.activeFilterSummary span{color:#08080a;background:#f6c945;border-radius:999px;place-items:center;min-width:22px;padding:2px 7px;font-size:12px;display:inline-grid}.activeFilterSummary{color:#cac5b8}.selectionBar{justify-content:space-between}.resultsLine{color:#cac5b8;font-size:14px;font-weight:800}.filterGroup{gap:8px;display:grid}.filterGroup strong{color:#f6c945}.filterSheet{width:min(var(--app-max), calc(100vw - 18px));max-height:min(82vh,680px);padding-bottom:calc(18px + env(safe-area-inset-bottom));overflow:auto}.sheetHeader span{color:var(--muted);font-size:13px;line-height:1.3}.sheetFooterActions{border-top:1px solid var(--border);background:var(--surface);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding-top:12px;display:grid;position:sticky;bottom:0}.sheetFooterActions span{color:var(--text-strong);font-weight:900}.filterOptionGrid{flex-wrap:wrap;gap:8px;display:flex}.filterOptionGrid button{color:#fff;background:#1a1a1f;border:1px solid #34343a;border-radius:999px;padding:9px 12px;font-weight:900}.filterOptionGrid button.active{color:#08080a;background:#f6c945;border-color:#f6c945}.filterScroller button,.tagWrap span,.compactActions button{color:#fff;white-space:nowrap;background:#1a1a1f;border:1px solid #34343a;border-radius:999px;padding:9px 12px;font-weight:900}.filterScroller button.active{color:#08080a;background:#f6c945;border-color:#f6c945}.crmList,.promoList,.settingsList{gap:10px;display:grid}.workplaceConnectionPanel{color:#fff;background:#141418;border:1px solid #2b2b31;border-radius:8px;gap:12px;padding:14px;display:grid}.workplaceConnectionPanel>div{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.workplaceConnectionPanel strong,.workplaceConnectionPanel em{display:block}.workplaceConnectionPanel strong{color:#fff}.workplaceConnectionPanel em{color:#cac5b8;font-style:normal}.dangerCta{color:#ff7a7a;justify-content:center}.crmList>button,.promoList article,.detailCard,.creatorCard,.qrCard,.settingsList>button,.mobileSheet{color:#fff;background:#141418;border:1px solid #2b2b31;border-radius:8px}.crmList>button{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.crmList>button:has(.clientSelectBox){grid-template-columns:auto auto 1fr auto}.crmList>button.selected{background:#f6c94517;border-color:#f6c945a6}.crmList>button.checked{border-color:#f6c945}.clientSelectBox{color:#08080a;background:#f6c945;border:1px solid #f6c945;border-radius:6px;place-items:center;width:24px;height:24px;font-weight:900;display:inline-grid}.crmList strong,.promoList strong,.detailCard h3,.creatorCard h3{color:#fff;font-size:20px}.crmList strong,.crmList span,.promoList strong,.promoList span,.promoList p{display:block}.promoList span{margin-top:4px}.crmList span,.crmList em,.promoList span,.promoList p,.detailCard p,.miniFacts dd,.settingsList em{color:#cac5b8}.crmList em{text-transform:capitalize;font-size:12px;font-style:normal}.clientAvatar{object-fit:cover;border:1px solid #92782c;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font-weight:900;line-height:1;display:inline-grid}.clientAvatar.initialsAvatar{z-index:0;color:#08080a;text-align:center;background:#f6c945;place-items:center;font-size:18px;font-weight:950;display:inline-grid;position:relative}.clientAvatar.photoAvatar{color:#f8f4e8;background:#17171c}.detailCard,.creatorCard,.mobileSheet,.promoList article,.qrCard{gap:12px;padding:16px;display:grid}.tagWrap{flex-wrap:wrap;gap:8px;display:flex}.tagWrap span{padding:7px 10px;font-size:12px}.miniFacts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.miniFacts div{border:1px solid #2b2b31;border-radius:8px;padding:10px}.miniFacts dt{color:#f6c945;font-size:12px;font-weight:900}.miniFacts dd{margin:3px 0 0;font-size:13px}.compactActions{flex-wrap:wrap;gap:8px;display:flex}.compactActions button{border-radius:8px;align-items:center;gap:6px;display:inline-flex}.passportScreen{gap:16px}.passportCard{background:#141418;border:1px solid #2b2b31;border-radius:8px;gap:16px;padding:16px;display:grid}.passportIdentity{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;display:grid}.passportIdentity img,.passportFallbackAvatar{object-fit:cover;background:#09090b;border:2px solid #f6c945;border-radius:50%;width:76px;height:76px}.passportFallbackAvatar{color:#f6c945;place-items:center;display:inline-grid}.passportIdentity span,.passportDetailList dt{color:#f6c945;text-transform:uppercase;font-size:12px;font-weight:900}.passportIdentity h3{color:#fff;margin:2px 0;font-size:24px}.passportIdentity p,.passportDetailList dd{color:#cac5b8;margin:0}.passportFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.passportSection{gap:10px;display:grid}.passportSection h4{color:#fff;margin:0;font-size:18px}.passportDetailList{gap:8px;margin:0;display:grid}.passportDetailList div{border:1px solid #2b2b31;border-radius:8px;padding:10px}.emptyState.compact{min-height:160px;padding:18px}.promoPreview{background:#f6c94514;border:1px dashed #f6c94573;border-radius:8px;gap:8px;padding:14px;display:grid}.promoPreview svg,.promoPreview em{color:#f6c945}.qrCard{text-align:center;justify-items:center}.qrCard img{background:#fff;border-radius:8px;width:min(320px,100%);padding:12px}.qrCard strong{overflow-wrap:anywhere;color:#f8f4e8;font-size:14px}.qrLoading{aspect-ratio:1;color:#08080a;background:#fff;border-radius:8px;place-items:center;gap:10px;width:min(320px,100%);padding:18px;font-weight:900;display:grid}.qrLoading span{color:#333;font-size:13px;line-height:1.35}.settingsList>button{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.settingsList svg{color:#f6c945}.settingsList span{gap:3px;display:grid}.settingsList strong{color:#fff}.settingsList .dangerRow strong,.settingsList .dangerRow svg{color:#ff8d7d}.settingsList .dangerRow{margin-top:8px}.sheetHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheetHeader h3{margin:0}.sheetHeader button{color:#f6c945;font-weight:900}.field textarea{resize:vertical;min-height:112px}.proAppContent .pageShell{width:100%;padding:0}.proAppContent .availabilityPanel{padding:18px}.proAppContent .availabilityPanel h1{font-size:34px}.routeStatus{border:1px solid var(--info-border);background:var(--info-bg);width:min(1180px,100% - 32px);color:var(--info-text);border-radius:8px;margin:0 auto 24px;padding:14px;font-size:14px;font-weight:800}.featureErrorBanner,.accountLoadError{background:color-mix(in srgb, var(--gold) 10%, var(--surface-elevated));color:var(--text);border:1px solid #f6c94552;border-radius:8px;gap:14px;padding:14px;display:grid}.featureErrorBanner{grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;margin-bottom:14px}.featureErrorBanner strong,.featureErrorBanner span{display:block}.featureErrorBanner strong{color:var(--text-strong)}.featureErrorBanner span,.accountLoadError p{color:var(--muted);line-height:1.4}.featureErrorBanner button{border:1px solid var(--gold);min-height:40px;color:var(--text-strong);background:0 0;border-radius:999px;padding:0 14px;font-weight:900}.accountLoadError{justify-items:start}.accountLoadError img{border-radius:14px;width:64px;height:64px}.availabilityPanel{gap:22px;display:grid}.availabilityCalendar,.shiftSetup,.shiftList{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px}.calendarHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.calendarHeader h2{margin:0;font-size:clamp(24px,4vw,36px)}.iconButton{border:1px solid var(--border);background:var(--surface-elevated);width:44px;height:44px;color:var(--text-strong);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.rotateIcon{transform:rotate(180deg)}.calendarWeekdays,.calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendarWeekdays{color:var(--muted);text-align:center;margin-bottom:8px;font-weight:900}.calendarGrid button{border:1px solid var(--border);background:var(--surface-elevated);min-height:58px;color:var(--text-strong);font:inherit;cursor:pointer;border-radius:8px;place-items:center;font-weight:900;display:grid;position:relative}.calendarGrid button.muted{color:var(--muted);opacity:.62}.calendarGrid button.selected{border-color:var(--gold);background:var(--surface-elevated);color:var(--text-strong);outline:2px solid color-mix(in srgb, var(--gold) 72%, transparent);outline-offset:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 35%, transparent)}.calendarGrid button i{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;bottom:8px}.calendarGrid button.selected i{background:var(--gold)}.operationalCalendar .calendarGrid button{min-height:54px}.calendarDot.confirmed{background:#f6c945}.calendarDot.pending{background:#7fc8ff}.calendarDot.cancelled{background:#ff8d7d}.calendarDot.blocked{background:#cac5b8}.agendaCard h3{margin:0}.agendaList{gap:10px;display:grid}.agendaItem{border-top:1px solid #2b2b31;grid-template-columns:78px 1fr auto;align-items:center;gap:10px;padding-top:10px;display:grid}.agendaItem time,.agendaItem strong,.agendaItem span{display:block}.agendaItem time{color:#f6c945;font-weight:900}.agendaItem span{color:#cac5b8}.statusPill{color:#f8f4e8;text-transform:capitalize;border:1px solid #34343a;border-radius:999px;padding:6px 9px;font-size:12px;font-style:normal;font-weight:900}.statusPill.pending{color:#b9e2ff;border-color:#7fc8ff94}.statusPill.cancelled,.statusPill.canceled{color:#ffb6aa;border-color:#ff8d7d94}.statusPill.success{color:#9ff0c4;border-color:#68e2a185}.statusPill.warning{color:var(--frizi-gold,#f6c945);border-color:#f6c94580}.settingsStatusRow{border:1px solid var(--frizi-border,#ffffff1f);background:var(--frizi-surface-soft,#ffffff0b);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.settingsStatusRow svg{color:var(--frizi-gold,#f6c945)}.settingsStatusRow span{gap:3px;min-width:0;display:grid}.settingsStatusRow strong{color:var(--frizi-text,#f8f4e8)}.settingsStatusRow em{color:var(--frizi-muted,#cac5b8);font-size:13px;font-style:normal}.compactSettingsList,.notificationPreferenceList{margin-top:14px}.fullWidthButton{width:100%;margin-top:14px}.shiftSetup,.shiftList{gap:14px;display:grid}.shiftSetup h3,.shiftList h3{margin:0}.shiftList div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.shiftList p{color:var(--muted);margin:0}.shiftActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.inlineAction{border:1px solid var(--border);min-height:36px;color:var(--text-strong);background:0 0;border-radius:8px;padding:0 12px;font-weight:900}.inlineAction.danger{border-color:color-mix(in srgb, var(--danger) 38%, var(--border));color:var(--danger)}.surface{width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0 64px}@media (width>=760px){.settingsOverlayLayer{padding-right:max(32px, calc((100vw - var(--app-max)) / 2));place-items:center end}.settingsOverlayPanel{border-radius:12px;width:min(380px,100vw - 36px);max-height:min(82vh,760px);margin:0}}.panel,.feature,.download{background:#141418;border:1px solid #2b2b31;border-radius:8px}.panel{padding:clamp(22px,4vw,42px)}.intro,.split{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:start;gap:28px;display:grid}.panel p,.feature p,.download p,li{color:#cac5b8;font-size:17px;line-height:1.45}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.feature{padding:22px}.feature svg,.split svg,.download svg{color:#f6c945}ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}li{align-items:flex-start;gap:10px;display:flex}.download{justify-content:space-between;align-items:center;gap:24px;margin-top:12px;padding:clamp(22px,4vw,36px);display:flex}.download p{max-width:690px;margin-bottom:0}.pricingPage{gap:14px;display:grid}.pricingHero{background:linear-gradient(90deg,#09090beb,#09090b6b),url(https://images.unsplash.com/photo-1521590832167-7bcbfaa6381f?auto=format&fit=crop&w=1800&q=85) 50%/cover;border:1px solid #2b2b31;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:end;gap:24px;min-height:560px;padding:clamp(24px,5vw,56px);display:grid}.pricingHero h1{max-width:780px;font-size:clamp(44px,7vw,86px)}.priceCard{background:#141418f0;border:1px solid #f6c9456b;border-radius:8px;padding:24px}.priceCard span{color:#f6c945;font-weight:900}.priceCard strong{color:#fff;margin:10px 0;font-size:clamp(38px,5vw,58px);line-height:1;display:block}.priceCard p,.pricingPromise p{color:#cac5b8;line-height:1.45}.pricingGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pricingPromise{justify-items:start;gap:10px;display:grid}.photosSetup,.previewPage,.goLivePage{gap:14px;display:grid}.photoPreviewGrid,.planGrid,.activationBenefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.photoInput,.portfolioInput,.previewSection,.pricingChoice,.almostReady,.successPanel{gap:12px;display:grid}.photoLabel{color:#fff;font-size:15px;font-weight:900}.photoInput.wide{grid-column:span 2}.photoFrame{border:1px solid var(--border);min-height:180px;color:var(--gold);background:#ffffff0a;border-radius:8px;place-items:center;display:grid;overflow:hidden}.photoFrame img,.portfolioThumb img,.portfolioStrip img,.publicHero{object-fit:cover;width:100%;height:100%}.uploadCta input{display:none}.portfolioInput{justify-items:start}.uploadActionRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.warningText{color:var(--warning-text)}.specialtySelector,.specialtyChipGrid{flex-wrap:wrap;gap:10px;display:flex}.specialtySelector{align-items:flex-start}.selectedSpecialtyList,.specialtySuggestionList{flex-wrap:wrap;flex-basis:100%;gap:10px;display:flex}.specialtySearchField{flex-basis:100%;margin:2px 0 0}.specialtySelectionCount{flex-basis:100%;margin-top:2px}.chipButton{color:#f8f4e8;background:#101014;border:1px solid #33333a;border-radius:999px;min-height:42px;padding:0 14px;font-weight:900}.chipButton.selected{color:#050506;background:#f6c945;border-color:#f6c945}.chipButton.removable{align-items:center;gap:8px;display:inline-flex}.chipButton.removable span{font-size:18px;line-height:1}.paidFeatureNotice{gap:14px;display:grid}.paidFeatureNotice>svg{color:var(--gold)}.paidFeatureNotice strong,.paidFeatureNotice span{display:block}.paidFeatureNotice span{color:var(--muted);margin-top:6px;line-height:1.55}.portfolioStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.portfolioThumb,.portfolioStrip img{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;min-height:110px;overflow:hidden}.portfolioThumb{position:relative}.portfolioThumbActions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.portfolioThumbActions button{color:#fff;background:#08080ac7;border-radius:999px;min-height:34px;padding:0 10px;font-weight:900}.portfolioThumbActions button:disabled{opacity:.45}.previewBadge{color:var(--gold);background:#f6c9451f;border:1px solid #f6c94573;border-radius:999px;justify-self:start;padding:8px 12px;font-weight:900}.publicProfilePreview{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.publicProfilePreviewLayer{z-index:140;color:#171717;background:#000000b8;justify-items:center;display:grid;position:fixed;inset:0}.publicProfilePreviewShell{color:#171717;background:#fff;width:min(100%,520px);height:100svh;position:relative;overflow-y:auto;box-shadow:0 0 0 1px #00000014,0 24px 80px #0000006b}.publicPreviewClose{top:calc(14px + env(safe-area-inset-top));z-index:3;color:#fff;background:#000000b8;border-radius:999px;place-items:center;width:44px;height:44px;display:inline-grid;position:fixed;right:max(14px,50vw - min(100vw,520px)/2 + 14px);box-shadow:0 10px 24px #00000042}.publicPreviewClose:focus-visible,.publicPreviewStickyAction button:focus-visible,.clientPublicActions button:focus-visible{outline-offset:3px;outline:3px solid #ffc107}.publicPreviewLabel{top:calc(18px + env(safe-area-inset-top));z-index:2;color:#171717;letter-spacing:0;background:#ffffffe6;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;position:absolute;left:18px}.clientPublicProfileCard{min-height:100%;padding-bottom:calc(92px + env(safe-area-inset-bottom));background:#fff}.clientPublicHero{min-height:520px;padding:calc(66px + env(safe-area-inset-top)) 18px 20px;color:#fff;align-content:end;display:grid;position:relative;overflow:hidden}.clientPublicHeroImage,.clientPublicHeroShade{position:absolute;inset:0}.clientPublicHeroImage{object-fit:cover;object-position:center;width:100%;height:100%}.clientPublicHeroShade{background:linear-gradient(#00000014,#0000002e 40%,#000000db),linear-gradient(90deg,#00000057,#00000014)}.clientPublicHeroControls{top:calc(70px + env(safe-area-inset-top));z-index:1;gap:10px;display:flex;position:absolute;right:18px}.clientPublicHeroControls span{color:#fff;background:#00000094;border-radius:999px;place-items:center;width:44px;height:44px;display:inline-grid}.clientPublicIdentity{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:14px;display:grid;position:relative}.clientPublicPortrait{object-fit:cover;background:#111;border:5px solid #fff;border-radius:999px;width:116px;height:116px;box-shadow:0 0 0 3px #ffc107,0 14px 34px #0000005c}.clientPublicIdentity h1{margin:0 0 5px;font-size:clamp(28px,7vw,42px);line-height:1.04;color:#fff!important}.clientPublicIdentity p,.clientPublicIdentity span{margin:0;font-weight:700;display:block;color:#ffffffe6!important}.clientPublicActions{z-index:1;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:22px;display:grid;position:relative}.clientPublicActions button{color:#fff;background:#00000057;border:1px solid #ffffffbd;border-radius:6px;min-height:48px;font-size:14px;font-weight:900}.clientPublicActions button:first-child{color:#000;background:#ffc107;border-color:#ffc107}.clientPublicBody{gap:20px;padding:18px;display:grid}.clientPublicBody section{gap:10px;display:grid}.clientPublicBody h2{color:#171717;margin:0;font-size:22px;line-height:1.1}.clientPublicBody p{color:#2d2d2d;margin:0;font-size:16px;line-height:1.45}.publicPreviewNotice{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;padding:12px;font-weight:800}.publicOfferCard{background:linear-gradient(135deg,#fff9e6,#fff);border:1px solid #ffc1078c;border-radius:12px;padding:16px}.publicOfferCard span{color:#171717;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.publicOfferCard em{color:#b07000;font-style:normal;font-weight:800}.clientPublicChips{flex-wrap:wrap;gap:8px;display:flex}.clientPublicChips span{color:#171717;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:8px 12px;font-weight:800}.clientPublicServices{gap:8px;display:grid}.clientPublicServices article{background:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.clientPublicServices strong,.clientPublicServices span{color:#171717;display:block}.clientPublicServices article>span{color:#b07000;white-space:nowrap;font-weight:900}.clientPublicMuted{color:#666}.clientPublicPortfolio{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.clientPublicPortfolio img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.publicPreviewStickyAction{padding:12px 18px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #e5e5e5;display:grid;position:sticky;bottom:0}.publicPreviewStickyAction .primaryCta{justify-content:center;width:100%}.publicHero{height:260px;display:block}.publicProfileBody{gap:8px;padding:58px 18px 18px;display:grid;position:relative}.publicPortrait{border:2px solid var(--gold);object-fit:cover;background:#111;border-radius:50%;width:96px;height:96px;position:absolute;top:-48px;left:18px}.sectionTitleRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.mutedLine{color:var(--muted)}.liveStatus span{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.35;display:block}.liveStatus.active{background:#46dc8c14;border-color:#46dc8c73}.activationHero h1,.almostReady h1,.successPanel h1{font-size:clamp(34px,8vw,58px)}.activationBenefits{grid-template-columns:repeat(2,minmax(0,1fr))}.compactFeature{align-items:center;gap:12px;display:flex}.planGrid button,.blockerList button{border:1px solid var(--border);background:var(--surface-elevated);min-height:112px;color:var(--text-strong);text-align:left;border-radius:8px;gap:6px;padding:16px;display:grid}.planGrid button.selected{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--surface-elevated));box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 42%, transparent)}.planGrid button>span{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-weight:900;display:flex}.planGrid button.selected>span{color:var(--text-strong)}.planGrid em{border:1px solid color-mix(in srgb, var(--gold) 58%, transparent);color:var(--gold);border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal}.salonInvitePage h1{margin:10px 0 12px;font-size:clamp(34px,8vw,56px)}.salonInviteCard{max-width:620px;margin:0 auto}.salonInviteDetails{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(100px,auto) minmax(0,1fr);gap:10px 16px;margin:22px 0;padding:16px;display:grid}.salonInviteDetails span{color:var(--muted);font-size:13px}.salonInviteDetails strong{color:var(--text-strong);overflow-wrap:anywhere}.planGrid strong{color:var(--text-strong);font-size:24px}.planGrid small{color:var(--muted);line-height:1.35}.goLivePage{width:min(760px,100% - 32px)}.goLivePage .activationHero,.goLivePage .pricingChoice{border-color:color-mix(in srgb, var(--gold) 22%, var(--border));background:var(--panel)}.goLivePage .activationBenefits{grid-template-columns:1fr}.goLivePage .compactFeature{border-color:var(--border);background:var(--surface-elevated);min-height:auto}.goLivePage .pricingChoice>.primaryCta{border:1px solid var(--gold);background:var(--gold);color:var(--frizi-on-gold)}.goLivePage .pricingChoice>.primaryCta svg{color:var(--frizi-on-gold);stroke:currentColor}.blockerList{gap:8px;display:grid}.blockerList button{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:58px}.setupAfterSubscribe{border:1px solid color-mix(in srgb, var(--gold) 30%, var(--border));background:color-mix(in srgb, var(--gold) 8%, var(--surface-elevated));border-radius:8px;padding:12px}.setupAfterSubscribe>strong{color:var(--text-strong);font-size:14px}.setupAfterSubscribe button{min-height:44px;padding:10px 12px}.segmentedControl{border:1px solid var(--border);background:#070709b8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(100%,360px);margin:18px 0 4px;padding:4px;display:inline-grid}.segmentedControl button{min-height:42px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:900}.segmentedControl button.active{background:var(--gold);color:var(--frizi-on-gold)}.audienceControl{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0}@media (width<=860px){.hero{min-height:88svh;padding:18px}.heroShade{background:linear-gradient(#09090b57,#09090bb8 44%,#09090b 100%),linear-gradient(90deg,#09090bd6,#09090b52)}.nav{left:18px;right:18px}.navStatic{padding:14px 18px;left:auto;right:auto}.navLinks{gap:6px;max-width:calc(100vw - 150px)}.navText{padding:0 6px}.heroContent{padding-top:120px}.heroActions,.download,.onboardingHeader,.buttonRow,.serviceIntro{flex-direction:column;align-items:stretch}.primaryCta,.secondaryCta{width:100%}.intro,.split,.grid,.pricingHero,.pricingGrid,.photoPreviewGrid,.portfolioInput,.portfolioStrip,.planGrid,.activationBenefits,.twoColumn,.formGrid,.toggleGrid,.addonRow{grid-template-columns:1fr}.photoInput.wide{grid-column:auto}.calendarWeekdays,.calendarGrid{gap:5px}.calendarGrid button{min-height:46px;padding:0}.shiftList div{flex-direction:column;align-items:flex-start}.timelineItem{grid-template-columns:76px 20px minmax(0,1fr);gap:12px}}@media (width>=861px) and (width<=1160px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}body,.proAppShell,.pageShell,.surface,.onboarding{color:var(--text)}.proAppShell{background:var(--bg)}.proAppContent,.proAppHeader{width:min(var(--app-max), 100%)}.panel,.feature,.download,.onboardingShell,.appointmentCard,.upcomingAppointmentCard,.connectedSalonSchedule,.connectedSalonShiftRow,.proSectionCard,.settingsOverlayPanel,.workplaceConnectionPanel,.settingsList>button,.settingsScreen,.publicProfilePreview{border-color:var(--border);background:var(--panel);color:var(--text)}.settingsOverlayPanel,.proSectionCard,.appointmentCard,.bottomNav{background:var(--surface-elevated)}.navStatic,.bottomNav{border-color:var(--border);background:color-mix(in srgb, var(--surface-elevated), transparent 3%)}.proAppShell h1,.proAppShell h2,.proAppShell h3,.settingsList strong,.appointmentCard strong,.setupStrip strong,.panel h1,.panel h2,.panel h3{color:var(--text-strong)}.proAppShell p,.proAppShell span,.setupStrip span,.appointmentCard span,.panel p,.feature p,.download p,.settingsList em,.mutedLine,.liveStatus span,.planGrid small{color:var(--muted)}.proAppHeader p{color:#ffffffd1}.brand,.goldIcon,.feature svg,.split svg,.download svg,.emptyState svg,.settingsList svg,.emptyAppointments,.settingsButton.active,.settingsOverlayToggle{color:var(--gold)}.primaryCta,.setupStrip button,.bottomNav button.active,.segmentedControl button.active,.settingsList .dangerRow+button,.themePreferenceControl button.active{background:var(--gold);color:var(--frizi-on-gold)}.bottomNav button.active,.bottomNav button.active span,.bottomNav button.active svg{color:var(--frizi-on-gold)!important}.bottomNav button:not(.active),.bottomNav button:not(.active) span,.bottomNav button:not(.active) svg{color:var(--text-strong)}:root[data-theme=light] body{background:#fff}:root[data-theme=light] .proAppShell,:root[data-theme=light] .pageShell,:root[data-theme=light] .surface,:root[data-theme=light] .onboarding,:root[data-theme=light] .proAppContent{color:var(--text);background:#fff}:root[data-theme=light] .panel,:root[data-theme=light] .feature,:root[data-theme=light] .download,:root[data-theme=light] .onboardingShell,:root[data-theme=light] .formSection,:root[data-theme=light] .accountIdentityField,:root[data-theme=light] .checkField,:root[data-theme=light] .walkthroughItem,:root[data-theme=light] .statusRow,:root[data-theme=light] .appointmentCard,:root[data-theme=light] .detailCard,:root[data-theme=light] .creatorCard,:root[data-theme=light] .qrCard,:root[data-theme=light] .proSectionCard,:root[data-theme=light] .settingsOverlayPanel,:root[data-theme=light] .settingsScreen,:root[data-theme=light] .settingsList>button,:root[data-theme=light] .workplaceConnectionPanel,:root[data-theme=light] .connectedSalonSchedule,:root[data-theme=light] .connectedSalonShiftRow,:root[data-theme=light] .settingsStatusRow,:root[data-theme=light] .publicProfilePreview,:root[data-theme=light] .availabilityCalendar,:root[data-theme=light] .shiftSetup,:root[data-theme=light] .shiftList,:root[data-theme=light] .setupChecklist,:root[data-theme=light] .featureErrorBanner,:root[data-theme=light] .accountLoadError,:root[data-theme=light] .notificationSheet,:root[data-theme=light] .notificationRow,:root[data-theme=light] .clientChoiceList button,:root[data-theme=light] .serviceChoiceList button,:root[data-theme=light] .serviceCard,:root[data-theme=light] .crmList>button,:root[data-theme=light] .promoList article,:root[data-theme=light] .filterSheet,:root[data-theme=light] .filterGroup,:root[data-theme=light] .promoPreview,:root[data-theme=light] .clientFileSheet,:root[data-theme=light] .promoBuilderSheet,:root[data-theme=light] .modalScrim .mobileSheet,:root[data-theme=light] .carouselControls,:root[data-theme=light] .audienceSummary,:root[data-theme=light] .noteBlock,:root[data-theme=light] .promoBuilderInline,:root[data-theme=light] .templateGrid button,:root[data-theme=light] .productSoonCard,:root[data-theme=light] .promoDestinationCard,:root[data-theme=light] .promoAudienceCard,:root[data-theme=light] .promoImageUpload,:root[data-theme=light] .promoDesignSection,:root[data-theme=light] .eligibilitySection,:root[data-theme=light] .planGrid button,:root[data-theme=light] .blockerList button,:root[data-theme=light] .agendaCard{border-color:var(--border);color:var(--text);background:#fff}:root[data-theme=light] .agendaCard p,:root[data-theme=light] .agendaCard>div:first-child span{color:var(--muted)}:root[data-theme=light] .agendaItem.asButton,:root[data-theme=light] .miniFacts div{border-color:var(--border);color:var(--text);background:#fff}:root[data-theme=light] .proAppShell h1,:root[data-theme=light] .proAppShell h2,:root[data-theme=light] .proAppShell h3,:root[data-theme=light] .proAppShell strong,:root[data-theme=light] .settingsList strong,:root[data-theme=light] .appointmentCard strong,:root[data-theme=light] .detailCard h3,:root[data-theme=light] .creatorCard h3,:root[data-theme=light] .formSection h4,:root[data-theme=light] .accountIdentityField strong,:root[data-theme=light] .settingsStatusRow strong,:root[data-theme=light] .serviceCard strong,:root[data-theme=light] .emptyState strong,:root[data-theme=light] .nextUpSection strong,:root[data-theme=light] .setupStrip strong,:root[data-theme=light] .panel h1,:root[data-theme=light] .panel h2,:root[data-theme=light] .panel h3{color:var(--text-strong)}:root[data-theme=light] .proAppHeader h1,:root[data-theme=light] .proAppHeader h2,:root[data-theme=light] .proAppHeader h3,:root[data-theme=light] .proAppHeader span,:root[data-theme=light] .proAppHeader p,:root[data-theme=light] .proAppHeader .settingsButton,:root[data-theme=light] .proAppHeader .notificationButton{color:#fff}:root[data-theme=light] .proAppShell p,:root[data-theme=light] .proAppShell span,:root[data-theme=light] .proAppShell em,:root[data-theme=light] .setupStrip span,:root[data-theme=light] .appointmentCard span,:root[data-theme=light] .detailCard p,:root[data-theme=light] .miniFacts dd,:root[data-theme=light] .nextUpSection span,:root[data-theme=light] .nextUpSection em,:root[data-theme=light] .panel p,:root[data-theme=light] .formSection p,:root[data-theme=light] .serviceIntro p,:root[data-theme=light] .accountIdentityField span,:root[data-theme=light] .feature p,:root[data-theme=light] .download p,:root[data-theme=light] .settingsList em,:root[data-theme=light] .settingsStatusRow em,:root[data-theme=light] .serviceCard span,:root[data-theme=light] .emptyState span,:root[data-theme=light] .mutedLine,:root[data-theme=light] .liveStatus span,:root[data-theme=light] .planGrid small,:root[data-theme=light] .clientChoiceList em,:root[data-theme=light] .serviceChoiceList span,:root[data-theme=light] .promoList span,:root[data-theme=light] .promoList p,:root[data-theme=light] .notificationRow small,:root[data-theme=light] .notificationRow em{color:var(--muted)}:root[data-theme=light] .proAppHeader p{color:#ffffffd1}:root[data-theme=light] .primaryCta,:root[data-theme=light] .darkPrimaryButton,:root[data-theme=light] .compactActions button.primaryDark,:root[data-theme=light] .messageClientsButton{border-color:var(--dark);background:var(--dark);color:var(--on-dark)}:root[data-theme=light] .primaryCta svg,:root[data-theme=light] .darkPrimaryButton svg,:root[data-theme=light] .compactActions button.primaryDark svg,:root[data-theme=light] .messageClientsButton svg{color:var(--on-dark);stroke:currentColor}:root[data-theme=light] .friziGoldButton,:root[data-theme=light] .primaryButton,:root[data-theme=light] .setupStrip button,:root[data-theme=light] .bottomNav button.active,:root[data-theme=light] .segmentedControl button.active,:root[data-theme=light] .themePreferenceControl button.active,:root[data-theme=light] .pushPermissionCard .compactActions button:first-child{border-color:var(--gold);background:var(--gold);color:var(--frizi-on-gold)}:root[data-theme=light] .secondaryCta,:root[data-theme=light] .navLink,:root[data-theme=light] .sheetCloseButton,:root[data-theme=light] .compactActions button,:root[data-theme=light] .filterBar button,:root[data-theme=light] .filterScroller button,:root[data-theme=light] .activeFilterSummary button,:root[data-theme=light] .desktopMobilePromptActions button,:root[data-theme=light] .setupChecklistRows button,:root[data-theme=light] .featureErrorBanner button,:root[data-theme=light] .portfolioThumbActions button,:root[data-theme=light] .setupAfterSubscribe button,:root[data-theme=light] .blockerList button,:root[data-theme=light] .planGrid button,:root[data-theme=light] .themePreferenceControl button{border-color:var(--border);color:var(--text-strong);background:#fff}:root[data-theme=light] button:disabled,:root[data-theme=light] .compactActions button:disabled,:root[data-theme=light] .portfolioThumbActions button:disabled{background:var(--disabled-bg);color:var(--disabled-text);border-color:var(--border)}:root[data-theme=light] .field,:root[data-theme=light] .field label,:root[data-theme=light] .searchField,:root[data-theme=light] .audienceSearchField{color:var(--text-strong)}:root[data-theme=light] .field input,:root[data-theme=light] .field select,:root[data-theme=light] .field textarea,:root[data-theme=light] .searchField,:root[data-theme=light] .searchField input,:root[data-theme=light] .audienceSearchField,:root[data-theme=light] .audienceSearchField input,:root[data-theme=light] .passwordField>button,:root[data-theme=light] .destinationOptions label,:root[data-theme=light] .audienceClientPicker button,:root[data-theme=light] .accountIdentityField{border-color:var(--border);color:var(--text-strong);background:#fff}:root[data-theme=light] .field input::placeholder,:root[data-theme=light] .field textarea::placeholder,:root[data-theme=light] .searchField input::placeholder,:root[data-theme=light] .audienceSearchField input::placeholder{color:var(--muted)}:root[data-theme=light] .field svg,:root[data-theme=light] .searchField svg,:root[data-theme=light] .audienceSearchField svg,:root[data-theme=light] .iconButton,:root[data-theme=light] .sheetCloseButton,:root[data-theme=light] .settingsList svg,:root[data-theme=light] .settingsStatusRow svg,:root[data-theme=light] .compactActions svg,:root[data-theme=light] .filterBar svg,:root[data-theme=light] .filterScroller svg,:root[data-theme=light] .promoList svg{color:var(--text-strong);stroke:currentColor}:root[data-theme=light] .goldIcon,:root[data-theme=light] .brand,:root[data-theme=light] .feature svg,:root[data-theme=light] .split svg,:root[data-theme=light] .download svg,:root[data-theme=light] .emptyState svg,:root[data-theme=light] .emptyAppointments,:root[data-theme=light] .setupStrip svg,:root[data-theme=light] .productSoonCard svg,:root[data-theme=light] .photoPlaceholder,:root[data-theme=light] .promoDestinationCard svg,:root[data-theme=light] .promoDesignSection svg{color:var(--gold)}:root[data-theme=light] .bottomNav{border-color:var(--border);background:#fff;box-shadow:0 -10px 30px #00000014}:root[data-theme=light] .bottomNav button.active,:root[data-theme=light] .bottomNav button.active span,:root[data-theme=light] .bottomNav button.active svg{color:var(--frizi-on-gold)!important}:root[data-theme=light] .settingsOverlayPanel,:root[data-theme=light] .modalScrim .mobileSheet,:root[data-theme=light] .clientFileSheet,:root[data-theme=light] .promoBuilderSheet,:root[data-theme=light] .notificationSheet{color:var(--text);background:#fff;box-shadow:0 -18px 48px #00000024}:root[data-theme=light] .calendarHeader h2,:root[data-theme=light] .calendarWeekdays,:root[data-theme=light] .agendaCard h3{color:var(--text-strong)}:root[data-theme=light] .calendarGrid button,:root[data-theme=light] .availabilityCalendar .calendarGrid button,:root[data-theme=light] .operationalCalendar .calendarGrid button{border-color:var(--border);color:var(--text-strong);background:#fff}:root[data-theme=light] .calendarGrid button.muted,:root[data-theme=light] .availabilityCalendar .calendarGrid button.muted{background:var(--surface-elevated);color:#9a9a9a;opacity:1}:root[data-theme=light] .calendarGrid button.workingDay:not(.selected){border-color:color-mix(in srgb, var(--gold) 55%, var(--border));background:#fff}:root[data-theme=light] .calendarGrid button.selected,:root[data-theme=light] .availabilityCalendar .calendarGrid button.selected{border-color:var(--gold);color:var(--text-strong);box-shadow:inset 0 0 0 2px var(--gold);background:#fff}:root[data-theme=light] .agendaItem{border-top-color:var(--border)}:root[data-theme=light] .agendaItem time{color:var(--text-strong)}:root[data-theme=light] .calendarDot.confirmed{background:var(--gold)}:root[data-theme=light] .statusPill{border-color:var(--border);background:var(--surface-elevated);color:var(--text-strong)}:root[data-theme=light] .emptyAppointments{border-color:var(--border);color:var(--gold);background:#fff}:root[data-theme=light] .emptyAppointments strong{color:var(--text-strong)}:root[data-theme=light] .setupStrip,:root[data-theme=light] .pushPermissionCard,:root[data-theme=light] .notificationRow.unread,:root[data-theme=light] .featureErrorBanner,:root[data-theme=light] .accountLoadError{border-color:color-mix(in srgb, var(--gold) 28%, var(--border));background:#fff}:root[data-theme=light] .templateGrid button:hover,:root[data-theme=light] .crmList>button:hover,:root[data-theme=light] .settingsList>button:hover,:root[data-theme=light] .audienceClientPicker button:hover,:root[data-theme=light] .clientChoiceList button:hover,:root[data-theme=light] .serviceChoiceList button:hover{background:var(--surface-elevated)}:root[data-theme=light] .promoFallbackArtwork{background:radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 24%), linear-gradient(135deg, #f7f7f7, #fff 54%), #fff}:root[data-theme=light] .promoFallbackArtwork span{background:linear-gradient(90deg, transparent 0 12%, color-mix(in srgb, var(--gold) 28%, transparent) 12% 14%, transparent 14% 24%, color-mix(in srgb, var(--gold) 24%, transparent) 24% 26%, transparent 26%), #f5f5f5}.secondaryCta,.navLink,.sheetCloseButton,.segmentedControl,.planGrid button,.blockerList button,.settingsList>button,.themePreferenceControl{border-color:var(--border)}.hero h1,.hero h2,.hero h3,.hero .lead,.hero .navText,.hero .secondaryLead{color:#fff}.hero .brand{color:var(--gold)}.themePreferenceControl{border:1px solid var(--border);background:var(--surface-elevated);border-radius:8px;gap:10px;margin:0 0 14px;padding:12px;display:grid}.themePreferenceControl>span{color:var(--text-strong);font-weight:900}.themePreferenceControl>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.themePreferenceControl button{border:1px solid var(--border);min-height:42px;color:var(--text);background:0 0;border-radius:8px;font-weight:900}.desktopMobilePrompt{z-index:60;border:1px solid var(--border);background:var(--panel);width:min(320px,100vw - 32px);color:var(--text);border-radius:16px;padding:18px;display:none;position:fixed;bottom:24px;right:max(20px,50vw - 620px);box-shadow:0 18px 46px #00000057}.desktopMobilePrompt strong{color:var(--text-strong);font-size:18px;line-height:1.15;display:block}.desktopMobilePrompt p,.desktopMobilePrompt small{color:var(--muted);line-height:1.45;display:block}.desktopMobilePrompt p{margin:8px 0 12px}.desktopMobilePrompt img,.desktopQrFallback{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:164px;height:164px;margin:0 auto 12px}.desktopQrFallback{color:var(--gold);place-items:center;display:grid}.desktopMobilePromptActions{justify-content:center;margin-bottom:10px;display:flex}.desktopMobilePromptActions button,.desktopMobilePromptClose{border:1px solid var(--border);background:var(--surface-elevated);min-height:40px;color:var(--text);border-radius:999px;padding:0 14px;font-weight:900}.desktopMobilePromptClose{min-height:32px;font-size:12px;position:absolute;top:10px;right:10px}.proAppContent .availabilityPanel{padding:16px;overflow:hidden}.proAppContent .availabilityCalendar{justify-self:center;width:min(100%,100vw - 68px)}.proAppShell,.proAppHeader,.proAppContent,.pageShell,.panel{min-width:0;max-width:100%}.proAppHeader h1{min-width:0}.availabilityCalendar{min-width:0;overflow:hidden}.availabilityCalendar .calendarWeekdays,.availabilityCalendar .calendarGrid{width:100%;min-width:0}.availabilityCalendar .calendarGrid button{min-width:0}@media (width<=430px){.proAppHeader{min-height:238px;margin-bottom:78px;padding:18px 18px 0}.proHeaderIdentity{gap:12px;bottom:-48px;left:18px;right:18px}.proPortrait,.proPortraitButton{width:115px;height:115px}.proAppHeader h1{font-size:30px}.availabilityCalendar{padding:10px}.availabilityCalendar .calendarWeekdays,.availabilityCalendar .calendarGrid{gap:4px}.availabilityCalendar .calendarGrid button{font-size:14px}}@media (width>=760px){.proAppShell{--app-max:560px;width:min(var(--app-max), calc(100% - 32px));margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px #f8f4e80f,0 34px 90px #00000080}.proAppHeader{min-height:268px;margin-bottom:88px}.proHeaderIdentity{bottom:-54px}.proPortrait,.proPortraitButton{width:130px;height:130px}.pageShell,.surface{width:min(720px,100% - 32px)}.onboardingShell{width:min(720px,100%)}.intro,.split,.pricingHero{grid-template-columns:1fr}h1{font-size:clamp(44px,5vw,72px)}h2{font-size:clamp(28px,3.5vw,42px)}}@media (width>=900px){.proAppHeader{min-height:284px;margin-bottom:96px}.proHeaderIdentity{bottom:-60px}.proPortrait,.proPortraitButton{width:144px;height:144px}.desktopMobilePrompt{display:block}}.modalScrim{z-index:90;background:#00000094;place-items:end center;padding:18px 12px;display:grid;position:fixed;inset:0}.modalScrim .mobileSheet{border:1px solid var(--border);background:var(--panel);width:min(100%,520px);max-height:min(86vh,760px);color:var(--text);border-radius:18px 18px 14px 14px;overflow:auto;box-shadow:0 -22px 70px #00000075}.sheetHeader .iconButton{width:42px;height:42px;color:var(--text-strong);border-radius:999px}.calendarGrid button.selected,.availabilityCalendar .calendarGrid button.selected{border-color:var(--gold);background:var(--surface-elevated);color:var(--text-strong);box-shadow:inset 0 0 0 2px var(--gold)}.calendarGrid button.selected span,.availabilityCalendar .calendarGrid button.selected span{color:var(--text-strong)}.calendarGrid button.workingDay,.operationalCalendar .calendarGrid button.workingDay{border-color:color-mix(in srgb, var(--gold) 55%, var(--border))}.calendarGrid button.workingDay:not(.selected){background:color-mix(in srgb, var(--surface-elevated) 92%, var(--gold))}.availabilityCalendar .calendarGrid button.selected{border-color:var(--gold);background:color-mix(in srgb, var(--surface-elevated) 94%, var(--gold));color:var(--text-strong);outline:2px solid color-mix(in srgb, var(--gold) 72%, transparent);outline-offset:2px;box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 1px color-mix(in srgb, var(--gold) 24%, transparent)}.availabilityCalendar .calendarGrid button.selected span{color:var(--text-strong)}.availabilityCalendar .calendarGrid button.selected i{background:var(--gold)}.shiftList .shiftRow{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0 0;display:grid}.shiftList .shiftRow:first-of-type{border-top:0;padding-top:0}.shiftList .shiftRow strong{color:var(--text-strong)}.shiftActions{justify-content:flex-end;gap:8px;display:inline-flex}.shiftActions .inlineAction{border:1px solid var(--border);background:var(--surface-elevated);width:auto;min-height:34px;color:var(--text-strong);border-radius:999px;padding:0 12px;font-weight:900}.shiftActions .inlineAction.danger{color:var(--danger)}:root[data-theme=light] .availabilityCalendar .calendarGrid button.selected{background:color-mix(in srgb, #fff 86%, var(--gold));color:var(--text-strong);box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 1px color-mix(in srgb, var(--gold) 26%, transparent)}:root[data-theme=light] .goLivePage .pricingChoice>.primaryCta{border-color:var(--gold);background:var(--gold);color:var(--frizi-on-gold)}:root[data-theme=light] .goLivePage .pricingChoice>.primaryCta svg{color:var(--frizi-on-gold)}:root[data-theme=light] .planGrid button.selected{border-color:var(--gold);background:color-mix(in srgb, #fff 86%, var(--gold));box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 44%, transparent)}:root[data-theme=light] .planGrid button.selected>span,:root[data-theme=light] .planGrid button.selected strong{color:var(--text-strong)}.sectionActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.agendaItem.asButton{border:1px solid var(--border);background:var(--surface-elevated);width:100%;color:inherit;text-align:left}.shiftSheet .formGrid{grid-template-columns:1fr}.checkboxField{border:1px solid var(--border);background:var(--surface-elevated);border-radius:10px;justify-content:center;padding:12px}.clientFileSheet,.messageSheet,.promoBuilderSheet{gap:14px;display:grid}.clientFileIdentity{align-items:center;gap:12px;display:flex}.clientFileIdentity h2{margin:0}.clientPhotoCarousel{gap:10px;display:grid}.photoActions label{cursor:pointer;border:1px solid var(--border);background:var(--surface-elevated);min-height:44px;color:var(--text-strong);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex;position:relative}.uploadCta{position:relative}.photoActions input,.uploadCta input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.clientPhotoCarousel img,.photoPlaceholder{aspect-ratio:4/3;border:1px solid var(--border);object-fit:cover;background:var(--surface-elevated);border-radius:14px;width:100%}.photoPlaceholder{color:var(--gold);place-items:center;font-weight:900;display:grid}.carouselControls,.audienceSummary,.noteBlock,.promoBuilderInline{border:1px solid var(--border);background:var(--surface-elevated);border-radius:12px;padding:12px}.audienceSummary,.noteBlock,.promoBuilderInline{gap:8px;display:grid}.audienceSummary em,.noteBlock p,.promoBuilderInline .helperText{color:var(--muted)}.miniFacts.stacked{grid-template-columns:1fr}.dangerTextButton{border:1px solid color-mix(in srgb, #ff6b6b 45%, var(--border));color:#ff9a9a;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;font-weight:900;display:inline-flex}.dangerTextButton.compact{min-height:38px;padding:0 10px}.templateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.templateGrid button,.productSoonCard,.promoDestinationCard,.promoAudienceCard,.promoImageUpload,.promoDesignSection,.eligibilitySection{border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-strong);border-radius:12px}.templateGrid button{min-height:48px;padding:10px 12px;font-weight:900}.promoImageUpload,.productSoonCard,.promoDestinationCard,.promoAudienceCard,.promoDesignSection,.eligibilitySection{gap:12px;padding:12px;display:grid}.promoImageUpload{grid-template-columns:112px minmax(0,1fr);align-items:center}.promoImageUpload.compactUploadOnly{grid-template-columns:1fr}.promoImageUpload img,.promoImageUpload .promoFallbackArtwork{border-radius:12px;width:112px;height:112px}.promoImageUpload>div:last-child{justify-items:start;gap:8px;display:grid}.promoImageUpload span,.productSoonCard span,.promoAudienceCard span,.promoAudienceCard p{color:var(--muted);line-height:1.35}.productSoonCard{grid-template-columns:auto 1fr;align-items:start}.productSoonCard svg{color:var(--gold)}.promoAudienceCard{grid-template-columns:1fr;align-items:center}.promoDestinationCard h3{color:var(--text-strong);margin:0;font-size:18px}.destinationOptions{gap:10px;display:grid}.destinationOptions label{border:1px solid var(--border);background:var(--surface-base);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.destinationOptions input{width:20px;height:20px;accent-color:var(--gold)}.destinationOptions span{gap:4px;display:grid}.destinationOptions strong{color:var(--text-strong)}.destinationOptions em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.35}.audienceSearchField{border:1px solid var(--border);background:var(--surface-base);min-height:44px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.audienceSearchField input{min-width:0;color:var(--text-strong);font:inherit;background:0 0;border:0;outline:none;flex:1}.audienceClientPicker{gap:8px;max-height:220px;display:grid;overflow:auto}.audienceClientPicker button{border:1px solid var(--border);background:var(--surface-base);min-height:46px;color:var(--text-strong);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.audienceClientPicker button.selected{border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent)}.audienceClientPicker span{color:var(--text-strong);font-weight:900}.audienceClientPicker em{color:var(--muted);font-size:12px;font-style:normal}.promoAudienceCard h3,.promoDesignSection h3,.eligibilitySection h3{color:var(--text-strong);margin:0;font-size:18px}.promoPosterPreview{border:1px solid color-mix(in srgb, var(--gold) 48%, var(--border));background:var(--surface);text-align:center;border-radius:14px;place-items:center;min-height:180px;padding:16px;display:grid;position:relative;overflow:hidden}.promoPosterPreview.compact{min-height:142px}.promoPosterPreview>img,.promoPosterPreview>.promoFallbackArtwork{width:100%;height:100%;position:absolute;inset:0}.promoPosterPreview>img{object-fit:cover;filter:brightness(.74)}.promoPosterPreview:after{content:"";pointer-events:none;background:linear-gradient(#08080a29,#08080ab8),radial-gradient(circle at 50% 46%,#0000 0 34%,#08080a5c 100%);position:absolute;inset:0}.promoFallbackArtwork{background:radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--gold) 24%, transparent), transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--surface-elevated) 84%, var(--gold)), var(--surface) 54%), var(--surface);color:var(--gold);place-items:center;gap:8px;font-weight:900;display:grid}.promoFallbackArtwork span{border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);background:linear-gradient(90deg, transparent 0 12%, color-mix(in srgb, var(--gold) 34%, transparent) 12% 14%, transparent 14% 24%, color-mix(in srgb, var(--gold) 28%, transparent) 24% 26%, transparent 26%), color-mix(in srgb, var(--surface-elevated) 88%, var(--gold));border-radius:999px 999px 16px 16px;width:62%;height:38%}.promoPosterPreview .promoPosterText{z-index:2;background:color-mix(in srgb, var(--surface) 74%, transparent);border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:8px;width:min(260px,100%);padding:12px;display:grid;position:relative;box-shadow:0 18px 40px #00000047}.promoPosterText strong{color:var(--gold);font-size:clamp(28px,8vw,42px);line-height:.95}.promoPosterText span{color:#fff;font-weight:900}.promoPosterText em,.promoPosterText small{color:#f8f4e8;font-style:normal;line-height:1.35}@media (width<=430px){.templateGrid,.promoAudienceCard{grid-template-columns:1fr}.promoImageUpload{grid-template-columns:92px minmax(0,1fr)}.promoImageUpload img,.promoImageUpload .promoFallbackArtwork{width:92px;height:92px}.sheetFooterActions{grid-template-columns:1fr}}@media (width>=760px){.modalScrim{align-items:center}.modalScrim .mobileSheet{border-radius:16px}}