:root{--radius:16px;--display:"Sora", "Segoe UI", system-ui, sans-serif;--body:"DM Sans", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--page:#08090c;--bg:#0e0f13;--surface:#171922;--surface-2:#1e212c;--border:#2a2e3b;--text:#f2f0ec;--text-dim:#8b90a0;--on-accent:#0e0f13;--placeholder:#565c6b;--accent:#c9a84c;--accent-2:#e4c876;--glow:#c9a84c24}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--page:#f4f3f0;--bg:#fbfaf8;--surface:#fff;--surface-2:#f2f0eb;--border:#e3e0d8;--text:#1a1b20;--text-dim:#6b7080;--placeholder:#a7abb6}}:root[data-theme=light]{--page:#f4f3f0;--bg:#fbfaf8;--surface:#fff;--surface-2:#f2f0eb;--border:#e3e0d8;--text:#1a1b20;--text-dim:#6b7080;--placeholder:#a7abb6}:root[data-theme=dark]{--page:#08090c;--bg:#0e0f13;--surface:#171922;--surface-2:#1e212c;--border:#2a2e3b;--text:#f2f0ec;--text-dim:#8b90a0;--placeholder:#565c6b}:root[data-vertical=lavarapido]{--accent:#c9a84c;--accent-2:#e4c876;--glow:#c9a84c26}:root[data-vertical=barbearia]{--accent:#d69a4c;--accent-2:#eab971;--glow:#d69a4c26}:root[data-vertical=petshop]{--accent:#3f9e93;--accent-2:#7fd3c9;--glow:#4fb0a529}:root[data-vertical=salao]{--accent:#c86fa6;--accent-2:#e19bc6;--glow:#c86fa629}:root[data-theme=light],:root:not([data-theme=dark]){--accent-price:var(--accent)}:root{--accent-price:var(--accent-2)}:root[data-theme=light]{--accent-price:var(--accent)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--accent-price:var(--accent)}}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--page)}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}.wrap{max-width:440px;min-height:100svh;margin:0 auto;padding:32px 22px 48px;position:relative}.wrap:before{content:"";background:radial-gradient(circle, var(--glow), transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:360px;height:240px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.wrap>*{z-index:1;position:relative}.brand-row{align-items:center;gap:12px;display:flex}.brand-row h1{flex:1}.tema-btn{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text-dim);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;transition:color .12s ease-out,border-color .12s ease-out;display:grid}.tema-btn:hover{color:var(--text);border-color:var(--accent)}.tema-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:38px;height:38px;font-family:var(--display);color:var(--on-accent);box-shadow:0 4px 14px var(--glow);border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid}.brand-logo{object-fit:contain;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:44px;height:44px;padding:4px}h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-size:23px;font-weight:700;line-height:1.15}.steps{gap:6px;margin-top:22px;display:flex}.step{background:var(--border);border-radius:2px;flex:1;height:3px;transition:background .2s ease-out}.step.done{background:var(--accent)}.step.now{background:linear-gradient(90deg, var(--accent) 55%, var(--border) 55%)}.eyebrow{font-family:var(--mono);letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:10px;margin:26px 0 14px;font-size:11px;display:flex}.eyebrow:after{content:"";background:var(--border);flex:1;height:1px}.eyebrow.no-mb{margin:0}.eyebrow.no-mb:after{display:none}.list{flex-direction:column;gap:10px;list-style:none;display:flex}.card{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--body);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:transform .12s ease-out,border-color .12s ease-out,background .12s ease-out;display:flex}.card:hover{border-color:var(--accent);background:var(--surface-2)}.card:active{transform:scale(.98)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-main{flex-direction:column;gap:3px;display:flex}.card-name{font-size:15.5px;font-weight:600}.card-meta{font-family:var(--mono);color:var(--text-dim);font-size:12px}.card-price{font-family:var(--display);color:var(--accent-price);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.recap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:7px;margin-top:22px;padding:14px 16px;display:flex}.r-line{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.r-k{color:var(--text-dim)}.r-v{text-align:right;font-weight:600}.date-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-size:15px;font-family:var(--body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:12px;padding:15px 16px}@media (prefers-color-scheme:dark){.date-input{--lightningcss-light: ;--lightningcss-dark:initial}}.date-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.label-row{justify-content:space-between;align-items:center;margin:26px 0 14px;display:flex}.back{cursor:pointer;color:var(--text-dim);font-size:13px;font-family:var(--body);background:0 0;border:none;align-items:center;gap:4px;display:inline-flex}.back:hover{color:var(--text)}.slots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.slot{background:var(--surface);border:1px solid var(--border);text-align:center;cursor:pointer;color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:12px;padding:13px 0;font-size:14px;transition:transform .12s ease-out,border-color .12s ease-out,color .12s ease-out}.slot:hover{border-color:var(--accent);color:var(--accent-price)}.slot:active{transform:scale(.96)}.slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vazio{color:var(--text-dim);padding:8px 0;font-size:14px}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field-label{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.field input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-size:15px;font-family:var(--body);border-radius:12px;padding:14px 15px}.field input::placeholder{color:#565c6b}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.cta{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:100%;color:var(--on-accent);font-family:var(--display);box-shadow:0 8px 22px var(--glow);border:none;border-radius:14px;margin-top:6px;padding:16px;font-size:16px;font-weight:700;transition:transform .12s ease-out,opacity .12s ease-out}.cta:active{transform:scale(.98)}.cta:disabled{opacity:.6;cursor:default}.cta:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.ok-wrap{text-align:center;padding-top:30px}.ok-badge{background:radial-gradient(circle at 30% 30%, var(--accent-2), var(--accent));width:78px;height:78px;color:var(--on-accent);box-shadow:0 0 0 8px var(--glow), 0 12px 30px var(--glow);border-radius:50%;place-items:center;margin:0 auto 22px;animation:.4s ease-out pop;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.ok-title{font-family:var(--display);letter-spacing:-.02em;margin-bottom:22px;font-size:27px;font-weight:700}.ok-ticket{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;gap:14px;margin-bottom:20px;padding:20px;display:flex}.t-row{align-items:center;gap:12px;display:flex}.t-ic{background:var(--surface-2);width:36px;height:36px;color:var(--accent-price);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.t-body{flex-direction:column;gap:2px;display:flex}.t-k{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}.t-v{font-size:15px;font-weight:600}.ok-sub{color:var(--text-dim);font-size:14px;line-height:1.55}.loading,.erro-box{text-align:center;color:var(--text-dim);padding-top:80px}.erro{color:#e0736b;font-size:14px}.cal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;padding:16px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cal-titulo{font-family:var(--display);text-transform:capitalize;font-size:15px;font-weight:600}.cal-nav{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:8px;place-items:center;transition:color .12s ease-out,border-color .12s ease-out;display:grid}.cal-nav:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.cal-nav:disabled{opacity:.35;cursor:default}.cal-nav.flip svg{transform:rotate(180deg)}.cal-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cal-semana{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;display:grid}.cal-dow{text-align:center;font-family:var(--mono);color:var(--text-dim);padding:4px 0;font-size:11px}.cal-grade{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-vazio{aspect-ratio:1}.cal-dia{aspect-ratio:1;color:var(--text);cursor:pointer;font-family:var(--body);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:9px;font-size:14px;transition:background .12s ease-out,color .12s ease-out}.cal-dia:hover:not(:disabled){background:var(--surface-2)}.cal-dia:disabled{color:var(--text-dim);opacity:.4;cursor:default}.cal-dia.sel{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--on-accent);font-weight:700}.cal-dia:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){*,.card,.slot,.cta,.ok-badge{transition:none!important;animation:none!important}}