*{box-sizing:border-box}body{margin:0;background:#fbf0f3;color:#302a32;font:18px/1.5 Arial,sans-serif}#app{max-width:760px;margin:24px auto;background:#fffdfd;border:1px solid #ead7de;border-radius:24px;overflow:hidden}header{padding:26px 24px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:25px;margin:0}h2{font-size:23px;margin:18px 0}p{margin:4px 0 16px;color:#685d69}main{padding:12px 24px 28px}button,input,select,textarea{font:inherit;min-height:48px;padding:12px;border:1px solid #d9c4cc;border-radius:12px;background:#fffdfd;color:inherit}button{cursor:pointer}button:hover{background:#f9e6ed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a23e60;outline-offset:3px}.primary,.selected{background:#a23e60;color:white;border-color:#a23e60}.primary:hover,.selected:hover{background:#872f4d}.full{width:100%}.row{display:flex;gap:10px;align-items:center;margin:16px 0;flex-wrap:wrap}.row>*{flex:1;min-width:100px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:16px 0 24px}.week button{padding:10px 0;font-size:14px;min-width:0;border:0}.week strong{display:block;font-size:20px}.appointment{display:flex;align-items:center;gap:22px;text-align:left;width:100%;padding:18px 14px;margin:12px 0}.appointment strong{display:block}.appointment small{display:block;color:#685d69;font-size:15px}.confirmed{color:#35664b!important}.time{font-weight:bold}label{display:block;margin:18px 0 8px}input,select,textarea{width:100%;min-width:0}nav{display:grid;grid-template-columns:1fr 1fr;padding:12px;border-top:1px solid #ead7de;gap:10px}nav button{border:0}footer{font-size:13px;text-align:center;color:#685d69;padding:8px 16px 16px}.back{border:0;padding-left:0;background:transparent}.client{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #ead7de}.client div{overflow-wrap:anywhere}.client small{display:block;color:#685d69}.error{color:#963a43}.empty{padding:28px 0}.hint{font-size:15px}.danger{color:#963a43}.badge{font-size:15px;color:#35664b}.details{padding:16px 0}summary{cursor:pointer;padding:12px 0}a{color:#a23e60}@media(max-width:600px){#app{margin:0;border:0;border-radius:0}header{padding:24px 18px 12px}main{padding:10px 18px 24px}h1{font-size:23px}body{background:#fffdfd}.row>*{min-width:100px}}
header{padding-top:max(26px,env(safe-area-inset-top))}footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}button:disabled{opacity:.65;cursor:wait}details>button{margin:4px}input,select,textarea{font-size:18px}textarea{resize:vertical}.danger{margin-top:16px}

.brand-heading{display:flex;gap:16px;align-items:center;min-width:0}.studio-logo{display:block;width:138px;height:132px;object-fit:contain;flex-shrink:0;border-radius:12px}.brand-heading>div{min-width:0}.brand-heading h1{font-size:23px;overflow-wrap:anywhere}.brand-heading p{margin:6px 0 0}header{border-bottom:3px solid #83bec2;margin-bottom:12px}#settings{flex-shrink:0}.confirmed{color:#275f63!important}.client{border-bottom-color:#e9d7df}@media(max-width:600px){.studio-logo{width:90px;height:88px}.brand-heading{gap:10px}.brand-heading h1{font-size:19px}.brand-heading p{font-size:15px}header{gap:8px}#settings{padding:10px;min-width:44px}}
