/* A shared, quieter welcome across the public pages and studio plans. */
.product-landing .site-header nav{gap:12px}.site-header .nav-login,.site-header .nav-signup{padding:10px 22px;border:1px solid #83916e55;border-radius:24px;text-decoration:none;transition:background .2s,transform .2s}.site-header .nav-signup{background:#e7ecdd}.site-header .nav-login:hover,.site-header .nav-signup:hover{background:#dbe4ce;transform:translateY(-1px)}
.product-hero,.product-pricing,.product-invitation,.auth-story{position:relative;isolation:isolate}.product-hero:before,.product-pricing:before,.auth-story:before{content:"";position:absolute;pointer-events:none;z-index:-1;background:url('/assets/botanical-sage.png') center/contain no-repeat;width:240px;height:300px;opacity:.25}.product-hero:before{right:-5vw;top:0;transform:rotate(18deg)}.product-pricing:before{left:-6vw;top:-70px;transform:rotate(-25deg);opacity:.2}.product-invitation{overflow:hidden}.product-invitation:after{content:"";position:absolute;right:-65px;bottom:-110px;width:280px;height:340px;background:url('/assets/botanical-sage.png') center/contain no-repeat;opacity:.2;pointer-events:none;z-index:-1}
.product-features>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px}.product-features article{border:1px solid #87957328;padding:18px 18px 26px;border-radius:28px;background:#fffef980;overflow:hidden}.product-features article img.feature-screenshot{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:17px;border:1px solid #82907330;box-shadow:0 8px 22px #293d3010}.product-features article h3,.product-features article p{margin-left:12px;margin-right:12px}.product-features article p{margin-bottom:0}
.new-plan,.plan-option{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;box-shadow:0 12px 35px #34472a08}.new-plan:before,.plan-option:before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-45px;top:-35px;width:170px;height:210px;background:url('/assets/botanical-sage.png') center/contain no-repeat;opacity:.16;transform:rotate(25deg)}.new-plan:nth-child(3){background:#f3eee3}.new-plan:nth-child(2),.plan-option:nth-child(2){border-color:#8c9d7766}.new-plan .eyebrow{font-size:10px;letter-spacing:1.5px}.new-plan .button{align-self:stretch;text-align:center}.plan-option{padding:28px 22px;background:color-mix(in srgb,var(--paper,#fffef9) 94%,#91a776)}.plan-option:nth-child(3){background:color-mix(in srgb,var(--paper,#fffef9) 94%,#c99866)}.plan-option button{border-radius:24px}#payDialog{padding:32px;border-radius:32px}
.auth-layout{gap:70px;padding:65px 0 85px;align-items:center}.auth-story{padding:65px 35px;border-radius:44px;background:linear-gradient(145deg,#edf0e3aa,#f7f5ed44);min-width:0}.auth-story:before{right:-20px;top:-55px;width:230px;height:290px;opacity:.32}.auth-story h1{font-size:clamp(38px,4.3vw,62px);line-height:1.08}.auth-story>p:not(.eyebrow){max-width:400px;line-height:1.8}.auth-motif{padding:22px;background:#fffaf380;border-radius:90px;margin-top:35px}.auth-card{position:relative;padding:42px;border-radius:32px;border:1px solid #8b98704a;box-shadow:0 18px 65px #374b3010}.auth-card h2{margin-bottom:12px}.auth-card .intro{margin-bottom:30px}.auth-card .field{margin-bottom:22px}.auth-card input{min-height:50px;border-radius:13px}.auth-card .button{border-radius:25px}.auth-recovery{text-align:center;margin:28px 0 24px;font-size:13px}.auth-switch{padding-top:22px;border-top:1px solid #87957326}.signup-page .auth-story{background:linear-gradient(145deg,#f0e4d780,#e9eddc60)}.signup-page .auth-story:before{transform:rotate(-25deg);left:-40px;right:auto;top:-45px}.signup-page .auth-card{border-color:#b58d6a55}.signup-page .auth-motif{background:#fffaf3aa}.auth-page .site-header .text-link{border:1px solid #8b987044;border-radius:24px;padding:10px 17px;font-size:13px}
.site-footer{padding:18px 0!important;border-top:1px solid #82907322!important;font-size:12px!important;opacity:.72}.site-footer a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.site-footer a svg{width:17px;height:17px}.studio-footer{min-height:0!important;padding:9px 24px!important;border-top:1px solid color-mix(in srgb,var(--ink,#293d30) 8%,transparent)!important}.studio-footer>*{font-size:10px!important;opacity:.65}
@media screen{*:focus:not(:focus-visible){outline:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8c9f75!important;outline-offset:3px!important}input:focus,textarea:focus,select:focus{outline:none!important;border-color:#8c9f75!important;box-shadow:0 0 0 3px #8c9f7520!important}.close-button,[aria-label^="Close"]{transition:transform .16s,background-color .16s}.close-button:active,[aria-label^="Close"]:active{transform:scale(.9)}}
[data-app-theme=dark] .auth-story{background:linear-gradient(145deg,#34412c88,#242d2455)}[data-app-theme=dark] .auth-card{box-shadow:0 18px 65px #0002}[data-app-theme=dark] .auth-motif{background:#e5e8d9}[data-app-theme=dark] .site-header .nav-signup{background:#3b4933}[data-app-theme=dark] .site-header .nav-login:hover,[data-app-theme=dark] .site-header .nav-signup:hover{background:#4a583e}
@media(max-width:760px){.product-landing .site-header{height:auto;flex-wrap:wrap;gap:18px}.product-landing .site-header nav{gap:8px;flex-wrap:wrap;font-size:13px}.site-header .nav-login,.site-header .nav-signup{padding:9px 16px}.product-features>div{grid-template-columns:1fr}.auth-layout{gap:25px;padding:30px 0}.auth-story{padding:32px 25px}.auth-story:before{width:150px;height:180px;right:-10px;top:-20px}.auth-card{padding:28px}.product-pricing:before{width:150px;left:-35px}.product-hero:before{width:150px}.plan-options{grid-template-columns:1fr}#payDialog{padding:24px}.product-features article img.feature-screenshot{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Newly commissioned sage and clay botanical family. */
.product-pricing:before,.signup-page .auth-story:before,.new-plan:nth-child(3):before,.plan-option:nth-child(3):before{background-image:url('/assets/botanical-clay.png')}
.product-invitation:after{background-image:url('/assets/botanical-clay.png')}
.product-landing .button.primary,.auth-page .button.primary{background:#52674c;color:#fffef8;border-color:#52674c;box-shadow:0 4px 14px #52674c18}
.product-landing .button.primary:hover,.auth-page .button.primary:hover{background:#43583e}
.community-grid article{position:relative;overflow:hidden}.community-grid article:after{content:"";position:absolute;pointer-events:none;right:-35px;bottom:-55px;width:140px;height:180px;background:url('/assets/botanical-clay.png') center/contain no-repeat;opacity:.1}

.section-owned-window[open]{position:fixed!important;z-index:100;top:50%!important;left:calc(50% + var(--sidebar-width,226px)/2)!important;right:auto!important;bottom:auto!important;margin:0!important;transform:translate(-50%,-50%);max-height:86dvh;max-width:calc(100vw - var(--sidebar-width,226px) - 40px);box-shadow:0 22px 80px #17251c33;overflow:auto}.section-owned-window[open]::backdrop{display:none}
html[data-app-theme] :is(input,select,textarea,button,a,summary,[tabindex]):focus{outline:none!important}html[data-app-theme] :is(button,a,summary,[tabindex]):focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 4px color-mix(in srgb,var(--accent) 40%,transparent)!important}
@media(max-width:640px){.section-owned-window[open]{left:50%!important;max-width:94vw;max-height:75dvh}}

.billing-choices{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.billing-choice{border-radius:24px!important;padding:13px 20px!important;background:color-mix(in srgb,var(--paper) 85%,#91a17d)!important;border:1px solid #91a17d65!important;color:var(--ink)!important;box-shadow:0 4px 15px #203c2410!important}.billing-choice:last-child{background:color-mix(in srgb,var(--paper) 85%,#d5a076)!important;border-color:#d5a07665!important}.subscription-reminder{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;margin:12px 24px;border-radius:18px;background:color-mix(in srgb,var(--paper) 86%,#d6a371);border:1px solid #d6a37155;font-size:13px}.subscription-reminder[hidden]{display:none}.subscription-reminder .button{font-size:12px;padding:8px 14px}.asanua-confirm p{white-space:pre-line;line-height:1.7}.plan-card[hidden],.price-card[hidden]{display:none!important}

.plan-option[hidden]{display:none!important}

html[data-app-theme=dark] .calendar-modes{background:var(--theme-field);border:1px solid var(--line);padding:4px;border-radius:16px}html[data-app-theme=dark] .calendar-modes button{border:0!important;box-shadow:none!important;border-radius:12px}html[data-app-theme=dark] .calendar-modes button[aria-pressed=true]{background:#aabd9060!important}
/* Fade at the final position; never animate the centring transform. */
dialog.section-owned-window[open],#payDialog[open],#eventDialog[open]{animation:studio-window-appear .14s ease-out!important;transition:opacity .14s ease-out!important;transform:translate(-50%,-50%)!important}
@keyframes studio-window-appear{from{opacity:0}to{opacity:1}}
#eventDialog .dialog-heading>[data-close],#eventDialog .dialog-heading>.icon-button{margin-right:12px}
#billingInfo.renewal-cancelled{color:#ad4439}html[data-app-theme=dark] #billingInfo.renewal-cancelled{color:#efa99c}
#settingsUpgrade{border-radius:16px;background:#436b4c!important;color:#fff!important;border:1px solid #6b9470!important;padding:12px 20px;box-shadow:0 0 15px #6d9d6d40;text-decoration:none!important}
html[data-app-theme] .calendar-scroll #weekDays[data-mode] .calendar-entry.planned{background:linear-gradient(110deg,#e6eee2,#f1f4eb)!important;color:#304e36!important;border-left:3px solid #789471!important}
html[data-app-theme] .calendar-scroll #weekDays[data-mode] .calendar-entry.taught{background:linear-gradient(110deg,#e4e9e9,#eff1f0)!important;color:#566768!important;border-left:3px solid #8b9c9b!important}
html[data-app-theme] .calendar-scroll #weekDays[data-mode] .calendar-entry.cancelled{background:linear-gradient(110deg,#f0e2dc,#f4ece7)!important;color:#946b60!important;border-left:3px solid #bd9483!important;text-decoration:line-through}
html[data-app-theme=dark] .calendar-scroll #weekDays[data-mode] .calendar-entry.planned{background:linear-gradient(110deg,#344b39,#2c3c30)!important;color:#dcebd4!important}
html[data-app-theme=dark] .calendar-scroll #weekDays[data-mode] .calendar-entry.taught{background:linear-gradient(110deg,#374246,#303a3d)!important;color:#bacbca!important}
html[data-app-theme=dark] .calendar-scroll #weekDays[data-mode] .calendar-entry.cancelled{background:linear-gradient(110deg,#493b34,#3d332d)!important;color:#d7b5a5!important}
.calendar-entry.taught,.calendar-entry.cancelled,.calendar-entry.taught:before,.calendar-entry.cancelled:before,.calendar-entry.taught:after,.calendar-entry.cancelled:after{box-shadow:none!important;animation:none!important;filter:none!important}
.upcoming-status[data-state=clear] .upcoming-status-dot{box-shadow:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){dialog.section-owned-window[open],#payDialog[open],#eventDialog[open]{animation:none!important}}

#calendarStatus[data-state=scheduled]{color:#9a6b38}#calendarStatus[data-state=clear]{color:#668167}html[data-app-theme=dark] #calendarStatus[data-state=scheduled]{color:#d9af7d}html[data-app-theme=dark] #calendarStatus[data-state=clear]{color:#9eb59a}
html[data-app-theme] body.account-body #settingsUpgrade.button{background:#436b4c!important;background-color:#436b4c!important;color:#fff!important;border-color:#6b9470!important;box-shadow:0 0 15px #6d9d6d40}html[data-app-theme] body.account-body #settingsUpgrade.button:hover{background:#365c3e!important;color:#fff!important}
/* Quiet botanical accents in the requested studio spaces. */
@media screen{
.account-body :is(.settings-section,.account-popover,.calendar-intro){position:relative;isolation:isolate}
.account-body :is(.settings-section,.account-popover,.calendar-intro)::after{content:'';position:absolute;right:12px;bottom:8px;width:150px;height:115px;background:url('/assets/botanical-sage.png') center/contain no-repeat;opacity:.12;pointer-events:none;z-index:-1}
.account-body .settings-section:nth-of-type(even)::after{background-image:url('/assets/botanical-clay.png');transform:rotate(-12deg)}
.account-body .account-popover::after{width:90px;height:75px;opacity:.09}
.account-body .calendar-intro::after{width:210px;height:150px;opacity:.12}
.account-body .settings-section::before{background-image:url('/assets/botanical-clay.png')!important;background-size:contain!important;opacity:.1!important}
}
@media screen{
.account-body .studio-sidebar{background-image:linear-gradient(var(--paper,#fffefa),transparent),url('/assets/botanical-sage.png');background-size:100% 70%,160px auto;background-position:top,right bottom;background-repeat:no-repeat}
.account-body .studio-flourish{background:url('/assets/botanical-clay.png') center/contain no-repeat!important;opacity:.12!important}
.account-body .studio-flourish svg{visibility:hidden}
}
html[data-app-theme] body.account-body #shellClasses[aria-current=page]{background:color-mix(in srgb,var(--accent,var(--green)) 15%,var(--paper))!important;border:1px solid color-mix(in srgb,var(--accent,var(--green)) 35%,transparent)!important;border-radius:999px!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--paper) 60%,transparent)!important}
html body.account-body #accountMenu{position:fixed!important;inset:auto!important;left:16px!important;bottom:80px!important;top:auto!important;transform:none!important;z-index:10000!important;width:min(310px,calc(100vw - 32px))!important;max-height:calc(100dvh - 110px);overflow:auto;border-radius:22px!important;padding:14px!important;background:var(--paper)!important;box-shadow:0 16px 48px #15251c26;animation:none!important}
#accountMenu .identity{padding:18px;border-radius:15px}#accountMenu #logoutButton{border-radius:12px;margin-top:8px}
#studioHelp .community-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}
#studioHelp .community-actions .primary{background:var(--accent,var(--green));color:var(--paper);border-radius:14px;padding:12px 24px}
#studioHelp .community-faq details{border:1px solid var(--line);border-radius:16px;margin:12px 0;overflow:hidden}
#studioHelp .community-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;list-style:none;cursor:pointer}
#studioHelp .community-faq summary::-webkit-details-marker{display:none}
#studioHelp .community-faq summary::before{display:none!important}
#studioHelp .community-faq summary::after{content:'⌄';flex:none;position:static!important;margin-left:auto;transition:transform .2s}
#studioHelp .community-faq details[open] summary::after{transform:rotate(180deg)}
#studioHelp .community-faq details>p{padding:0 24px 20px;margin:0;line-height:1.7}
#studioHelp .asanua-story{max-width:760px;margin:0 auto;padding:clamp(24px,4vw,52px);border:1px solid var(--line);border-radius:24px;background:var(--paper);position:relative;isolation:isolate;font:18px/1.85 Georgia,serif}
#studioHelp .asanua-story::after{content:'';position:absolute;right:0;bottom:0;width:200px;height:260px;background:url('/assets/botanical-clay.png') bottom right/contain no-repeat;opacity:.12;z-index:-1;pointer-events:none}
#studioHelp .asanua-story h2{font-size:clamp(24px,2.3vw,30px);line-height:1.3;margin:30px 0 16px;letter-spacing:-.5px}
#studioHelp .asanua-story h2:first-child{margin-top:0}
#studioHelp .asanua-story p{margin:0 0 20px}
#studioHelp .story-signoff{font-style:italic;color:var(--accent,var(--green))}
#studioHelp .community-grid article:nth-child(1)::after{background-image:url('/assets/botanical-sage.png')!important}
#studioHelp .community-grid article:nth-child(2)::after{background-image:url('/assets/asanua-sigil.png')!important;background-size:90px auto!important;background-position:right bottom!important}
#studioHelp .community-grid article:nth-child(3)::after{background-image:url('/assets/botanical-clay.png')!important;transform:rotate(-15deg)}
#studioHelp .community-grid article:nth-child(2)::after{right:12px;bottom:12px;width:90px;height:90px;opacity:.07}
html[data-app-theme=dark] #studioHelp .community-grid article:nth-child(2)::after{background-image:url('/assets/asanua-sigil-dark.png')!important}
/* Quiet, stationary appointment windows. */
#eventDialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:0!important}#eventDialog .dialog-heading .close-button{position:static!important;margin:0 0 0 auto!important;flex:0 0 auto;transform:none!important}
.appointment-status-choices{display:flex;flex-wrap:wrap;gap:8px}.status-choice{border:1px solid #90968c55;border-radius:13px;padding:10px 17px;background:transparent;color:inherit;font:inherit;cursor:pointer}.status-choice[aria-pressed=true].planned{background:#e9d7b5;color:#70511d;border-color:#b58c43}.status-choice[aria-pressed=true].taught{background:#d7e5d9;color:#315a3c;border-color:#719879}.status-choice[aria-pressed=true].cancelled{background:#edd8d4;color:#8a433c;border-color:#b5756c}
#chooseEventSequence{max-width:100%;white-space:normal;text-align:left}#calendarSequencePicker{width:min(760px,calc(100vw - 32px))}.calendar-sequence-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.calendar-sequence-card{padding:18px;border:1px solid var(--line,#d9d4c9);border-radius:16px}.calendar-sequence-card h3{margin:0 0 8px;overflow-wrap:anywhere}.calendar-sequence-card p{opacity:.65;font-size:13px}.calendar-sequence-card button{margin-top:8px}
#settingsDialog.global-account-window{position:fixed!important;z-index:10000!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(560px,calc(100vw - 32px));max-height:85dvh;border-radius:24px;box-shadow:0 22px 90px #17251d45;animation:none!important}
body:has(#settingsDialog.global-account-window[open])::after{content:'';position:fixed;inset:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#17251d22;z-index:9999;pointer-events:none}
@media(max-width:580px){.calendar-sequence-choices{grid-template-columns:1fr}}

#deleteAccountDialog{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;animation:none!important}
#deleteAccountDialog::backdrop{background:#17251d55;backdrop-filter:blur(4px)}
#deleteAccountForm .button{margin:8px 8px 0 0}#deleteAccountForm .button.danger{background:#a13e35;color:#fff;border-color:#a13e35}