:root{--ink:#263b32;--muted:#657266;--green:#526646;--line:#dfe2d6;--cream:#f6f5ef;--paper:#fffef9;--soft:#e8edde;--peach:#e9cab6}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9ea982;outline-offset:4px}button,input{border-radius:10px}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(46px,5.6vw,78px);line-height:1.08}h2{font-size:clamp(34px,4vw,52px);line-height:1.15}h3{font-size:18px;line-height:1.3}p{color:var(--muted)}.wrap{max-width:1220px;margin:auto;padding:0 40px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand img{width:40px;height:44px}.brand strong{display:block;font:32px/1 Georgia,serif;letter-spacing:-1.6px}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:9px}.navlinks{display:flex;align-items:center;gap:30px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px;background:var(--green);color:white;border:1px solid var(--green);font-weight:600;font-size:13px;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:#3b5134;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--soft)}.button.wide{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:650;color:var(--green)}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:48px;align-items:center;padding:74px 0 80px}.hero h1{margin:23px 0}.hero h1 em{font-weight:400;color:#758461}.hero .lede{font-size:17px;max-width:410px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 13px}.micro{font-size:11px;line-height:1.6}.hero-art{position:relative;min-height:550px;display:grid;place-items:center;background:#e9edde;border-radius:48% 48% 8px 8px;isolation:isolate}.hero-art:before{content:'';position:absolute;width:390px;height:390px;border:1px solid #b8c4a5;border-radius:50%;z-index:-1}.sample-sheet{background:#fffdf7;width:80%;min-height:415px;padding:32px 26px 24px;box-shadow:0 22px 45px #24382115;transform:rotate(-5deg);border-top:5px solid #728160}.sample-sheet .mini-title{font:27px Georgia,serif;letter-spacing:-1px;text-align:center}.sample-sheet .mini-sub{text-align:center;font-size:9px;margin:8px 0 24px;letter-spacing:1px}.sample-poses{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 12px;text-align:center}.sample-poses img{width:100%;max-width:83px;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:50%;border:1px solid #d8ddce}.sample-poses b{display:block;font-size:10px}.sample-poses span{display:block;font-size:8px;color:var(--muted)}.sheet-footer{margin-top:26px;padding-top:13px;border-top:1px solid var(--line);text-align:center;font:italic 12px Georgia,serif}.floating-note{position:absolute;right:-10px;bottom:38px;max-width:210px;padding:16px 20px;background:var(--paper);box-shadow:0 8px 25px #24382110;border:1px solid var(--line);border-radius:12px;transform:rotate(3deg);font-size:12px}.floating-note span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-block:1px solid var(--line);padding:24px 0;margin-bottom:82px}.feature-strip strong{font:28px Georgia,serif;display:block}.feature-strip span{font-size:12px;color:var(--muted)}.section-head{max-width:570px;margin-bottom:36px}.section-head h2{margin:13px 0 17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:95px}.step{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.step .step-no{display:grid;place-items:center;background:var(--soft);width:36px;height:36px;border-radius:50%;font-size:11px;margin-bottom:35px}.step h3{margin-bottom:12px}.step p{font-size:13px}.quiet-band{background:var(--ink);color:#fffdf5;border-radius:22px;padding:45px 48px;display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:95px}.quiet-band h2{font-size:38px;max-width:420px}.quiet-band p{color:#c0ccbd;max-width:360px;font-size:14px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:90px}.pricing-copy h2{margin:14px 0 20px}.pricing-copy p{max-width:420px}.price-card{background:var(--paper);border:1px solid var(--line);padding:36px;border-radius:16px;box-shadow:0 10px 25px #23352105}.price-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.pill{font-size:10px;color:var(--green);border:1px solid #ced8c3;border-radius:30px;padding:5px 10px;background:var(--soft)}.price{font:60px Georgia,serif;margin:20px 0 5px}.price small{font:13px -apple-system,sans-serif;letter-spacing:0;color:var(--muted)}.price-card ul{list-style:none;padding:20px 0;margin:16px 0;border-block:1px solid var(--line)}.price-card li{font-size:13px;padding:5px 0}.price-card li:before{content:'✓';margin-right:12px;color:var(--green)}.price-card .micro{margin-top:13px;text-align:center}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:90px}.faq h2{font-size:38px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq details p{font-size:13px;padding-top:12px}.site-footer{border-top:1px solid var(--line);padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}.release-note{background:#ece4d6;color:#75654b;text-align:center;font-size:11px;padding:7px 15px}.auth-layout{min-height:calc(100vh - 105px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:65px 0}.auth-story h1{font-size:60px;margin:18px 0 22px}.auth-story p{max-width:365px}.auth-motif{display:flex;gap:15px;margin-top:36px}.auth-motif img{width:92px;height:92px;object-fit:contain;border-radius:50%;background:white;border:1px solid var(--line)}.auth-card{padding:36px;background:var(--paper);border:1px solid var(--line);border-radius:18px;max-width:440px;width:100%;margin:auto}.auth-card h2{font-size:34px;margin-bottom:8px}.auth-card .intro{font-size:13px;margin-bottom:23px}label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}input{width:100%;border:1px solid #d7ddcf;background:#fff;padding:12px 13px;color:var(--ink);min-width:0}input:focus{border-color:#8a9a78}form .field{margin-bottom:17px}.password-wrap{position:relative}.password-wrap input{padding-right:61px}.reveal{position:absolute;right:7px;top:7px;background:transparent;border:0;padding:7px;font-size:11px;color:var(--green)}.form-message{font-size:12px;min-height:20px;margin:12px 0;color:#975743;white-space:pre-wrap}.form-message.success{color:var(--green)}.auth-switch{font-size:12px;text-align:center;margin-top:24px}.text-link{text-decoration:underline;text-underline-offset:3px;font-weight:600;background:transparent;border:0;color:var(--green);padding:0;font-size:inherit}.account-body{height:100vh;overflow:hidden}.account-bar{height:56px;background:var(--paper);border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:3}.account-trigger{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:7px;color:var(--ink);font-size:12px}.account-trigger svg{width:19px;height:19px}.account-state{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.account-state .text-link{font-size:11px}.account-popover{position:absolute;top:49px;left:24px;min-width:240px;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 35px #24382115}.account-popover button,.account-popover a{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;font-size:13px;border-radius:7px;color:var(--ink)}.account-popover button:hover,.account-popover a:hover{background:var(--soft)}.account-popover .identity{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}.identity strong,.identity span{display:block;overflow-wrap:anywhere}.identity span{font-size:11px;color:var(--muted)}#builderHost{height:calc(100vh - 56px)}#builderHost iframe{border:0;width:100%;height:100%;display:block}.gate-space{min-height:100%;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 40% 15%,#e5eada,transparent 65%)}.gate-card{max-width:480px;text-align:center;padding:40px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.gate-card img{width:48px;height:52px;margin-bottom:20px}.gate-card h1{font-size:38px}.gate-card p{font-size:14px;margin:17px 0 24px}.gate-card .button{margin:5px}.gate-card .micro{font-size:11px;margin:14px 0}.account-dialog{width:550px;max-width:calc(100% - 28px);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);padding:28px}.account-dialog::backdrop{background:#263b3270;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.dialog-heading h2{font-size:31px}.close-button{border:1px solid var(--line);background:transparent;width:32px;height:32px;color:var(--ink);font-size:21px}.settings-section{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.settings-section h3{font-size:15px;margin-bottom:14px}.settings-section p{font-size:12px;margin-bottom:14px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}[hidden]{display:none!important}.loading-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}@media(max-width:900px){.wrap{padding:0 24px}.navlinks{gap:18px}.hero{gap:30px}.hero-art{min-height:460px}.sample-sheet{width:90%;padding:25px 16px}.floating-note{right:-7px;bottom:16px}.pricing{gap:35px}.auth-layout{gap:35px}.auth-story h1{font-size:48px}.steps{gap:12px}.step{padding:22px}.quiet-band{padding:35px}.faq{gap:30px}}@media(max-width:640px){.wrap{padding:0 20px}.site-header{height:84px;gap:15px}.brand strong{font-size:27px}.brand small{font-size:6px;letter-spacing:1.2px}.brand img{width:32px}.navlinks{gap:12px}.navlinks .section-link{display:none}.navlinks .button{padding:10px 12px;min-height:40px;font-size:11px}.hero{grid-template-columns:1fr;padding:42px 0 38px;gap:44px}.hero h1{max-width:390px}.hero .lede{font-size:16px}.hero-art{min-height:460px;margin:0 8px 10px}.sample-sheet{width:86%;min-height:370px}.hero-art:before{width:300px;height:300px}.floating-note{bottom:5px}.feature-strip{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:55px}.steps{grid-template-columns:1fr;margin-bottom:55px}.step .step-no{margin-bottom:20px}.quiet-band{display:block;padding:30px;margin-bottom:55px}.quiet-band h2{font-size:32px;margin-bottom:20px}.pricing,.faq{grid-template-columns:1fr;gap:30px;margin-bottom:55px}.price-card{padding:25px}.site-footer{flex-wrap:wrap;gap:15px}.auth-layout{grid-template-columns:1fr;padding:35px 0;gap:28px}.auth-story h1{font-size:36px;margin:10px 0}.auth-story .eyebrow,.auth-story>p,.auth-motif{display:none}.auth-card{padding:25px}.account-bar{padding:0 12px}.account-state{gap:7px}.account-state .pill{font-size:9px;padding:4px 7px}.account-trigger{font-size:11px}.account-popover{left:12px}.gate-space{padding:18px}.gate-card{padding:30px 22px}.gate-card h1{font-size:32px}.account-dialog{padding:23px}.split-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.button{border-radius:10px}

/* A simple feature strip: capabilities, rather than fixed feature counts. */
.feature-strip{padding:25px 0;gap:24px}.feature-item{display:flex;gap:13px;align-items:center}.feature-item>svg{width:24px;height:24px;flex:none;fill:none;stroke:var(--green);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.feature-strip strong{font:600 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:block;margin-bottom:3px}.feature-strip span{font-size:11px;line-height:1.5;display:block}@media(max-width:900px){.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.feature-strip{gap:23px 16px}.feature-item{gap:9px;align-items:flex-start}.feature-item>svg{width:20px;height:20px}.feature-strip strong{font-size:12px}.feature-strip span{font-size:10px}}

/* Account status and balanced dialog controls */
.pill[data-access]{font-weight:700;display:inline-flex;align-items:center;line-height:1.4;padding:8px 14px}
.pill[data-access="paid"]{color:#285b3c;background:linear-gradient(115deg,#edf7e9,#dcedd6 55%,#f2faee);border:1px solid #bdd5b7;box-shadow:inset 0 1px 0 #fff9,0 1px 5px #386b3210}
.pill[data-access="trial"]{color:#89501e;background:linear-gradient(115deg,#fff4e4,#f9e7cc);border:1px solid #ebcda4}
.close-button{display:grid;place-items:center;padding:0;width:36px;height:36px;min-width:36px;flex:none;line-height:1;border-radius:50%}
.close-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
#settingsUpgrade{margin-top:12px}
/* Shared account access language and studio planning views. */
.pill[data-access="paid"]{color:#285b3c;background:linear-gradient(120deg,#eef8e7,#dcebd0);border-color:#a9c594;box-shadow:0 0 14px #70925425,inset 0 1px 0 #fff9;font-weight:700}
.pill[data-access="trial"],.pill[data-access="expired"]{color:#7a3527;background:#f7e8e3;border-color:#dfbdb2;font-weight:700}.pill[data-access="expired"]{color:#8c2e20}
#upgradeButton,#settingsUpgrade{background:linear-gradient(120deg,#456737,#526e43);color:white;border:1px solid #56764a;border-radius:24px;padding:9px 15px;text-decoration:none;box-shadow:0 0 14px #70925435;font-weight:700}
.studio-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 28px;border-bottom:1px solid var(--line);background:var(--paper)}.studio-nav>button{min-height:40px;padding:8px 16px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.studio-nav>button.active{background:var(--soft);color:var(--ink);font-weight:600}#cloudStatus{margin-left:auto;font-size:11px;color:var(--muted)}.calendar-view{max-width:1100px;margin:0 auto;padding:44px 28px 70px}.calendar-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.calendar-intro h1{font-size:42px;margin:8px 0 12px}.week-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.week-toolbar>div{display:flex;gap:8px}.week-toolbar h2{font:23px Georgia,serif}.calendar-day{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:22px 18px;border-top:1px solid var(--line);border-left:3px solid transparent}.calendar-day.today{border-left-color:var(--accent);background:var(--soft)}.day-heading h3{font:22px Georgia,serif;margin:0 0 7px}.day-heading span{color:var(--muted);font-size:12px}.day-entries{display:grid;gap:9px}.calendar-entry{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--ink);font:inherit;cursor:pointer;min-height:70px}.calendar-entry strong{display:block;font-size:15px;overflow-wrap:anywhere}.entry-detail{display:block;font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.entry-state{font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap}.entry-state:before{content:'';width:7px;height:7px;border:1px solid var(--accent);border-radius:50%}.taught .entry-state:before{background:var(--accent)}.cancelled strong{text-decoration:line-through;color:var(--muted)}.cancelled .entry-state:before{border-color:var(--muted)}.day-add{background:transparent;border:0;color:var(--accent);font:inherit;font-size:12px;cursor:pointer;text-align:left;min-height:44px;padding:8px}.event-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}.field textarea{resize:vertical}.calendar-view #calendarStatus{color:var(--muted);font-size:12px;min-height:22px}.account-body #builderHost[hidden]{display:none}.calendar-view[hidden]{display:none}@media(max-width:720px){.studio-nav{padding:10px 16px}#cloudStatus{order:3;width:100%;margin:6px 0}.calendar-view{padding:25px 16px}.calendar-intro{align-items:flex-start;flex-direction:column}.calendar-intro h1{font-size:32px}.week-toolbar{flex-wrap:wrap}.week-toolbar h2{font-size:20px}.calendar-day{grid-template-columns:1fr;gap:12px;padding:18px 12px}.day-heading{display:flex;align-items:center;gap:12px}.calendar-entry{padding:14px 12px}.calendar-entry .entry-state{font-size:10px}}@media(forced-colors:active){.pill[data-access],#upgradeButton,#settingsUpgrade{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;text-shadow:none}.calendar-day.today{border-left-color:Highlight}.taught .entry-state:before{background:CanvasText}.studio-nav>button.active{outline:2px solid Highlight}}@media print{.studio-nav,.calendar-view{display:none!important}}
:root{--accent:var(--green)}
:root{color-scheme:light}
/* A single, stable workspace navigation. */
.account-body{min-height:100vh;display:flex;flex-direction:column}.account-bar{flex:none}.account-state{gap:18px;flex-wrap:wrap}#cloudStatus{font-size:12px;color:var(--muted);max-width:240px}#upgradeButton{background:none;box-shadow:none;border:0;border-radius:0;padding:8px 0;color:var(--green);text-decoration:underline;text-underline-offset:4px;font-weight:650}#accessLabel[data-access=trial],#accessLabel[data-access=expired],#settingsAccess[data-access=trial],#settingsAccess[data-access=expired]{background:transparent;border:0;box-shadow:none;color:#973f32;padding:0;font-weight:650}#accessLabel[data-access=paid],#settingsAccess[data-access=paid]{box-shadow:0 0 18px #81a46925;font-weight:700}#settingsUpgrade{background:#dcebcf;color:#294427;border:1px solid #b4c99d;box-shadow:0 0 22px #a5c88640}#builderHost{flex:1}#builderHost iframe{display:block;width:100%;min-height:calc(100vh - 220px);border:0}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 4%;background:#fffefa;border-bottom:1px solid #dce0d5}.studio-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.studio-brand img{width:45px}.studio-brand strong{display:block;font:38px/1 Georgia,serif;letter-spacing:-2px}.studio-brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:10px}#mainTabs{display:flex;gap:3px;padding:5px;border:1px solid #e3e6dc;border-radius:15px;background:#f0f1eb}#mainTabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:14px 12px;background:transparent;color:#697064;font-size:13px;white-space:nowrap}#mainTabs button[aria-current=page]{background:#fffefa;color:#283c30;box-shadow:0 3px 12px #25372b07}#mainTabs svg{width:18px;height:18px}#shellClasses{white-space:nowrap;font-size:13px}.studio-footer{margin-top:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 4%;border-top:1px solid #dce0d5;font-size:11px;color:#6b7465}.studio-footer a{color:inherit;text-underline-offset:3px}.tab-order-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #e3e6dc}.tab-order-row span{flex:1}.tab-order-row button{width:36px;height:36px;border:1px solid #dce0d5;border-radius:8px;background:#fffefa}.calendar-modes{display:flex;gap:4px}.calendar-modes button{padding:10px 14px;border:1px solid #dce0d5;background:transparent;border-radius:8px}.calendar-modes [aria-pressed=true]{background:#e4ebdb;color:#2e422a}.week-toolbar{flex-wrap:wrap}#weekDays[data-mode=month]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}#weekDays[data-mode=month] .calendar-day{display:block;padding:12px;min-height:150px}#weekDays[data-mode=month] .day-heading{display:block}#weekDays[data-mode=month] h3{font-size:12px}#weekDays[data-mode=month] .calendar-entry{display:block;padding:8px;font-size:11px}#weekDays[data-mode=month] .entry-state{display:none}.sequence-preview-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e3e6dc}.sequence-preview-row div{flex:1}.sequence-preview-row small{display:block;font-style:italic;color:#697064}.sequence-preview-row img{width:70px;height:65px;object-fit:contain}
@media(max-width:1450px){.studio-header{flex-wrap:wrap}#mainTabs{order:3;width:100%}#mainTabs button{flex:1}}@media(max-width:700px){.account-state{gap:8px}#cloudStatus{font-size:10px;max-width:120px}#mainTabs{overflow-x:auto}#mainTabs button{font-size:11px;padding:11px 8px}#mainTabs svg{display:none}#weekDays[data-mode=month]{grid-template-columns:repeat(7,minmax(92px,1fr));overflow-x:auto}.studio-header{padding:18px}.studio-brand strong{font-size:31px}.account-bar{flex-wrap:wrap}.calendar-view{padding:20px}.studio-footer{padding:18px}}
@media print{.account-bar,.studio-header,.studio-footer{display:none!important}}
.account-body{height:auto;overflow:auto}#builderHost{height:auto;flex:1 0 auto}#builderHost iframe{height:650px;min-height:calc(100vh - 225px)}.calendar-view{flex:1}.studio-footer{flex-shrink:0}
.account-bar{height:auto;min-height:56px}#cloudStatus{order:0;width:auto;margin:0}.account-state{flex-wrap:nowrap}
@media(max-width:700px){.account-bar{padding:8px 12px;gap:2px}.account-state{width:100%;justify-content:space-between;gap:8px;padding:2px 0 5px}#cloudStatus{max-width:110px;font-size:9px}.account-state .text-link{font-size:10px}.account-state .pill{font-size:10px}.studio-header{gap:16px 10px}.studio-brand img{width:34px}.studio-brand strong{font-size:28px}.studio-brand small{font-size:6px;letter-spacing:1.6px}.studio-brand{gap:8px}#shellClasses{font-size:10px}#mainTabs{margin-top:0}}
#shellClasses{display:flex;align-items:center;gap:7px;text-decoration:none}#shellClasses svg{flex:none}

/* A defined, quiet calendar grid across all three views. */
.sequence-preview-summary{display:flex;gap:28px;flex-wrap:wrap;color:#65715f;font-size:14px;margin:-8px 0 24px}.sequence-preview-summary span+span{border-left:1px solid #d5dccd;padding-left:28px}
.week-toolbar{padding:16px;background:#fffefa;border:1px solid #d9dfd1;border-radius:16px;margin-bottom:12px}.week-toolbar h2{color:#2e4335}.calendar-modes{padding:4px;background:#f0f2e9;border-radius:12px}.calendar-modes button{border:0}.calendar-modes [aria-pressed=true]{background:#fffefa;box-shadow:0 2px 6px #2b402015;font-weight:650}
#weekDays{border:1px solid #ccd5c3;border-radius:16px;overflow:hidden;background:#fffefa}.calendar-day{border:0;border-bottom:1px solid #d4dccc;padding:22px;gap:24px;min-height:130px}.calendar-day:last-child{border-bottom:0}.calendar-day.today{background:#edf2e5;box-shadow:inset 3px 0 #71865d}.calendar-day.weekend:not(.today){background:#f8f8f2}.day-heading{border-right:1px solid #dce2d4;padding-right:20px}.day-heading h3{font-size:20px}.day-heading span{font-size:13px}.day-add{border:1px dashed #d1dac7;border-radius:8px;padding:9px 12px;min-height:36px;align-self:start;justify-self:start}.day-add:hover{background:#eaf0e1}.day-entries{align-content:start}.calendar-entry{background:#fffefa;border-color:#d5ddcd;box-shadow:0 2px 8px #2a3b2305}.calendar-view #calendarStatus{padding:4px 4px 12px}
#weekDays[data-mode=month]{gap:1px;background:#ccd5c3}#weekDays[data-mode=month] .calendar-day{border:0;background:#fffefa;padding:12px 10px;min-height:155px;min-width:0}#weekDays[data-mode=month] .calendar-day.weekend{background:#f7f8f0}#weekDays[data-mode=month] .calendar-day.today{background:#eaf1df;box-shadow:inset 0 3px #71865d}#weekDays[data-mode=month] .outside-month{background:#f2f3ed}#weekDays[data-mode=month] .outside-month .day-heading{opacity:.65}#weekDays[data-mode=month] .day-heading{border:0;border-bottom:1px solid #e2e6dc;padding:0 0 10px;margin-bottom:12px}#weekDays[data-mode=month] .day-heading h3{font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.3px;margin-bottom:7px}#weekDays[data-mode=month] .day-heading span{font-size:15px;font-weight:650;color:#40513a}#weekDays[data-mode=month] .day-add{border:0;font-size:11px;padding:6px 0;min-height:30px}#weekDays[data-mode=month] .calendar-entry strong{font-size:12px}#weekDays[data-mode=month] .entry-detail{font-size:10px}
@media(max-width:700px){.week-toolbar{padding:12px;gap:12px}.day-heading{border-right:0;padding-right:0}.calendar-day{padding:16px}#weekDays[data-mode=month]{border-radius:10px}#weekDays[data-mode=month] .calendar-day{min-height:140px}.sequence-preview-summary{gap:18px}.sequence-preview-summary span+span{padding-left:18px}}

.calendar-view{width:100%;max-width:1100px;box-sizing:border-box}
/* A soft desk-calendar treatment, with the selected period at its centre. */
.calendar-intro{justify-content:initial;gap:22px}.calendar-intro>div:not(.calendar-illustration){flex:1}.calendar-illustration{width:88px;flex:none}.calendar-illustration svg{width:100%;display:block}.calendar-intro h1{font-size:38px}.week-toolbar{display:grid;grid-template-columns:1fr auto 1fr;padding:12px 16px;border:0;background:transparent;gap:16px}.week-toolbar>#weekToday{justify-self:start}.week-toolbar>.period-navigation{display:flex;align-items:center;gap:10px;justify-content:center}.week-toolbar>.calendar-modes{justify-self:end;gap:3px}.period-arrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6ddcc;border-radius:50%;background:#fffefa;color:#526344;font-size:25px;line-height:1}.period-label{font:26px/1.2 Georgia,serif;color:#2e4335;border:0;background:transparent;padding:12px;min-width:210px;cursor:pointer;text-underline-offset:5px}.period-label:hover{text-decoration:underline;text-decoration-color:#acb99c}.calendar-book{position:relative;border:1px solid #cbd6c0;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #5263440b;background:#fffefa}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#667b56;color:#fffefa}.calendar-weekdays span{text-align:center;padding:23px 4px 14px;font-size:12px;font-weight:600;border-right:1px solid #ffffff25;position:relative}.calendar-weekdays span:before{content:'';position:absolute;top:4px;left:calc(50% - 3px);width:6px;height:12px;border-radius:5px;background:#dce6d1;box-shadow:1px 1px 0 #394b3040}.calendar-scroll[data-mode=month]{max-height:530px;overflow:auto;scrollbar-color:#bac8ac #f0f3eb;scrollbar-width:thin}.calendar-scroll #weekDays{border:0;border-radius:0;position:relative}.calendar-scroll #weekDays[data-mode=month]{overflow:visible;gap:1px}.calendar-scroll #weekDays[data-mode=month] .calendar-day{min-height:175px;padding:12px;position:relative}.calendar-scroll #weekDays[data-mode=month] .day-heading{border:0;text-align:right;margin-bottom:10px;padding:0}.calendar-scroll #weekDays[data-mode=month] .day-heading h3{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.calendar-scroll #weekDays[data-mode=month] .day-heading span{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#edf1e5;font:italic 17px Georgia,serif}.calendar-scroll #weekDays[data-mode=month] .today .day-heading span{background:#63794f;color:white;box-shadow:0 0 0 4px #dce7ce}.calendar-scroll #weekDays[data-mode=month] .today{box-shadow:inset 0 0 0 2px #8ca079;background:#f1f5e9}.calendar-hint{font-size:11px;color:#7c8773;margin:12px 4px}.calendar-jump{max-width:360px}.calendar-jump h2{font-size:28px}.calendar-jump label{font-size:13px;display:block;margin:12px 0}.calendar-jump input{display:block;width:100%;margin-bottom:20px;padding:12px;border:1px solid #cbd5c0;border-radius:10px;background:#fffefa;color:#2e4335;font:inherit}
@media(max-width:800px){.week-toolbar{grid-template-columns:1fr auto}.week-toolbar>.period-navigation{grid-column:1/-1;grid-row:1}.calendar-intro{flex-wrap:wrap}.calendar-intro .calendar-illustration{width:60px}.calendar-intro>button{margin-left:auto}.calendar-intro h1{font-size:30px}.calendar-weekdays span{font-size:10px}.calendar-scroll #weekDays[data-mode=month]{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-scroll #weekDays[data-mode=month] .calendar-day{padding:6px 3px;min-height:135px}.calendar-scroll #weekDays[data-mode=month] .day-add{font-size:9px;overflow-wrap:anywhere}.calendar-scroll #weekDays[data-mode=month] .calendar-entry{padding:4px}.calendar-scroll #weekDays[data-mode=month] .calendar-entry strong{font-size:10px}.calendar-weekdays span{overflow:hidden}.period-label{font-size:23px;min-width:190px}.calendar-scroll[data-mode=month]{max-height:410px}}
/* Month entries never change cell height; the fourth class opens the day. */
.calendar-scroll #weekDays[data-mode=month] .calendar-day{height:200px;min-height:200px;max-height:200px;overflow:hidden}.calendar-scroll #weekDays[data-mode=month] .day-entries{gap:4px;min-width:0}.calendar-scroll #weekDays[data-mode=month] .calendar-entry{height:25px;min-height:25px;max-height:25px;padding:4px 6px;border-radius:5px;box-shadow:none;background:#e9efdf;border:0;overflow:hidden}.calendar-scroll #weekDays[data-mode=month] .calendar-entry>span{display:block;min-width:0}.calendar-scroll #weekDays[data-mode=month] .calendar-entry strong{font-size:10px;line-height:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendar-scroll #weekDays[data-mode=month] .entry-detail{display:none}.calendar-scroll #weekDays[data-mode=month] .day-add{min-height:22px;padding:2px;font-size:10px}.day-more{border:0;background:none;color:#526344;text-align:left;font-family:inherit;font-size:11px;font-weight:600;line-height:20px;padding:0 2px;cursor:pointer}.calendar-weekdays span:before{display:none}.calendar-weekdays .day-chakra{position:absolute;top:2px;left:calc(50% - 10px);width:20px;height:20px;color:#f0f3e8}.calendar-weekdays span{padding-top:25px}.studio-flourish{width:64px;height:32px;color:#879a73;pointer-events:none;flex:none}#settingsDialog .dialog-heading{align-items:center;gap:14px}#settingsDialog .dialog-heading h2{flex:1}#settingsDialog .settings-section{border-top:1px solid #dce4d3;padding-top:24px;margin-top:26px}#settingsDialog .settings-section h3{display:flex;align-items:center;gap:10px}#settingsDialog .settings-section h3:before{content:'';width:7px;height:7px;background:#c5d5b6;transform:rotate(45deg);border-radius:2px}#settingsDialog input{background:#fffefa;border-color:#d8e1cf}#settingsDialog .tab-order-row{padding:12px 8px;border-radius:8px}#settingsDialog .tab-order-row:nth-child(odd){background:#f3f5ed}@media(max-width:700px){.calendar-scroll #weekDays[data-mode=month] .calendar-entry{padding:4px 2px}.calendar-scroll #weekDays[data-mode=month] .calendar-entry strong{font-size:9px}.calendar-scroll #weekDays[data-mode=month] .calendar-day{height:200px;min-height:200px}.day-more{font-size:10px}#settingsDialog .studio-flourish{width:40px}}
#settingsDialog .settings-section{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20160%22%20fill%3D%22none%22%20stroke%3D%22%239aaa86%22%20stroke-width%3D%221.3%22%3E%3Cg%20transform%3D%22translate%28150%2045%29%20scale%283%29%22%3E%3Cpath%20d%3D%22M12%2020C4%2020%202%2015%202%2010c6%200%2010%204%2010%2010Zm0%200c8%200%2010-5%2010-10-6%200-10%204-10%2010Zm0-1C6%2014%207%208%2012%203c5%205%206%2011%200%2016Z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M10%20105c40-40%2065%2040%20105%200M10%20116c40-40%2065%2040%20105%200M15%20127c40-40%2060%2040%20100%200%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2244%22%20r%3D%2225%22%20stroke-dasharray%3D%221%207%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22/%3E%3Cpath%20d%3D%22M60%2071v17m-5-5%205%205%205-5%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right top;background-size:100px auto}
.auth-card{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20160%22%20fill%3D%22none%22%20stroke%3D%22%239aaa86%22%20stroke-width%3D%221.3%22%3E%3Cg%20transform%3D%22translate%28150%2045%29%20scale%283%29%22%3E%3Cpath%20d%3D%22M12%2020C4%2020%202%2015%202%2010c6%200%2010%204%2010%2010Zm0%200c8%200%2010-5%2010-10-6%200-10%204-10%2010Zm0-1C6%2014%207%208%2012%203c5%205%206%2011%200%2016Z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M10%20105c40-40%2065%2040%20105%200M10%20116c40-40%2065%2040%20105%200M15%20127c40-40%2060%2040%20100%200%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2244%22%20r%3D%2225%22%20stroke-dasharray%3D%221%207%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22/%3E%3Cpath%20d%3D%22M60%2071v17m-5-5%205%205%205-5%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right top;background-size:100px auto}
.step{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20160%22%20fill%3D%22none%22%20stroke%3D%22%239aaa86%22%20stroke-width%3D%221.3%22%3E%3Cg%20transform%3D%22translate%28150%2045%29%20scale%283%29%22%3E%3Cpath%20d%3D%22M12%2020C4%2020%202%2015%202%2010c6%200%2010%204%2010%2010Zm0%200c8%200%2010-5%2010-10-6%200-10%204-10%2010Zm0-1C6%2014%207%208%2012%203c5%205%206%2011%200%2016Z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M10%20105c40-40%2065%2040%20105%200M10%20116c40-40%2065%2040%20105%200M15%20127c40-40%2060%2040%20100%200%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2244%22%20r%3D%2225%22%20stroke-dasharray%3D%221%207%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22/%3E%3Cpath%20d%3D%22M60%2071v17m-5-5%205%205%205-5%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right top;background-size:100px auto}
.quiet-band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20160%22%20fill%3D%22none%22%20stroke%3D%22%239aaa86%22%20stroke-width%3D%221.3%22%3E%3Cg%20transform%3D%22translate%28150%2045%29%20scale%283%29%22%3E%3Cpath%20d%3D%22M12%2020C4%2020%202%2015%202%2010c6%200%2010%204%2010%2010Zm0%200c8%200%2010-5%2010-10-6%200-10%204-10%2010Zm0-1C6%2014%207%208%2012%203c5%205%206%2011%200%2016Z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M10%20105c40-40%2065%2040%20105%200M10%20116c40-40%2065%2040%20105%200M15%20127c40-40%2060%2040%20100%200%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2244%22%20r%3D%2225%22%20stroke-dasharray%3D%221%207%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22/%3E%3Cpath%20d%3D%22M60%2071v17m-5-5%205%205%205-5%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right top;background-size:100px auto}
.price-card{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20160%22%20fill%3D%22none%22%20stroke%3D%22%239aaa86%22%20stroke-width%3D%221.3%22%3E%3Cg%20transform%3D%22translate%28150%2045%29%20scale%283%29%22%3E%3Cpath%20d%3D%22M12%2020C4%2020%202%2015%202%2010c6%200%2010%204%2010%2010Zm0%200c8%200%2010-5%2010-10-6%200-10%204-10%2010Zm0-1C6%2014%207%208%2012%203c5%205%206%2011%200%2016Z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M10%20105c40-40%2065%2040%20105%200M10%20116c40-40%2065%2040%20105%200M15%20127c40-40%2060%2040%20100%200%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2244%22%20r%3D%2225%22%20stroke-dasharray%3D%221%207%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22/%3E%3Cpath%20d%3D%22M60%2071v17m-5-5%205%205%205-5%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right top;background-size:100px auto}
.calendar-intro{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20160%22%20fill%3D%22none%22%20stroke%3D%22%239aaa86%22%20stroke-width%3D%221.3%22%3E%3Cg%20transform%3D%22translate%28150%2045%29%20scale%283%29%22%3E%3Cpath%20d%3D%22M12%2020C4%2020%202%2015%202%2010c6%200%2010%204%2010%2010Zm0%200c8%200%2010-5%2010-10-6%200-10%204-10%2010Zm0-1C6%2014%207%208%2012%203c5%205%206%2011%200%2016Z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M10%20105c40-40%2065%2040%20105%200M10%20116c40-40%2065%2040%20105%200M15%20127c40-40%2060%2040%20100%200%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2244%22%20r%3D%2225%22%20stroke-dasharray%3D%221%207%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22/%3E%3Cpath%20d%3D%22M60%2071v17m-5-5%205%205%205-5%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right top;background-size:100px auto}
#settingsDialog .settings-section{padding:24px 18px 18px;border:1px solid #dfe6d7;border-radius:14px;background-color:#fafbf5;margin-top:20px;background-size:78px auto}#settingsDialog .settings-section>p{max-width:94%}#shellClasses{font:18px Georgia,serif;display:flex;align-items:center;gap:9px;text-decoration:none;padding:9px 13px;border:1px solid #dde5d2;border-radius:23px;background:#f1f4e9}#shellClasses svg{width:23px;height:23px}.feature-collage{min-height:580px;background:#e9edde;border-radius:44% 44% 14px 14px}.feature-collage:before{width:85%;height:85%;border-style:dashed;opacity:.5}.feature-collage>div{position:absolute;box-shadow:0 14px 32px #24382116;border:1px solid #d7dfcb;border-radius:14px;background:#fffefa;padding:20px}.collage-label{font-size:8px;letter-spacing:1.4px;color:#77866a;font-weight:650}.feature-collage h3{font:21px Georgia,serif;margin:10px 0 14px}.feature-collage .collage-library{width:60%;left:0;top:30px;transform:rotate(-4deg);z-index:2}.collage-pose{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #e7ebdf;font-size:10px}.collage-pose>span{font-size:8px;color:#8b977e}.collage-pose img{width:37px;height:37px;object-fit:contain;border-radius:50%}.collage-pose b{flex:1;font-weight:600}.collage-pose small{font-size:8px;color:#77866a}.collage-custom{padding:9px 4px 0;color:#61714f;font-size:10px}.feature-collage .collage-handout{width:49%;right:-2%;top:90px;transform:rotate(6deg);background:#e1ead5;z-index:3;padding:20px 16px}.collage-handout h3{font-size:20px;text-align:center}.collage-pose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.collage-pose-grid img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:50%;border:1px solid #bbcaaa}.collage-handout p{text-align:center;font:italic 10px Georgia,serif;margin-top:14px}.feature-collage .collage-calendar{width:73%;left:0;bottom:17px;z-index:4;transform:rotate(-2deg)}.collage-week{display:grid;grid-template-columns:repeat(7,1fr);background:#f2f5eb;border-radius:8px;padding:9px 4px}.collage-week>div{text-align:center}.collage-week span{display:block;font-size:8px;color:#7f8b71}.collage-week b{font:15px Georgia,serif;display:block;margin:7px 0}.collage-week i{display:block;width:4px;height:4px;border-radius:50%;margin:auto}.collage-week i.planned{background:#8ba576}.collage-appointment{display:flex;align-items:center;gap:10px;font-size:9px;margin-top:12px}.collage-appointment span{margin-left:auto;color:#7b896a}.feature-collage .collage-timer{bottom:8px;right:-1%;z-index:5;transform:rotate(5deg);width:27%;padding:15px 10px;text-align:center;background:#f6edde}.collage-timer span{font-size:6px;letter-spacing:1px}.collage-timer strong{display:block;font:36px Georgia,serif;margin:8px 0}.collage-timer small{font:italic 9px Georgia,serif}.feature-item svg{stroke-linecap:round;stroke-linejoin:round}.quiet-band{background-size:150px auto}.step{background-size:85px auto}@media(max-width:950px){.feature-collage{min-height:550px}.feature-collage>div{padding:15px}.collage-pose{gap:5px;font-size:9px}.collage-pose img{width:30px;height:30px}.feature-collage h3{font-size:18px}}@media(max-width:640px){.feature-collage{min-height:570px;margin:0 5px}.feature-collage .collage-library{width:64%;left:-2%;top:30px}.feature-collage .collage-handout{top:190px;width:48%;right:-1%}.feature-collage .collage-calendar{bottom:14px;width:76%}.feature-collage .collage-timer{bottom:160px;width:29%;right:auto;left:3%}.collage-pose img{width:32px;height:32px}#shellClasses{font-size:16px}}

.settings-section,.auth-card,.step,.quiet-band,.price-card,.calendar-intro{background-image:none!important}.settings-section{padding-bottom:66px;position:relative}.settings-section:after{content:"";position:absolute;bottom:8px;right:18px;width:120px;height:45px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20180%2070%22%20fill%3D%22none%22%20stroke%3D%22%23abb799%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M90%2053C50%2052%2045%2030%2045%2024c28%200%2045%2017%2045%2029Zm0%200c40-1%2045-23%2045-29-28%200-45%2017-45%2029Zm0-3C68%2029%2076%2014%2090%205c14%209%2022%2024%200%2045ZM64%2062q26%209%2052%200%22/%3E%3Cpath%20d%3D%22M25%2045h10m110%200h10%22/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;opacity:.65}.settings-section:nth-of-type(even):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20180%2070%22%20fill%3D%22none%22%20stroke%3D%22%23a6b294%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M20%2050q25-40%2050%200t50%200t40%200M20%2058q25-40%2050%200t50%200t40%200%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2220%22%20r%3D%2212%22/%3E%3Cpath%20d%3D%22M90%202v4m0%2028v4M72%2020h4m28%200h4M77%207l3%203m20%2020%203%203M77%2033l3-3m20-20%203-3%22/%3E%3C/svg%3E")}

.settings-section:after{width:155px;height:48px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20230%2085%22%20fill%3D%22none%22%20stroke%3D%22%239cab89%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M20%2064Q95%2070%20190%2020M60%2063Q27%2028%2065%2038Q80%2046%2080%2058M100%2050Q75%207%20107%2022Q123%2032%20120%2041M140%2034Q145%203%20172%208Q170%2027%20140%2034%22/%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%2254%22%20r%3D%224%22/%3E%3C/svg%3E")}.settings-section:nth-of-type(even):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20230%2085%22%20fill%3D%22none%22%20stroke%3D%22%239cab89%22%20stroke-width%3D%221.2%22%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%2240%22%20r%3D%2226%22/%3E%3Cellipse%20cx%3D%22115%22%20cy%3D%2240%22%20rx%3D%2213%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22115%22%20cy%3D%2240%22%20rx%3D%2226%22%20ry%3D%2213%22/%3E%3Cpath%20d%3D%22M35%2040h34m92%200h34M25%2040h2m176%200h2%22/%3E%3C/svg%3E")}.settings-section:nth-of-type(3n):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20230%2085%22%20fill%3D%22none%22%20stroke%3D%22%239cab89%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M25%2062Q70%208%20115%2062Q160%208%20205%2062M45%2062Q70%2032%2095%2062M135%2062Q160%2032%20185%2062%22/%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%2222%22%20r%3D%2212%22/%3E%3Cpath%20d%3D%22M15%2072h200%22/%3E%3C/svg%3E")}


:root[data-app-theme=normal][data-app-color=green],:root[data-app-theme=normal]:not([data-app-color]){--bg:#f4f3ef;--cream:#f4f3ef;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#526344;--green:#526344;--line:#cfd2c8;--soft:#dddfd7;--theme-surface:#fffefa;--theme-field:#f8f7f3;--theme-border:#cfd2c8;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#526344;--glow:#526344}
:root[data-app-theme=normal][data-app-color=blue]{--bg:#f3f3f0;--cream:#f3f3f0;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#3d647d;--green:#3d647d;--line:#c9d2d6;--soft:#dadfe0;--theme-surface:#fffefa;--theme-field:#f8f7f4;--theme-border:#c9d2d6;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#3d647d;--glow:#3d647d}
:root[data-app-theme=normal][data-app-color=purple]{--bg:#f5f3f0;--cream:#f5f3f0;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#715084;--green:#715084;--line:#d7ced7;--soft:#e3dce1;--theme-surface:#fffefa;--theme-field:#f9f7f4;--theme-border:#d7ced7;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#715084;--glow:#715084}
:root[data-app-theme=normal][data-app-color=orange]{--bg:#f6f3ee;--cream:#f6f3ee;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#995733;--green:#995733;--line:#e1cfc3;--soft:#e9ddd4;--theme-surface:#fffefa;--theme-field:#faf7f3;--theme-border:#e1cfc3;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#995733;--glow:#995733}
:root[data-app-theme=normal][data-app-color=yellow]{--bg:#f5f3ed;--cream:#f5f3ed;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#796515;--green:#796515;--line:#d8d2bb;--soft:#e4dfcf;--theme-surface:#fffefa;--theme-field:#f9f7f2;--theme-border:#d8d2bb;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#796515;--glow:#796515}
:root[data-app-theme=normal][data-app-color=white]{--bg:#f4f3ef;--cream:#f4f3ef;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#565c58;--green:#565c58;--line:#d0d0cc;--soft:#dededa;--theme-surface:#fffefa;--theme-field:#f8f7f3;--theme-border:#d0d0cc;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#565c58;--glow:#565c58}
:root[data-app-theme=normal][data-app-color=red]{--bg:#f6f3ef;--cream:#f6f3ef;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#974b4b;--green:#974b4b;--line:#e0ccc9;--soft:#e9dbd8;--theme-surface:#fffefa;--theme-field:#faf7f3;--theme-border:#e0ccc9;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#974b4b;--glow:#974b4b}
:root[data-app-theme=normal][data-app-color=pink]{--bg:#f5f3f0;--cream:#f5f3f0;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#934e72;--green:#934e72;--line:#decdd3;--soft:#e7dcde;--theme-surface:#fffefa;--theme-field:#f9f7f4;--theme-border:#decdd3;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#934e72;--glow:#934e72}
:root[data-app-theme=normal][data-app-color=brown]{--bg:#f5f3ef;--cream:#f5f3ef;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#846244;--green:#846244;--line:#dbd2c8;--soft:#e5dfd7;--theme-surface:#fffefa;--theme-field:#f9f7f3;--theme-border:#dbd2c8;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#846244;--glow:#846244}
:root[data-app-theme=normal][data-app-color=beige]{--bg:#f5f4ef;--cream:#f5f4ef;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#796b52;--green:#796b52;--line:#d8d4cb;--soft:#e4e1d9;--theme-surface:#fffefa;--theme-field:#f9f8f3;--theme-border:#d8d4cb;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#796b52;--glow:#796b52}
:root[data-app-theme=normal][data-app-color=light-blue]{--bg:#f3f4f0;--cream:#f3f4f0;--paper:#fffefa;--ink:#26372e;--muted:#697369;--accent:#39717c;--green:#39717c;--line:#c8d6d5;--soft:#d9e2e0;--theme-surface:#fffefa;--theme-field:#f8f8f4;--theme-border:#c8d6d5;--theme-ink:#26372e;--theme-muted:#697369;--theme-accent:#39717c;--glow:#39717c}
:root[data-app-theme=dark][data-app-color=green],:root[data-app-theme=dark]:not([data-app-color]){--bg:#1f2420;--cream:#1f2420;--paper:#2a322d;--ink:#edf1e9;--muted:#bbc5bb;--accent:#a9bf92;--green:#a9bf92;--line:#4b5644;--soft:#323a30;--theme-surface:#2a322d;--theme-field:#232a25;--theme-border:#4b5644;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#a9bf92;--glow:#a9bf92}
:root[data-app-theme=dark][data-app-color=blue]{--bg:#1d2424;--cream:#1d2424;--paper:#293230;--ink:#edf1e9;--muted:#bbc5bb;--accent:#91bddb;--green:#91bddb;--line:#42555f;--soft:#2d393e;--theme-surface:#293230;--theme-field:#222a29;--theme-border:#42555f;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#91bddb;--glow:#91bddb}
:root[data-app-theme=dark][data-app-color=purple]{--bg:#202324;--cream:#202324;--paper:#2b3130;--ink:#edf1e9;--muted:#bbc5bb;--accent:#c7a5e1;--green:#c7a5e1;--line:#554d60;--soft:#37353e;--theme-surface:#2b3130;--theme-field:#242929;--theme-border:#554d60;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#c7a5e1;--glow:#c7a5e1}
:root[data-app-theme=dark][data-app-color=orange]{--bg:#212420;--cream:#212420;--paper:#2d312d;--ink:#edf1e9;--muted:#bbc5bb;--accent:#eab48c;--green:#eab48c;--line:#615243;--soft:#3d382f;--theme-surface:#2d312d;--theme-field:#262925;--theme-border:#615243;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#eab48c;--glow:#eab48c}
:root[data-app-theme=dark][data-app-color=yellow]{--bg:#212520;--cream:#212520;--paper:#2d332d;--ink:#edf1e9;--muted:#bbc5bb;--accent:#e4d38a;--green:#e4d38a;--line:#5f5d42;--soft:#3c3d2f;--theme-surface:#2d332d;--theme-field:#262b25;--theme-border:#5f5d42;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#e4d38a;--glow:#e4d38a}
:root[data-app-theme=dark][data-app-color=white]{--bg:#212624;--cream:#212624;--paper:#2d3431;--ink:#edf1e9;--muted:#bbc5bb;--accent:#e9eee7;--green:#e9eee7;--line:#616662;--soft:#3d423f;--theme-surface:#2d3431;--theme-field:#262c29;--theme-border:#616662;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#e9eee7;--glow:#e9eee7}
:root[data-app-theme=dark][data-app-color=red]{--bg:#212321;--cream:#212321;--paper:#2d312e;--ink:#edf1e9;--muted:#bbc5bb;--accent:#eba4a4;--green:#eba4a4;--line:#624c4b;--soft:#3d3533;--theme-surface:#2d312e;--theme-field:#262926;--theme-border:#624c4b;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#eba4a4;--glow:#eba4a4}
:root[data-app-theme=dark][data-app-color=pink]{--bg:#212323;--cream:#212323;--paper:#2d312f;--ink:#edf1e9;--muted:#bbc5bb;--accent:#e8accb;--green:#e8accb;--line:#614f59;--soft:#3d363b;--theme-surface:#2d312f;--theme-field:#262928;--theme-border:#614f59;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#e8accb;--glow:#e8accb}
:root[data-app-theme=dark][data-app-color=brown]{--bg:#202420;--cream:#202420;--paper:#2c312d;--ink:#edf1e9;--muted:#bbc5bb;--accent:#cfb18e;--green:#cfb18e;--line:#585143;--soft:#38382f;--theme-surface:#2c312d;--theme-field:#252925;--theme-border:#585143;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#cfb18e;--glow:#cfb18e}
:root[data-app-theme=dark][data-app-color=beige]{--bg:#212522;--cream:#212522;--paper:#2c322e;--ink:#edf1e9;--muted:#bbc5bb;--accent:#d8cbb1;--green:#d8cbb1;--line:#5c5a50;--soft:#3b3c36;--theme-surface:#2c322e;--theme-field:#252a27;--theme-border:#5c5a50;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#d8cbb1;--glow:#d8cbb1}
:root[data-app-theme=dark][data-app-color=light-blue]{--bg:#1e2524;--cream:#1e2524;--paper:#2a3330;--ink:#edf1e9;--muted:#bbc5bb;--accent:#9ed5df;--green:#9ed5df;--line:#475d60;--soft:#303e3e;--theme-surface:#2a3330;--theme-field:#232b29;--theme-border:#475d60;--theme-ink:#edf1e9;--theme-muted:#bbc5bb;--theme-accent:#9ed5df;--glow:#9ed5df}
html[data-app-theme] :is(.panel,.library,.sequence-panel,.compact-pose,.pose-editor,.account-bar,.studio-header,.account-popover,.account-dialog,.settings-section,.saved-class,.all-pose-card,.calendar-day,.calendar-entry,.gate-card,#mainTabs,.teaching-options,dialog,.my-flows,.flow-step,.saved-flow){background-color:var(--theme-surface)!important;border-color:var(--theme-border);color:var(--theme-ink)}
html[data-app-theme] :is(input,select,textarea,.icon-button,.side-toggle,.text-button,.button.quiet,.button.secondary,#mainTabs button,.calendar-toolbar button){background-color:var(--theme-field)!important;color:var(--theme-ink);border-color:var(--theme-border)}
html[data-app-theme] :is(.sequence-details,.library-pose-text,.flow-step,.settings-section,.saved-class,.account-dialog) :is(h2,h3,p,label,small){color:var(--theme-ink)}
html[data-app-theme] :is(.muted,.sanskrit,.pose-hold-summary,.title-hint,.breath-estimate,.teaching-eyebrow,#teachingNext,.teaching-summary,.teaching-hint){color:var(--theme-muted)}
html[data-app-theme=dark] .button.primary,html[data-app-theme=dark] #teachingPlay{background:var(--accent);color:var(--bg)}html[data-app-theme=dark] .teacher-sheet{background:var(--paper);color:#eef1e8}html[data-app-theme=dark] .teacher-sheet :is(input,textarea){background:var(--theme-field);color:#eef1e8}
/* Printed artefacts keep their chosen paper palette. */
@media print{html[data-app-theme] .teacher-sheet,html[data-app-theme] .teacher-sheet *{background-color:white!important;color:#26372e!important}}

html[data-app-theme] #mainTabs button[aria-current=page]{background:var(--soft)!important;color:var(--ink)}
html[data-app-theme=dark] :is(.button,#teachingPlay){background:var(--accent);color:var(--bg)}html[data-app-theme=dark] :is(.button.secondary,.button.quiet,.icon-button,.text-button){background:var(--theme-field)!important;color:var(--ink)!important}
html[data-app-theme=dark] :is(.duration-pill,.see-all-button,.add-pose,.sequence-cta,.teacher-customizer,.teacher-time input,.tab-order-row button){background:var(--soft)!important;color:#eef1e8!important;border-color:var(--line)}
html[data-app-theme=dark] :is(.step-number,.pose-disclosure small,.cue-label,.pose-settings label,.flow-step p,.flow-toolbar p,.teacher-pose-name .sanskrit){color:#bac5b5}
html[data-app-theme=dark] #accessLabel[data-access=trial],html[data-app-theme=dark] #settingsAccess[data-access=trial]{color:#f1ad96}
html[data-app-theme] #weekDays .calendar-day{background-color:var(--theme-surface)!important;color:var(--ink)}
html[data-app-theme=dark] :is(.day-number,.calendar-date,.calendar-entry strong,.calendar-entry small){color:#eef1e8}html[data-app-theme=dark] :is(.calendar-modes button,.week-toolbar button){background-color:var(--theme-field);color:var(--ink);border-color:var(--line)}

html[data-app-theme=dark] :is(.library-pose,.sequence-toolbar,.teacher-row,.tab-order-row){border-color:var(--line)}

/* Theme-aware focus, selection and interaction surfaces. */
html[data-app-theme] ::selection{background:var(--soft);color:var(--ink)}
html[data-app-theme] :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-app-theme] :is(dialog,.account-popover){box-shadow:0 24px 80px #13251b26}
html[data-app-theme] #mainTabs button{border-radius:14px}
@media(hover:hover){html[data-app-theme] :is(.button.secondary,.button.quiet,.icon-button,.text-button):not(:disabled):hover{background:var(--soft)!important;color:var(--ink)}html[data-app-theme] #mainTabs button:not([aria-current=page]):hover{background:var(--soft)!important}}
@media(prefers-reduced-motion:no-preference){html[data-app-theme] :is(button,input,select,textarea){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}html[data-app-theme] :is(body,.account-bar,.studio-header,.panel,dialog){transition:background-color .22s ease,color .22s ease}html[data-app-theme] button:not(:disabled):active{translate:0 1px}}
@media(prefers-reduced-motion:reduce){html[data-app-theme] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

html[data-app-theme] #tabOrder{display:grid;gap:8px;margin-top:24px;padding-bottom:52px}html[data-app-theme] #tabOrder .tab-order-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)!important;color:var(--ink)!important}#tabOrder .tab-order-row>span:last-of-type{flex:1}#tabOrder .tab-order-row>svg{width:22px;height:22px;color:var(--accent)}#tabOrder .tab-position{font-size:11px;color:var(--muted)}#tabOrder .tab-drag{touch-action:none;cursor:grab;width:38px;min-height:40px;border:0;border-radius:10px;background:var(--soft)!important;color:var(--ink);font-size:24px}#tabOrder .dragging{box-shadow:0 8px 24px #0003;border-color:var(--accent)!important}#tabOrder .dragging .tab-drag{cursor:grabbing}html[data-app-theme] :is(#flowName,#classTitle){background:transparent!important;color:var(--ink);border-color:var(--line)}html[data-app-theme] :is(#flowName,#classTitle)::placeholder{color:var(--muted);opacity:1}html[data-app-theme=dark]{color-scheme:dark}html[data-app-theme=dark] .print-page{color-scheme:light}

#tabOrder .tab-position{flex:0 0 18px!important}#tabOrder .tab-order-row>span:last-of-type{text-align:left}#appTheme{min-width:180px;padding:10px 12px;border-radius:10px;border:1px solid var(--line)}


:root[data-app-theme=normal]{color-scheme:light}html[data-app-theme=dark] :is(#classesDialog,.dialog-body,.saved-classes,.saved-class,.class-emblem){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)}html[data-app-theme=dark] :is(#classesDialog h2,.saved-class h3,.saved-class p){color:var(--ink)!important}
html[data-app-theme=dark] :is(#mainTabs,.duration-badge,.duration-pill,.calendar-entry,.calendar-day.is-today,.teaching-options,.gate-card){box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent),0 0 22px color-mix(in srgb,var(--accent) 8%,transparent)}html[data-app-theme=dark] :is(#totalDuration,#teachingDigits,#mainTabs [aria-current=page],.calendar-date,.gate-card h1){text-shadow:0 0 18px color-mix(in srgb,var(--accent) 26%,transparent)}html[data-app-theme=dark] #mainTabs [aria-current=page]{box-shadow:inset 0 -2px var(--accent),0 0 12px color-mix(in srgb,var(--accent) 12%,transparent)}html[data-app-theme=dark] .gate-space{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%)}html[data-app-theme=dark] .gate-card img{filter:drop-shadow(0 0 12px var(--accent))}html[data-app-theme=dark] .side-toggle.on{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 35%,transparent)}
.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.appearance-options label{display:grid;gap:7px;font-size:12px}.appearance-options select{width:100%;min-width:0!important;padding:10px;border-radius:10px;border:1px solid var(--line)}
html[data-app-theme=dark] #shellClasses{background:var(--theme-field)!important;color:var(--ink)!important;border:1px solid var(--line);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 10%,transparent)}
.artwork-setting{display:flex;align-items:center;gap:12px;padding:16px;margin:16px 0 22px;border:1px solid var(--line);border-radius:14px;background:var(--paper);cursor:pointer}.artwork-setting input{width:18px;height:18px;accent-color:var(--accent)}.artwork-setting span{font-weight:600}.artwork-setting small{display:block;font-size:12px;font-weight:400;margin-top:5px;color:var(--muted)}
/* Stable account and calendar windows with the same quiet button treatment. */
dialog{position:fixed;inset:auto;top:24px;left:50%;transform:translateX(-50%);margin:0;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable}
#newEvent,.calendar-intro button{border-radius:14px;padding:11px 18px;border:1px solid var(--line);box-shadow:0 3px 12px #0000000b;transition:transform .18s,box-shadow .18s}
#newEvent:hover{transform:translateY(-1px)}
#newEvent,.calendar-intro .button{border-radius:18px 7px 18px 7px;border:1px solid var(--accent);background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent));color:var(--paper);padding:12px 20px;font-weight:600;letter-spacing:.015em;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 23%,transparent)}
html[data-app-theme=dark] #newEvent{color:var(--bg)}
#newEvent:active{transform:scale(.97)}
button:is([id*="Delete"],[aria-label*="Delete"],[aria-label*="Remove"]):active{transform:scale(.88) rotate(-4deg);transition:transform .15s}

/* asanua identity: dark ink by day, cream, sage and gold at night. */
.asanua-mark{width:48px;height:54px;flex:none;color:#263a30}.brand strong,.studio-brand strong{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;font-size:40px}.brand small,.studio-brand small{letter-spacing:1.7px}
[data-app-theme="dark"] .asanua-mark{color:#f7eedc}[data-app-theme="dark"] .asanua-mark .lotus-leaf{color:#a8b88e}[data-app-theme="dark"] .asanua-mark .lotus-gold{color:#d4ac65}[data-app-theme="dark"] .brand strong,[data-app-theme="dark"] .studio-brand strong{color:#f7eedc}
@media(max-width:640px){.asanua-mark{width:35px;height:43px}.brand strong,.studio-brand strong{font-size:31px}}
html:not([data-app-theme="dark"]) .brand strong,html:not([data-app-theme="dark"]) .studio-brand strong{color:#263a30}
/* Plan selection shares the signed-in account palette. */
#payDialog{width:min(780px,calc(100vw - 32px));max-width:780px}.plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.plan-option{border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--paper);display:flex;flex-direction:column;gap:13px}.plan-option h3{font:29px Georgia,serif}.plan-price{font:42px/1.2 Georgia,serif;color:var(--ink)}.plan-price span{font:13px system-ui}.plan-option .micro{flex:1;min-height:42px}.billing-info{line-height:1.8;max-width:60ch;margin:15px 0}.cancel-renewal{display:block;color:#a35142;margin:10px 0 20px}[data-app-theme=dark] .cancel-renewal{color:#eda99c}.cancel-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}#cancelMessage{margin-top:15px}#checkoutMessage{min-height:24px}#settingsUpgrade[hidden],#cancelRenewal[hidden]{display:none}
@media(max-width:560px){.plan-options{grid-template-columns:1fr}.plan-option{padding:20px}.plan-option .micro{min-height:0}.cancel-actions .button{width:100%}}