:root{--bg:#f7f3e6;--surface:#fffdf7;--surface-2:#f0ead2;--line:#e2dac1;--text:#2e2621;--muted:#6c584c;--accent:#adc178;--accent-ink:#2e2621;--accent-soft:color-mix(in oklab, var(--accent) 22%, var(--surface));--accent-text:color-mix(in oklab, var(--accent) 50%, var(--text));--danger:#b4322c;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1e1a17;--surface:#27221e;--surface-2:#302a25;--line:#3b342e;--text:#f0ead2;--muted:#b8a999;--accent:#adc178;--accent-ink:#1e1a17;--accent-soft:color-mix(in oklab, var(--accent) 22%, var(--surface));--accent-text:color-mix(in oklab, var(--accent) 70%, var(--text));--danger:#ff7a70;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#1e1a17;--surface:#27221e;--surface-2:#302a25;--line:#3b342e;--text:#f0ead2;--muted:#b8a999;--accent:#adc178;--accent-ink:#1e1a17;--accent-soft:color-mix(in oklab, var(--accent) 22%, var(--surface));--accent-text:color-mix(in oklab, var(--accent) 70%, var(--text));--danger:#ff7a70;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,textarea{font:inherit;color:inherit}h1{letter-spacing:-.01em;margin:0;font-size:24px}h2{margin:24px 0 12px;font-size:19px}p{margin:0 0 8px}.page{max-width:560px;margin:0 auto;padding:20px 16px 40px}.center{text-align:center;place-content:center;gap:8px;min-height:70vh;display:grid}.muted{color:var(--muted)}.small{font-size:14px}.error{color:var(--danger)}.label{color:var(--muted);margin:16px 0 8px;font-size:14px}.salon-header{border-bottom:1px solid var(--line);margin-bottom:8px;padding:8px 0 4px}.salon-logo{object-fit:contain;max-width:min(240px,70%);max-height:72px;margin:8px 0 4px;display:block}.salon-header p{margin:4px 0 8px}.crumbs{align-items:center;gap:12px;margin-top:8px;display:flex}.link{color:var(--accent-text);cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 0}.link:disabled{color:var(--muted);opacity:.5;cursor:default}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:48px;padding:0 18px;font-weight:600}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;width:100%}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.6}.cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.card{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;align-items:center;gap:12px;width:100%;min-height:64px;padding:14px 16px;display:flex}.card:hover{border-color:var(--accent)}.card-main{flex-direction:column;flex:1;gap:2px;display:flex}.price{white-space:nowrap;font-weight:600}.avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.recommended{flex-direction:column;gap:8px;display:flex}.slot{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-variant-numeric:tabular-nums;min-height:48px;padding:10px 14px}.recommended .slot{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.slot.recommended{border-color:var(--accent);background:var(--accent-soft)}.slot:hover{border-color:var(--accent)}.day-strip{scrollbar-width:thin;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.day{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;text-transform:capitalize;flex-direction:column;flex:none;align-items:center;width:58px;padding:8px 0;display:flex}.day[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.day.none{opacity:.35;cursor:default}.times{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:12px 0;display:grid}.row{gap:10px;display:flex}.row>*{flex:1}.row-between{justify-content:space-between;display:flex}.summary{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:4px;margin:12px 0;padding:14px 16px;display:flex}.summary.cancelled{opacity:.7;text-decoration:line-through}.form{flex-direction:column;gap:12px;display:flex}label{flex-direction:column;gap:6px;font-size:15px;font-weight:500;display:flex}input,textarea{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:48px;padding:10px 12px;font-size:16px}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.consents{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}label.check{flex-direction:row;align-items:center;gap:10px;font-weight:400}label.check input{width:22px;height:22px;min-height:auto;accent-color:var(--accent)}.done{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:24px;display:flex}.check-circle{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:32px;display:grid}.big{font-size:20px;font-weight:600}.empty{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.confirm-box{border-radius:var(--radius);border:1px solid var(--danger);margin:12px 0;padding:14px 16px}.powered{text-align:center;margin-top:40px}.question{border:0;margin:0 0 16px;padding:0}.question legend{margin-bottom:8px;font-weight:600}.options{flex-wrap:wrap;gap:8px;display:flex}.option{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;min-height:48px;padding:0 18px}.option.selected{background:var(--accent);color:var(--accent-ink);border-color:#0000}.question-summary{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.blocked{border-radius:var(--radius);border:1px solid var(--accent);flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.blocked a.btn{color:inherit;align-items:center;text-decoration:none;display:inline-flex}
