/*! (c) 2026 Online Navbat. Barcha huquqlar himoyalangan. Nusxa ko'chirish va tarqatish taqiqlanadi. */
:root{--bg: #0d0d0f;--surface: #16161a;--surface-2: #1d1d22;--sunken: #111114;--ink: #f2ece1;--muted: #a39c90;--line: #2a2a30;--line-strong: #3b3b43;--accent: #c9a45c;--accent-ink: #15110a;--accent-soft: rgba(201, 164, 92, .14);--accent-deep: #e6c98e;--turq: #7fd1a0;--turq-soft: rgba(127, 209, 160, .13);--ok: #7fd1a0;--ok-soft: rgba(127, 209, 160, .12);--warn: #f0b85a;--warn-soft: rgba(240, 184, 90, .12);--danger: #ff7d6e;--danger-soft: rgba(255, 125, 110, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .6);--tile: none;--photo-shade: linear-gradient(180deg, rgba(13, 13, 15, .1) 30%, rgba(13, 13, 15, .85));--font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;--font-body: "Onest", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--radius: 14px;--radius-sm: 10px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}:root[data-theme=light]{--bg: #f4efe6;--surface: #fffdf9;--surface-2: #efe8dc;--sunken: #e7dfd1;--ink: #17140f;--muted: #6d655a;--line: #e2d9ca;--line-strong: #cdbfa9;--accent: #8f6b2c;--accent-ink: #ffffff;--accent-soft: rgba(143, 107, 44, .12);--accent-deep: #5f4519;--turq: #1d7a52;--turq-soft: #dcefe4;--ok: #1d7a52;--ok-soft: #dcefe4;--warn: #9a5a0a;--warn-soft: #f8ead3;--danger: #b5352b;--danger-soft: #fae3df;--shadow-sm: 0 1px 2px rgba(40, 30, 10, .06);--shadow: 0 1px 2px rgba(40, 30, 10, .05), 0 10px 28px rgba(60, 40, 10, .09);--shadow-lg: 0 26px 60px rgba(60, 40, 10, .16);color-scheme:light}*{box-sizing:border-box}html,body{margin:0}html{scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{line-height:1.2;margin:0 0 .4em;text-wrap:balance}h1,h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}h2{font-size:1.35rem}h3{font-size:1.02rem;font-weight:700}p{margin:0 0 1em}.muted{color:var(--muted)}.small{font-size:.875rem}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.tnum{font-variant-numeric:tabular-nums}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.topbar .container{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;white-space:nowrap}.logo .dot{width:30px;height:30px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:.85rem;border-radius:50%;box-shadow:0 0 0 3px var(--accent-soft)}.logo .tag{font-family:var(--font-body);font-size:.72rem;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase}.topbar nav{display:flex;align-items:center;gap:6px}.topbar nav a{color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:600;padding:8px 10px;border-radius:10px}.topbar nav a:hover{color:var(--ink);background:var(--surface-2)}.theme-toggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:1.05rem}.theme-toggle:hover{border-color:var(--line-strong)}@media(max-width:560px){.topbar nav a.optional{display:none}}.btn{-webkit-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;padding:12px 20px;min-height:46px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s var(--ease),background .15s,border-color .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.btn-dark{background:var(--ink);color:var(--bg)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--line-strong);background:var(--surface-2)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-sm{padding:7px 12px;min-height:36px;font-size:.875rem;border-radius:10px;box-shadow:none}.btn-block{width:100%}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--accent);font-weight:700;cursor:pointer;text-decoration:none}.link-btn:hover{text-decoration:underline}label.field,.field{display:block;margin-bottom:16px}label.field>span,.field-label{display:block;font-size:.875rem;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}input[type=checkbox]{width:auto;accent-color:var(--accent)}textarea{resize:vertical;min-height:84px}.phone-input{display:flex;align-items:stretch}.phone-input .prefix{padding:12px;border:1px solid var(--line-strong);border-right:0;border-radius:12px 0 0 12px;background:var(--surface-2);font-weight:700}.phone-input input{border-radius:0 12px 12px 0}.field.invalid input,.field.invalid .prefix{border-color:var(--danger)}.field-error{display:block;color:var(--danger);font-size:.85rem;font-weight:600;margin-top:6px}.field-hint{display:block;color:var(--muted);font-size:.85rem;margin-top:6px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.pad{padding:20px}.alert{padding:12px 14px;border-radius:12px;margin:12px 0;font-size:.95rem}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-ok{background:var(--ok-soft);color:var(--ok)}.alert-info{background:var(--accent-soft);color:var(--accent)}.badge,.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--surface-2);color:var(--muted);white-space:nowrap}.chip-turq,.badge-completed,.badge-paid{background:var(--turq-soft);color:var(--turq)}.badge-confirmed,.chip-accent{background:var(--accent-soft);color:var(--accent)}.badge-cancelled,.badge-refund{background:var(--danger-soft);color:var(--danger)}.badge-no_show{background:var(--surface-2);color:var(--muted)}.badge-pending,.chip-warn{background:var(--warn-soft);color:var(--warn)}.dot-live{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}.avatar{width:52px;height:52px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:1rem;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.any{background:var(--accent);color:var(--accent-ink)}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}.skel{background:linear-gradient(90deg,var(--surface-2),var(--sunken),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:12px}@keyframes shimmer{to{background-position:-200% 0}}.enter{animation:enter .32s var(--ease)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.hero{position:relative;padding-block:92px 76px;overflow:hidden;isolation:isolate;color:var(--ink);--ink: #f2ece1;--muted: #c6beb1;--surface: #17171b;--surface-2: #1f1f24;--line: #36363d;--sunken: #121215;--accent: #c9a45c;--accent-ink: #15110a;--accent-soft: rgba(201, 164, 92, .16);color-scheme:dark;background:#0d0d0f url(/img/hero.jpg) center / cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0a0cf7,#0a0a0cd6 40%,#0a0a0c4d),linear-gradient(0deg,rgba(10,10,12,.75),transparent 35%)}.hero .container{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}.hero h1{font-size:clamp(2.1rem,5.4vw,3.9rem);line-height:1.04;font-weight:800;letter-spacing:-.025em;margin-bottom:.35em}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{color:var(--muted);font-size:1.12rem;max-width:48ch}.search{display:flex;gap:8px;max-width:520px;margin-top:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:var(--shadow)}.search input{border:0;box-shadow:none;background:transparent;padding:10px 12px}.search input:focus{box-shadow:none}.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:22px;position:relative}.hero-card .when{font-family:var(--font-display);font-size:2.4rem;font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:6px 0}.hero-card .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px dashed var(--line);font-size:.95rem}@media(max-width:820px){.hero .container{grid-template-columns:1fr;gap:28px}.hero{padding-block:48px 36px;background-position:65% center}.hero:before{background:linear-gradient(180deg,#0a0a0cb8,#0a0a0ceb 60%)}}.photo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:8px}.photo-card{position:relative;display:block;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);text-decoration:none;color:#f2ece1;background:#1d1d22}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}.photo-card:hover img{transform:scale(1.05)}.photo-card span{position:absolute;inset:auto 0 0;padding:48px 16px 14px;background:linear-gradient(180deg,transparent,rgba(10,10,12,.88))}.photo-card b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.05rem}.photo-card small{color:#cfc6b8;font-size:.85rem}.photo-card .go{position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#c9a45c;color:#15110a;font-weight:800}@media(max-width:720px){.photo-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.photo-card{scroll-snap-align:start}}.steps-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:8px 24px}.steps-strip>div{padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.steps-strip b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);margin-bottom:10px}.steps-strip h3{margin:0 0 4px}.steps-strip p{margin:0;color:var(--muted);font-size:.92rem}@media(max-width:720px){.steps-strip{grid-template-columns:1fr}}section h2{margin-top:28px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.shop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px;margin-bottom:48px}.shop-card{text-decoration:none;display:block;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s}.shop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.shop-card .cover{height:172px;position:relative;background:linear-gradient(135deg,#1f1f24,#2c2516);border-bottom:1px solid var(--line)}.shop-card .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,10,12,.55))}.shop-card .cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}.shop-card:hover .cover img{transform:scale(1.04)}.shop-card .monogram{position:absolute;z-index:1;left:18px;bottom:-22px;width:52px;height:52px;border-radius:14px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;box-shadow:0 0 0 4px var(--surface)}.shop-card .pad{padding-top:32px}.shop-card h3{font-family:var(--font-display);font-weight:700;font-size:1.12rem;letter-spacing:-.01em}.shop-head{padding-block:20px 0}.shop-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:22px;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}.shop-hero:before{content:none}.shop-hero .cover-bg{position:absolute;inset:0;background-size:cover;background-position:center}.shop-hero .cover-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0cf0,#0a0a0cb3 55%,#0a0a0c59),linear-gradient(0deg,rgba(10,10,12,.6),transparent 50%)}.shop-hero.has-cover{min-height:200px;align-items:end;padding:26px;border-color:#2e2e34;color:#f2ece1;--ink: #f2ece1;--muted: #c6beb1;--surface-2: #1f1f24;--line: #3a3a42;--accent: #c9a45c;--accent-ink: #15110a;color-scheme:dark}.shop-hero>:not(.cover-bg){position:relative}.shop-hero .mark{width:64px;height:64px;border-radius:16px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.2rem}.shop-hero h1{font-size:clamp(1.4rem,3.6vw,2.1rem);font-weight:800;margin:0 0 6px}.shop-hero .meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:.92rem;align-items:center}.shop-hero .meta a{color:var(--muted)}.shop-hero .links{display:flex;gap:8px}@media(max-width:680px){.shop-hero{grid-template-columns:auto minmax(0,1fr)}.shop-hero .links{grid-column:1 / -1}.shop-hero .mark{width:52px;height:52px;border-radius:16px}}.steps{display:flex;gap:6px;margin:20px 0;padding-bottom:8px;overflow-x:auto;scrollbar-width:none}.steps::-webkit-scrollbar{display:none}.step-pill{flex:1 0 auto;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:12px;font:inherit;font-size:.88rem;font-weight:700;background:transparent;color:var(--muted);border:1px solid transparent;position:relative}.step-pill .n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);font-size:.8rem;flex:none}.step-pill.done{color:var(--ink);cursor:pointer}.step-pill.done .n{background:var(--turq-soft);color:var(--turq)}.step-pill.done:hover{background:var(--surface);border-color:var(--line)}.step-pill.active{color:var(--ink);background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm)}.step-pill.active .n{background:var(--accent);color:var(--accent-ink)}.step-pill:after{content:"";position:absolute;left:8px;right:8px;bottom:-7px;height:3px;border-radius:3px;background:var(--line)}.step-pill.done:after{background:var(--turq)}.step-pill.active:after{background:var(--accent)}.book-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start;padding-bottom:140px}.book-layout>*{min-width:0}@media(max-width:900px){.book-layout{grid-template-columns:1fr}.summary-side{display:none}}.step-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.step-head h2{margin:0;outline:none}.step-head p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.back-btn{width:40px;height:40px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:1.1rem;display:grid;place-items:center}.back-btn:hover{border-color:var(--line-strong)}.list{display:grid;gap:10px}.option{display:flex;gap:14px;align-items:center;padding:16px;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;font:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s var(--ease),background .15s}.option:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:var(--shadow)}.option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface));box-shadow:0 0 0 3px var(--accent-soft)}.option .grow{flex:1;min-width:0}.option .title{font-weight:700}.option .sub{color:var(--muted);font-size:.9rem}.option .price{font-weight:800;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.option .meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.check{width:24px;height:24px;border-radius:8px;border:1.5px solid var(--line-strong);flex:none;display:grid;place-items:center;color:transparent;font-size:.85rem;font-weight:800;transition:background .15s,border-color .15s}.option.selected .check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.check.round{border-radius:50%}.barber-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 14px;align-items:center}.barber-card .next{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 12px;border-radius:12px;background:var(--surface-2);flex-wrap:wrap}.barber-card .next b{font-variant-numeric:tabular-nums}.bio{color:var(--muted);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.days-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.days-head .month{font-weight:700}.days-nav{display:flex;gap:6px}.days{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scroll-behavior:smooth}.day{flex:none;width:68px;padding:10px 0 8px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);text-align:center;cursor:pointer;font:inherit;scroll-snap-align:start;transition:border-color .15s,background .15s}.day:hover:not(:disabled){border-color:var(--line-strong)}.day .wd{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.day .dn{font-family:var(--font-display);font-weight:600;font-size:1.3rem;line-height:1.3}.day .mn{font-size:.7rem;font-weight:700;color:var(--turq)}.day:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-2)}.day:disabled .mn{color:var(--muted)}.day.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.day.selected .wd,.day.selected .mn{color:color-mix(in srgb,var(--accent-ink) 82%,transparent)}.slot-group h4{display:flex;align-items:center;gap:8px;margin:18px 0 10px;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.slot-group h4 .chip{text-transform:none;letter-spacing:0}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}.slot{padding:11px 0;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .12s,background .12s,transform .12s var(--ease)}.slot:hover{border-color:var(--accent)}.slot.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:scale(1.03)}.summary h3{font-family:var(--font-display);font-weight:600;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center}.summary .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:.95rem}.summary .row>:last-child{text-align:right;font-variant-numeric:tabular-nums}.summary .sep{border-top:1px dashed var(--line-strong);margin:8px 0}.summary .total{font-weight:800;font-size:1.08rem}.summary .edit{font-size:.82rem;margin-left:6px}.summary-side{position:sticky;top:84px}.summary-side .card{overflow:hidden}.summary-side .card:before{content:"";display:block;height:10px;margin:-20px -20px 16px;background:var(--accent-soft) var(--tile);background-size:28px}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -12px 30px color-mix(in srgb,var(--ink) 10%,transparent);padding-block:10px calc(10px + env(safe-area-inset-bottom,0px))}.bottom-bar .container{display:flex;align-items:center;justify-content:space-between;gap:12px}.bottom-bar .info{min-width:0;font-size:.88rem;color:var(--muted);background:none;border:0;padding:4px 0;text-align:left;font-family:inherit;cursor:pointer}.bottom-bar .info{flex:1 1 auto}.bottom-bar .info b{display:block;font-size:1.05rem;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.bottom-bar .info .caret{display:inline-block;transition:transform .2s}.bottom-bar.open .info .caret{transform:rotate(180deg)}.bottom-bar .btn{min-width:150px;flex:0 1 auto}.bottom-bar .sheet{display:none;padding-block:6px 12px;margin-bottom:8px;max-height:50vh;overflow:auto;border-bottom:1px dashed var(--line-strong)}.bottom-bar.open .sheet{display:block;animation:enter .25s var(--ease)}@media(min-width:901px){.bottom-bar{display:none}.book-layout{padding-bottom:60px}}@media(max-width:900px){#submit-btn{display:none}}.empty{text-align:center;padding:28px 16px;color:var(--muted)}.empty-card{text-align:center;padding:28px 18px;border:1.5px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted)}.empty-card .btn{margin-top:12px}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:60;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:14px;font-weight:600;font-size:.92rem;box-shadow:var(--shadow-lg);animation:enter .25s var(--ease);max-width:calc(100vw - 32px)}.pay-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.pay-option{position:relative;flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.pay-option .check{position:absolute;top:12px;right:12px}.pay-logo{height:30px;padding:0 10px;border-radius:8px;display:inline-grid;place-items:center;font-weight:800;font-size:.85rem;background:var(--surface-2)}.pay-click{background:#0096e624;color:#3aa8ec}.pay-payme{background:#00aaa024;color:#22b8ae}.pay-box{border:1.5px dashed var(--accent);background:var(--accent-soft);border-radius:var(--radius);padding:16px;margin:0 0 16px}.confirm-wrap{max-width:600px;margin:28px auto 64px;display:grid;gap:14px}.ticket{overflow:hidden}.ticket-top{padding:22px 20px 20px;text-align:center;background:var(--accent-soft) var(--tile);border-bottom:1.5px dashed var(--line-strong);position:relative}.ticket-top h1{font-size:clamp(1.3rem,4vw,1.7rem)}.big-check{width:60px;height:60px;border-radius:20px;background:var(--ok);color:var(--surface);display:grid;place-items:center;font-size:1.8rem;margin:0 auto 12px;box-shadow:0 10px 24px color-mix(in srgb,var(--ok) 35%,transparent);animation:pop .5s var(--ease)}.big-check.cancel{background:var(--danger);box-shadow:none}.big-check.wait{background:var(--warn)}@keyframes pop{0%{transform:scale(.6);opacity:0}}.code-box{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.24em;font-weight:700;color:var(--accent);background:var(--surface);padding:8px 18px;border-radius:12px;border:1px solid var(--line);display:inline-block}.countdown{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 12px;font-size:.95rem}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding-bottom:16px;position:relative}.timeline li:before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--line)}.timeline li:last-child{padding-bottom:0}.timeline li:last-child:before{display:none}.timeline .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:var(--surface-2);color:var(--muted);border:2px solid var(--line)}.timeline li.done .ic{background:var(--turq);border-color:var(--turq);color:var(--surface)}.timeline li.now .ic{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.timeline b{display:block}.timeline span{color:var(--muted);font-size:.88rem}.tabs{display:flex;gap:4px;margin:18px 0;overflow-x:auto;background:var(--surface-2);padding:4px;border-radius:14px}.tab{padding:9px 14px;border:0;background:none;font:inherit;font-weight:700;color:var(--muted);cursor:pointer;border-radius:10px;white-space:nowrap}.tab.active{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.toolbar input,.toolbar select{width:auto;padding:8px 12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.stat{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat b{display:block;font-family:var(--font-display);font-weight:600;font-size:1.3rem;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2)}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}@media(max-width:600px){.grid-2{grid-template-columns:1fr}}.hours-grid{display:grid;grid-template-columns:120px 1fr 1fr;gap:6px 10px;align-items:center}.hours-grid input[type=time]{padding:6px 8px}.hours-grid label{display:flex;gap:8px;align-items:center;font-weight:600;font-size:.9rem}dialog{border:1px solid var(--line);border-radius:20px;padding:0;width:min(560px,calc(100vw - 32px));background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg)}dialog::backdrop{background:#050a148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog form{padding:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}footer.site{padding-block:24px 32px;color:var(--muted);font-size:.88rem;border-top:1px solid var(--line)}footer.site a{color:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.cat-filter{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none}.cat-filter::-webkit-scrollbar{display:none}.chip-btn{flex:none;font:inherit;font-size:.875rem;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.chip-btn:hover{border-color:var(--line-strong)}.chip-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.signup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:start;padding:40px 0 64px}.signup>*{min-width:0}.signup .perks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}.signup .perks li{display:flex;gap:12px;align-items:flex-start}.signup .perks b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:.85rem}.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cat-grid label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem}.cat-grid input{width:auto;margin:0;accent-color:var(--accent)}.cat-grid label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.slug-input{display:flex;align-items:stretch;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--surface)}.slug-input span{display:flex;align-items:center;padding:0 4px 0 14px;color:var(--muted);font-size:.9rem;white-space:nowrap}.slug-input input{border:0;border-radius:0;padding-left:2px;min-width:0}.slug-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hint{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}@media(max-width:820px){.signup{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}}.onboard ol{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.onboard li{display:flex;gap:12px;align-items:center}.onboard li .tick{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;font-size:.8rem;font-weight:800}.onboard li.done .tick{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.onboard li.done .what{color:var(--muted);text-decoration:line-through}.onboard .grow{flex:1;min-width:0}@supports not (color: color-mix(in srgb,red 50%,blue)){.topbar{background:var(--bg)}.btn-primary:hover:not(:disabled){filter:brightness(.92)}input::placeholder,textarea::placeholder{color:var(--muted)}.option.selected{background:var(--accent-soft)}.day.selected .wd,.day.selected .mn{color:var(--accent-ink);opacity:.82}}.in-tg .topbar{display:none}.in-tg body{padding-top:4px}.tg-head{padding:18px 0 6px}.tg-head h1{font-size:24px;margin:0 0 4px}.tg-search{width:100%;margin:10px 0 14px}.tg-mine{display:grid;gap:10px;margin-bottom:18px}.tg-mine a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:inherit}