:root{--ink:#14213d;--ink-2:#26385f;--gold:#f5b301;--gold-d:#dca000;--gold-bg:#fff7dc;--bg:#f4f6fb;--card:#fff;--text:#1b2437;--muted:#55607a;--line:#dfe5f1;--ok:#0d7a50;--err:#b83232;--r:14px;--pole:repeating-linear-gradient(-45deg, var(--ink) 0 8px, #fff 8px 16px, var(--gold) 16px 24px);--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--nav-w:200px;color:var(--text);caret-color:var(--ink);accent-color:var(--ink);scrollbar-color:#b4bdd3 transparent;-webkit-tap-highlight-color:transparent;font:17px/1.45 Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.top :focus-visible,.toast :focus-visible,.count:not(.today) :focus-visible{outline-color:var(--gold)}h1,h2,h3{font-family:var(--display);color:var(--ink);letter-spacing:.01em;text-wrap:balance;margin:2rem 0 1rem;line-height:1.1}h2{font-size:1.6rem;font-weight:700}h3{font-size:1.25rem;font-weight:600}:is(h1,h2,h3):first-child{margin-top:0}.muted{color:var(--muted)}.sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field{margin-bottom:1.1rem;display:block}.field>span{color:var(--muted);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}input,select{width:100%;font:inherit;min-height:48px;color:var(--text);background:#fff;border:1.5px solid #7f8ba6;border-radius:12px;padding:.6rem .9rem;font-size:16px}input::placeholder{color:#64708a}input:focus-visible,select:focus-visible{border-color:var(--ink);outline-offset:1px}input[type=time]{font-variant-numeric:tabular-nums}input[type=checkbox]{width:1.4rem;height:1.4rem;min-height:0;padding:0}.check{align-items:center;gap:.6rem;min-height:44px;margin-bottom:1rem;font-weight:600;display:flex}.btn{cursor:pointer;width:100%;min-height:48px;font:inherit;color:var(--ink);background:var(--gold);text-align:center;border:0;border-radius:12px;padding:.7rem 1rem;font-weight:700;text-decoration:none;transition:transform .12s cubic-bezier(.2,.8,.2,1),background-color .15s;display:block}.btn:hover{background:var(--gold-d)}.btn:active{transform:scale(.98)}.btn.ghost{background:0 0;box-shadow:inset 0 0 0 1.5px #b9c2d6}.btn.ghost:hover{background:#fff}.btn.danger{color:var(--err);background:#fdeaea}.btn.danger:hover{background:#f9d6d6}.btn.small{width:auto;min-height:44px;padding:.55rem 1.15rem;font-size:.95rem;display:inline-block}.btns{gap:.75rem;margin-top:1.4rem;display:grid}.link{color:var(--ink-2);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;width:100%;min-height:44px;padding:.6rem;font-weight:700;text-decoration:underline}.link:hover{color:var(--ink)}.card{background:var(--card);border-radius:var(--r);margin-bottom:1.1rem;padding:1.4rem;position:relative;box-shadow:0 1px 2px #14213d14,0 6px 18px #14213d0d}.empty{text-align:center}.empty .btn{margin-top:.8rem}.pole{background:var(--pole);height:10px;position:absolute;inset:0 0 auto}.pole-top{background:var(--pole) top / 100% 10px no-repeat, var(--card);padding-top:1.6rem}.map{border:0;border-radius:12px;width:100%;height:220px;margin-bottom:.8rem;display:block}.auth{flex-direction:column;justify-content:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:1.5rem;display:flex}.auth>.muted{text-align:center;margin:.2rem 0 1.2rem}.brand{justify-content:center;align-items:center;gap:.7rem;display:flex}.brand h1{margin:0;font-size:2.6rem;font-weight:700}.logo{background:var(--ink);width:52px;height:52px;color:var(--gold);border-radius:50%;place-items:center;display:grid}body:has(.auth){background:linear-gradient(160deg, var(--gold-bg), var(--bg) 55%)}.legal{background:var(--card,#fff);width:min(680px,100vw - 2rem);max-height:85dvh;color:inherit;border:0;border-radius:12px;padding:1.2rem}.legal::backdrop{background:#00000080}.legal article{max-height:calc(85dvh - 5rem);padding-right:.4rem;font-size:.92rem;line-height:1.5;overflow-y:auto}.legal h2{margin:0 0 .2rem;font-size:1.3rem}.legal h3{margin:1.1rem 0 .3rem;font-size:1rem}.legal .legal-note{background:var(--gold-bg);border-radius:8px;padding:.5rem .7rem;font-size:.85rem}.legal-table{overflow-x:auto}.legal table{border-collapse:collapse;font-size:.85rem}.legal th,.legal td{text-align:left;vertical-align:top;border:1px solid #00000026;padding:.3rem .5rem}.legal>.btn{margin-top:.8rem}.terms{align-items:flex-start;gap:.5rem;margin:.4rem 0 .8rem;font-size:.85rem;display:flex}.terms input{margin-top:.2rem}.legal-links{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.top{z-index:7;background:var(--ink);color:#fff;align-items:center;gap:.75rem;min-height:64px;padding:.6rem 1rem;display:flex;position:sticky;top:0}.info{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.info b{overflow-wrap:anywhere}.info small{color:var(--muted);overflow-wrap:anywhere}.top .info b{color:#fff}.top .info small{color:#c3cce3}.top .link{width:auto;color:var(--gold)}.avatar{object-fit:cover;background:var(--gold);color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.page{padding:1.5rem 1.25rem 7rem}.page>*{max-width:960px;margin-inline:auto}.nav{z-index:6;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;justify-content:center;gap:.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{max-width:150px;min-height:56px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.8rem;font-weight:700;display:flex}.nav button[aria-current=page]{color:var(--ink);background:#f5b30133}.toast{z-index:20;border-radius:var(--r);background:var(--ink);color:#fff;align-items:flex-start;gap:.6rem;width:min(92vw,440px);padding:.85rem .6rem .85rem 1.1rem;animation:.28s cubic-bezier(.2,.8,.2,1) drop;display:flex;position:fixed;top:4.75rem;left:50%;translate:-50%;box-shadow:0 10px 28px #14213d55}.toast span{flex:1;padding-top:.35rem}.toast button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.toast button:hover{background:#ffffff1f}.toast.err{background:var(--err)}.auth~.toast{top:1rem}@keyframes drop{0%{opacity:0;transform:translateY(-10px)}}.split{gap:0 1.2rem;display:grid}.row{align-items:center;gap:1rem;display:flex}.card .info>b{font:700 1.25rem/1.2 var(--display);letter-spacing:.01em}.card .info>*+*{margin-top:.2rem}.with-icon{color:var(--ink-2);text-underline-offset:3px;align-items:center;gap:.3rem;display:inline-flex}.photo{cursor:pointer;color:var(--ink-2);align-items:center;gap:.9rem;width:fit-content;margin-bottom:1.5rem;font-weight:700;display:flex}.photo:has(:focus-visible){outline:3px solid var(--ink);outline-offset:4px;border-radius:12px}.err-t{font-weight:600;color:var(--err)!important}.client.off{background:#fbfcfe}.ask{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1.1rem}.ask p{margin:0 0 .8rem}.ask .btn{margin-top:.6rem}.ask .btn.small{width:100%;display:block}.tag{background:var(--gold);color:var(--ink);border-radius:999px;flex:none;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;padding-top:1.1rem;display:flex}.form-card{max-width:560px}.btn.icon{align-items:center;gap:.4rem;display:inline-flex}.card>.row+.btn,.card>.row+.ask{margin-top:1.3rem}.sr+:is(h2,h3){margin-top:0}.link.left{text-align:left;width:auto;margin-bottom:1rem;padding-inline:0}.btn.here{justify-content:center;margin-bottom:1.1rem}.btn:disabled{opacity:.7;cursor:progress}.day-h{margin:1.2rem 0 .5rem}.time{font:700 1.35rem var(--display);background:var(--ink);color:var(--gold);font-variant-numeric:tabular-nums;border-radius:10px;flex:none;padding:.3rem .7rem}.next{background:var(--gold-bg)}.days{gap:.6rem;margin-top:1rem;display:grid}.days .card{margin:0}.day summary{cursor:pointer;flex-direction:column;align-items:flex-start;gap:.2rem;min-height:44px;list-style:none;display:flex}.day summary::-webkit-details-marker{display:none}.day summary small{color:var(--muted)}.day summary small.ok-t{color:var(--ok);font-weight:700}.day form{margin-top:.9rem}.grid2{grid-template-columns:1fr 1fr;gap:0 .7rem;display:grid}.head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.head h2{margin:0}.head .link{width:auto;padding-block:0}.chips{gap:.75rem;margin-inline:-2px;padding:2px 2px .8rem;display:flex;overflow-x:auto}.chips button{border:2px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:14px;flex:none}.chips button[aria-pressed=true]{border-color:var(--gold);background:var(--gold-bg)}.barber{flex-direction:column;align-items:center;gap:.35rem;min-width:104px;padding:.7rem .9rem;font-size:.9rem;font-weight:700;display:flex}.date{flex-direction:column;align-items:center;min-width:60px;min-height:60px;padding:.45rem .7rem;display:flex}.date small{text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.date b{font:700 1.4rem/1 var(--display)}.date:disabled{opacity:.45;cursor:not-allowed}.slots{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.6rem;margin-bottom:1.2rem;display:grid}.slots button{border:2px solid var(--line);min-height:48px;font:700 1.1rem var(--display);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;background:#fff;border-radius:12px}.slots button[aria-pressed=true]{background:var(--ink);color:var(--gold);border-color:var(--ink)}.slots button:disabled{color:#667088;cursor:not-allowed;background:#e9ecf3;text-decoration:line-through}.spacer{height:5.5rem}.confirm{left:0;right:0;bottom:calc(4.4rem + env(safe-area-inset-bottom));z-index:5;border-top:1px solid var(--line);background:#fff;align-items:center;gap:.8rem;padding:.7rem 1rem;animation:.25s cubic-bezier(.2,.8,.2,1) rise;display:flex;position:fixed;box-shadow:0 -8px 20px #14213d14}.confirm .btn{width:auto;padding-inline:1.6rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.count{text-align:center;color:#fff;background:var(--ink);border-radius:20px;margin-bottom:1rem;padding:1.8rem 1rem 1.3rem;position:relative;overflow:hidden;box-shadow:0 10px 28px #14213d40}.count h2{color:var(--gold);margin:0 0 .1rem;font-size:1.7rem}.count .when{color:#dde4f4;margin:0 0 1rem;font-weight:600}.digits{justify-content:center;gap:.6rem;display:flex}.digits span{background:#ffffff1f;border-radius:14px;flex-direction:column;min-width:66px;padding:.55rem .3rem;display:flex}.digits b{font:700 2.4rem/1 var(--display);font-variant-numeric:tabular-nums}.digits small{color:#cfd8ee;font-size:.75rem}.count.today{background:var(--gold);color:var(--ink)}.count.today h2,.count.today .when,.count.today small{color:var(--ink)}.count.today .digits span{background:#14213d1f}.count.soon,.count.now{background:var(--ok)}.count.soon h2,.count.now h2{color:#fff}.count.soon .when,.count.now .when,.count.soon small,.count.now small{color:#e8f7f0}.count.soon{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 10px 36px #0d7a5099}}@media (width>=900px){.nav{width:var(--nav-w);border-top:0;border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:.3rem;padding:1rem .75rem;top:64px;right:auto}.nav button{flex-direction:row;flex:none;justify-content:flex-start;gap:.8rem;max-width:none;padding:.6rem .9rem;font-size:1rem}.nav button:hover{background:#f5b30126}.page{padding:2.2rem 2.5rem 4rem calc(var(--nav-w) + 2.5rem)}.page>*{margin-inline:0}.split{grid-template-columns:minmax(300px,380px) 1fr;align-items:start}.days{grid-template-columns:1fr 1fr;align-items:start}.btns{grid-template-columns:1fr 1fr}.confirm{left:var(--nav-w);bottom:0}.auth~.toast{top:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}