body:not(.master-mode){background:#0B0610;color:#fff}body:not(.master-mode) .client-tabs{display:none}body:not(.master-mode) header{height:143px;margin-bottom:10px;border:1px solid #49354d66;border-radius:17px;background:linear-gradient(115deg,#301B35,#130918)}body:not(.master-mode) .hero-copy{width:62%;padding:19px 14px}body:not(.master-mode) header h1{font-size:21px}body:not(.master-mode) #mode{font-size:13px;line-height:1.5;max-width:165px}body:not(.master-mode) .brand-art{height:150px;width:150px;object-fit:cover;object-position:center 38%;border-radius:0;right:0;top:0;opacity:.95;mask-image:linear-gradient(to right,transparent,#000 18%)}body:not(.master-mode) .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}body:not(.master-mode) .bottom-nav button{font-size:10px}body.client-flow header{display:none}#clientcontent{padding-bottom:12px}#clientcontent h2{font-size:18px;margin:13px 0}#clientcontent h3{font-size:15px;margin:9px 0}#clientcontent .step-head{display:flex;align-items:center;gap:8px}.client-book-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px}.client-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 15px}.client-shortcuts button{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;min-height:85px;margin:0;padding:15px}.client-shortcuts svg{color:#FF35B0;width:25px;height:25px}.service-list{display:flex;flex-direction:column;gap:8px}.service-card{width:100%;display:flex;align-items:center;gap:11px;padding:11px 9px;background:linear-gradient(125deg,#241328,#150b1b);border:1px solid #49354D88;border-radius:14px;text-align:left;margin:7px 0;min-height:82px}.service-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#301B35;width:53px;height:58px;border-radius:9px;color:#f65fbc}.service-symbol svg{width:30px;height:30px}.service-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.service-copy strong{font-size:13px;line-height:1.4}.service-copy small{font-size:11px;color:#BBAFC2}.card-arrow{color:#BBAFC2;font-size:24px}.selected,#clientcontent .choice.selected,.client-calendar .available.selected{background:#301B35;border:1px solid #EC168F!important;box-shadow:0 0 9px #ec168f44}#clientcontent .client-calendar .available.selected,#clientcontent .client-slots .selected{background:#EC168F;color:#fff}.client-calendar{gap:5px}.client-calendar button{aspect-ratio:1;min-height:32px;height:36px;padding:0;font-size:12px;border-radius:9px}.client-calendar .available{background:#168DE0;color:#fff;border:1px solid #58b4f444}.client-calendar .unavailable{background:#211527;color:#796b80;opacity:1;border-color:transparent}.client-calendar-panel{padding:12px}#clientcontent .panel{background:#241328;border:1px solid #49354D77;border-radius:16px}#clientcontent .step-note{font-size:12px;line-height:1.6;color:#BBAFC2}#clientcontent .client-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}#clientcontent .client-slots button{min-height:46px;background:#241328;border-radius:12px}.client-continue{width:100%;margin:18px 0 4px;min-height:48px}.client-design-editor{padding:12px}.photo-picker{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:24px 12px;border:1px dashed #bbafc299;border-radius:13px;text-align:center;color:#FF35B0;cursor:pointer}.photo-picker svg{width:32px;height:32px}.photo-picker small{font-size:11px;color:#BBAFC2}.photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.photo-preview{position:relative}.photo-preview img{width:100%;height:85px;object-fit:cover;border-radius:9px}.remove-photo{position:absolute;right:2px;top:2px;width:28px;min-height:28px;padding:0;background:#0b0610cc;font-size:21px;border-radius:50%}.design-note{display:flex;align-items:center;gap:12px}.design-note svg{color:#ff69c3;width:32px;flex-shrink:0}.design-note p{font-size:12px;line-height:1.6}.success-art{display:block;width:170px;height:170px;object-fit:cover;border-radius:50%;margin:10px auto}.success-note{text-align:center;font-size:14px;line-height:1.6}.client-empty{text-align:center;padding:27px 15px}.client-empty svg{color:#b95098;width:40px;height:40px;padding:15px;box-sizing:content-box;background:#241328;border-radius:50%}.client-empty p{font-size:12px;line-height:1.6}.status-pill{display:inline-block;font-size:10px;border-radius:8px;padding:6px 8px;margin-bottom:9px}.status-pill.active{background:#0c5e3c;color:#baf2d1}.status-pill.cancelled{background:#3d2330;color:#e9b5c3}#clientcontent .client-visit{padding:14px;margin-bottom:12px;border-radius:16px;background:#241328;border:1px solid #49354D77}#clientcontent .visit-actions{display:flex;gap:8px}#clientcontent .visit-actions button{flex:1;padding:8px;min-height:36px;font-size:12px}#clientcontent .client-visit>.choice{width:100%;margin-top:8px;text-align:center;min-height:36px;padding:8px;font-size:12px}.next-visit{padding:12px}.next-visit small{color:#ff78c7}.client-design-editor textarea{margin-top:7px;min-height:85px}body:not(.master-mode) button,body:not(.master-mode) a{transition:background .18s,border-color .18s,box-shadow .18s}#clientcontent .summary-list{background:#241328;border:1px solid #49354D77;border-radius:16px;padding:13px;line-height:1.5}#clientcontent .summary-list p{margin:8px 0;font-size:13px}@media(max-width:350px){.service-copy strong{font-size:12px}.service-symbol{width:44px}.client-calendar{gap:3px}.client-calendar button{height:32px}body:not(.master-mode) .hero-copy{width:65%}body:not(.master-mode) header h1{font-size:18px}}@media(prefers-reduced-motion:reduce){body:not(.master-mode) button{transition:none}}

body.uploading-design .topbar button,body.uploading-design .bottom-nav button{pointer-events:none;opacity:.45}

body:not(.master-mode){min-width:0;padding-bottom:calc(88px + max(env(safe-area-inset-bottom),var(--tg-bottom)))}

/* Approved confirmation screen: artwork is isolated from dynamic booking data. */
body.booking-success:not(.master-mode){background:#030104;padding-bottom:calc(16px + max(env(safe-area-inset-bottom),var(--tg-bottom)))}
body.booking-success .topbar,body.booking-success header,body.booking-success .bottom-nav,body.booking-success footer,body.booking-success .client-tabs{display:none}
body.booking-success #client-main{padding:0 12px;max-width:414px}
body.booking-success #notice:empty{display:none}
.booking-success-screen{padding:0 0 8px}
.booking-success-art{display:block;width:100%;height:auto;aspect-ratio:270/181;object-fit:contain;margin:0 auto}
#clientcontent .booking-success-title{font-size:clamp(21px,5.5vw,27px);line-height:1.2;text-align:center;margin:-2px 0 5px;font-weight:750;letter-spacing:-.5px}
.booking-success-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px;line-height:1.35;margin:0 0 12px;color:#f8edf6}
.booking-success-summary{overflow:hidden;border:1px solid #49354d66;border-radius:12px;background:linear-gradient(115deg,#241328,#120b17);margin:0 0 6px}
.booking-success-row{display:flex;align-items:center;gap:15px;padding:9px 15px;min-height:52px;border-bottom:1px solid #49354d44}
.booking-success-row:last-child{border-bottom:0}.booking-success-row>svg{width:25px;height:25px;color:#ff35b0;flex-shrink:0}.booking-success-nails{width:25px;font-size:24px;line-height:1;flex-shrink:0}
.booking-success-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}.booking-success-row small{font-size:12px;line-height:1.15;color:#BBAFC2}.booking-success-row div>span{font-size:14px;line-height:1.25;overflow-wrap:anywhere}
#clientcontent .booking-success-calendar,#clientcontent .booking-success-visits,#clientcontent .booking-success-extra{width:100%;min-height:49px;margin:6px 0 0;border-radius:12px;font-size:14px;line-height:1.3}
#clientcontent .booking-success-calendar{display:flex;align-items:center;justify-content:center;gap:12px;background:#ff009b;border-color:#ff35b077;font-weight:650}
#clientcontent .booking-success-calendar:hover{background:#ff35b0}
#clientcontent .booking-success-visits{background:linear-gradient(110deg,#241328,#110b15);border:1px solid #49354d88;font-weight:400;margin-top:7px}
@media(max-width:350px){.booking-success-row{padding:8px 12px;min-height:47px}.booking-success-row div>span{font-size:13px}}

#clientcontent .booking-success-visits{text-align:center}.booking-success-nails{height:25px;object-fit:contain}

.startup-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#0B0610;padding:24px}.startup-overlay[hidden]{display:none}.startup-card{max-width:340px;width:100%;padding:24px;text-align:center;background:#241328;border:1px solid #49354D;border-radius:18px}.startup-card strong{font-size:30px;color:#fff;text-shadow:0 0 12px #EC168F}.startup-card p{font-size:14px;color:#BBAFC2;line-height:1.5}.startup-card button{width:100%;background:#EC168F;color:#fff;min-height:44px}.startup-card button[hidden]{display:none}
