:root{--display-scale:1;--display-bg:var(--bg-color,#0a0a0a);--display-surface:var(--brand-surface,#1c1c1e);--display-surface-alt:var(--brand-surface-alt,#161618);--display-surface-accent:#00ff8824;--display-border:var(--brand-border,#2c2c2e);--display-text:var(--text-color,#fff);--display-text-muted:var(--brand-text-muted,#aaa);--display-accent:var(--accent-color,#0f8);--display-accent-soft:#00ff881f;--display-info:var(--info-color,#48cae4);--display-neutral:var(--neutral-color,#6b7280);--display-flexible-surface:#2a2d3a;--display-flexible-border:#3d4260;--display-card-shadow:0 2px 6px #00000040;--display-radius:8px;--display-gap:clamp(.55rem, 1.1vh, .85rem);--display-pad:clamp(1rem, 1.6vh, 1.5rem);--display-line-tight:1.1;--display-line-body:1.22;--display-letter-tight:-.015em;--display-title:clamp(2.2rem, 3.2vw, 3.2rem);--display-subtitle:clamp(1.4rem, 2vw, 2.1rem);--display-section-title:clamp(1.2rem, 1.7vw, 1.85rem);--display-barber-name:clamp(1.2rem, 1.7vw, 1.85rem);--display-label:clamp(1rem, 1.4vw, 1.5rem);--display-customer:clamp(1.2rem, 1.7vw, 1.85rem);--display-eta:clamp(1rem, 1.4vw, 1.7rem);--display-banner:clamp(1.6rem, 2.4vw, 2.4rem);--display-badge:clamp(.85rem, 1.1vw, 1.2rem);--display-logo-height:clamp(2.4rem, 4vh, 3.2rem);--display-logo-max-width:180px;--display-queue-col-min:12rem;--display-icon-size:clamp(1.35rem, 2vw, 2rem);--display-min-width:0}.display-shell,.kiosk-display,.kiosk-screen,#kiosk-theme-wrapper{min-width:0}.queue-meta-row{text-align:left;flex-wrap:wrap;align-items:center;gap:.35em;display:flex}.queue-meta-icon{width:var(--display-icon-size);height:var(--display-icon-size);opacity:.85;flex-shrink:0}.queue-position{letter-spacing:var(--display-letter-tight);font-weight:800}.queue-customer-label{align-items:center;gap:.35em;min-width:0;display:inline-flex}.queue-customer-label__icon{width:var(--display-icon-size,1.2em);height:var(--display-icon-size,1.2em);opacity:.9;flex-shrink:0}.queue-customer-label__code,.queue-customer-label__badge{font-size:inherit;font-weight:700;line-height:var(--display-line-tight);letter-spacing:.5px;white-space:nowrap}.queue-customer-label__badge{border-radius:.375rem;align-items:center;padding:.1em .45em;display:inline-flex}.queue-item-animate{opacity:1;transition:transform .25s,opacity .25s;transform:translateY(0)}.queue-item-animate.queue-item-enter{animation:.25s queue-item-enter}@keyframes queue-item-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.queue-item-animate.queue-item-exit{opacity:0;transform:translateY(-10px)}.queue-item-animate.queue-item-reorder{transition:transform .25s}.now-serving-pulse{animation:1.2s ease-in-out infinite queue-now-serving-pulse}@keyframes queue-now-serving-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.queue-item-animate,.queue-item-animate.queue-item-enter,.queue-item-animate.queue-item-exit,.queue-item-animate.queue-item-reorder,.now-serving-pulse{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}
.queue-tile{background:var(--display-surface,var(--cm-surface,var(--brand-surface,#1c1c1e)));border:1px solid var(--display-border,var(--brand-border,#2c2c2e));border-radius:var(--display-radius,var(--cm-radius,12px));color:var(--display-text,var(--cm-text,var(--brand-text,#f5f5f5)));flex-direction:column;min-width:0;min-height:0;padding:clamp(1rem,1.6vh,1.5rem);display:flex;overflow:hidden}.queue-tile--next{flex:0 auto;max-height:clamp(6.5rem,16vh,11rem)}.queue-tile--waiting{flex:auto;min-height:0}.queue-tile-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.queue-tile-title{margin:0;font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:800}.queue-tile-badge{background:var(--display-surface-alt,#ffffff14);border:1px solid var(--display-border,var(--brand-border,#2c2c2e));white-space:nowrap;border-radius:999px;padding:.12em .5em;font-size:.77rem;font-weight:700}.queue-tile-empty{color:var(--display-text-muted,var(--cm-muted,#c4c4c4));margin:.3rem 0 0;font-weight:700}.queue-tile-list{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-content:start;gap:clamp(.45rem,.8vh,.7rem);min-height:0;display:grid;overflow:hidden auto}.queue-tile-card{background:var(--display-surface-alt,#ffffff0f);border:1px solid var(--display-border,#ffffff1f);border-radius:10px;flex-direction:column;gap:.28rem;padding:clamp(.55rem,1vh,.75rem);font-size:.9em;display:flex}.queue-tile--next .queue-tile-card{background:var(--display-surface-accent,#00ff8824);border:1px solid var(--display-accent,var(--cm-accent,#0f8))}.queue-tile-caption{color:var(--display-text-muted,var(--cm-muted,#c4c4c4));margin:0;font-size:.81rem}.queue-meta-row{align-items:center;gap:.35rem;display:flex}
.ui-photo-selector{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.ui-photo-selector__btn{appearance:none;cursor:pointer;color:#6b7280;width:4rem;height:4rem;font:inherit;background:#fff;border:1px solid #94a3b873;border-radius:999px;justify-content:center;align-items:center;padding:.2rem;font-size:.7rem;font-weight:700;line-height:1.1;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0f172a1f}.ui-photo-selector__btn:disabled{opacity:.55;cursor:not-allowed}.ui-photo-selector__btn:focus-visible{outline-offset:2px;outline:2px solid #00c853}.ui-photo-selector__btn:active:not(:disabled){transform:scale(.95)}.ui-photo-selector__btn.is-selected{border-color:#00c853;box-shadow:0 0 0 2px #00c853}.ui-photo-selector__btn--upload{box-shadow:none;color:#9aa5b5;background:0 0;border-style:dashed;border-color:#9ca3af}.ui-photo-selector__img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}
:root{--cm-bg:#0f1419;--cm-surface:#1a2332;--cm-text:#f5f7fa;--cm-muted:#9aa5b5;--cm-accent:#00c853;--cm-accent-text:#0a1a10;--cm-danger:#ff5252;--cm-radius:14px}*{box-sizing:border-box}html,body{background:var(--cm-bg);min-height:100%;color:var(--cm-text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.cm-shell{max-width:480px;margin:0 auto;padding:1.25rem 1rem 2.5rem}.cm-deploy-marker{color:var(--cm-accent);text-align:center;background:#00c85326;border-radius:.5rem;margin:0 0 .75rem;padding:.35rem .6rem;font-size:.75rem;font-weight:600}.cm-title{margin:0 0 .35rem;font-size:1.75rem;font-weight:800}.cm-subtitle{color:var(--cm-muted);margin:0 0 1.25rem}.cm-card{background:var(--cm-surface);border-radius:var(--cm-radius);margin-bottom:.75rem;padding:1rem}.cm-stat-row{gap:.75rem;margin:1rem 0;display:flex}.cm-stat{background:var(--cm-surface);border-radius:var(--cm-radius);text-align:center;flex:1;padding:.9rem}.cm-stat strong{margin-top:.25rem;font-size:1.5rem;display:block}.cm-btn{cursor:pointer;text-align:center;border:none;border-radius:999px;width:100%;padding:.95rem 1.25rem;font-size:1rem;font-weight:700;text-decoration:none;display:block}.cm-btn--primary{background:var(--cm-accent);color:var(--cm-accent-text)}.cm-btn--ghost{color:var(--cm-text);background:0 0;border:1px solid #334155}.cm-btn--danger{color:#ffb4b4;background:0 0;border:1px solid #ff525273}.cm-btn:disabled{opacity:.55;cursor:not-allowed}.cm-input{width:100%;color:var(--cm-text);background:#0f172a;border:1px solid #334155;border-radius:12px;margin-bottom:1rem;padding:.85rem 1rem;font-size:1rem}.cm-error{color:#ffb4b4;background:#ff525226;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem}.cm-ready-banner{color:#0a1a10;border-radius:var(--cm-radius);text-align:center;background:linear-gradient(135deg,#00c853,#00e676);margin-bottom:1rem;padding:1rem;font-weight:800}.cm-loyalty-visit-banner{color:var(--cm-accent);border-radius:var(--cm-radius);text-align:center;background:#00c8532e;border:1px solid #00c85359;margin:.75rem 0 0;padding:.85rem 1rem;font-weight:800}.cm-barber-grid{gap:.75rem;display:grid}.cm-barber-select{margin-bottom:1.25rem}.cm-barber-picker,.kiosk-barber-picker.cm-barber-picker{flex-direction:column;gap:.65rem;width:100%;margin:0 0 1rem;display:flex}.cm-barber-picker .kiosk-barber-option,.kiosk-barber-option{border-radius:var(--cm-radius);background:var(--cm-surface);width:100%;color:var(--cm-text);cursor:pointer;text-align:left;border:2px solid #334155;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:1rem;font-weight:700;display:flex}.cm-barber-picker .kiosk-barber-option--selected,.kiosk-barber-option--selected{border-color:var(--cm-accent);background:#00c8531f;box-shadow:0 0 0 3px #00c85340}.kiosk-barber-option-name{flex:1}.kiosk-barber-option-count{color:#fff;background:#334155;border-radius:999px;justify-content:center;align-items:center;min-width:1.75rem;height:1.75rem;font-size:.85rem;display:inline-flex}.kiosk-barber-option:disabled{opacity:.55;cursor:not-allowed}.cm-barber-card__header{align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.cm-barber-card__name{margin:0 0 .35rem;font-size:1.1rem}.cm-barber-card__meta,.cm-barber-card__serving{color:var(--cm-muted);margin:.2rem 0;font-size:.9rem}.cm-queue-status{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:12px;margin:1rem 0;padding:.85rem 1rem}.cm-queue-status__label{color:var(--cm-muted);margin-bottom:.5rem;font-size:.85rem;display:block}.cm-queue-status__row{align-items:center;gap:.75rem;display:flex}.cm-queue-status__name{font-size:1.05rem;font-weight:600}.cm-queue-card__label{align-items:center;min-width:0;display:flex}.cm-queue-card__label .queue-customer-label__icon{flex-shrink:0;width:1.2em;height:1.2em;display:block}.cm-queue-id .queue-customer-label{vertical-align:middle;font-weight:700}.cm-queue-card__label .queue-customer-label__code{font-size:1.05rem;font-weight:700}.cm-queue-card{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cm-queue-card--active{outline:2px solid var(--cm-accent)}.cm-queue-card__label{font-weight:700}.cm-queue-card__status{color:var(--cm-muted);font-size:.85rem}.cm-queue-card__family{color:var(--cm-text);margin-top:.2rem;font-size:.85rem;font-weight:600}.cm-check{color:var(--cm-text);align-items:center;gap:.6rem;margin:.15rem 0 1rem;font-weight:600;display:flex}.cm-check input{width:1.15rem;height:1.15rem;accent-color:var(--cm-accent)}.cm-family-count{margin-bottom:.25rem}.cm-input--count{width:5.5rem}.cm-family-badge{color:var(--cm-text);background:#1e293b;border-radius:999px;margin:.35rem 0 1rem;padding:.35rem .75rem;font-size:.875rem;font-weight:700;display:inline-block}.cm-eta{background:var(--cm-surface);border-radius:var(--cm-radius);text-align:center;margin:1rem 0;padding:1.25rem}.cm-eta__label{color:var(--cm-muted);margin-bottom:.35rem;display:block}.cm-eta__position{margin-bottom:.35rem;font-size:1.1rem}.cm-eta__minutes{font-size:1.75rem}.cm-loading{color:var(--cm-muted);text-align:center;padding:2rem 0}.cm-header-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.cm-link-btn{color:var(--cm-accent);white-space:nowrap;padding-top:.35rem;font-size:.9rem;font-weight:700;text-decoration:none}.cm-shop-grid{gap:1rem;display:grid}.cm-shop-card__name{margin:0 0 .35rem;font-size:1.2rem}.cm-shop-card__address{color:var(--cm-muted);margin:0 0 .5rem;line-height:1.4}.cm-shop-card__meta{color:var(--cm-muted);margin:0 0 .35rem;font-size:.9rem}.cm-shop-card__warning{color:#ffb74d;margin:0 0 .5rem;font-size:.9rem}.cm-shop-card__map{color:var(--cm-accent);margin-bottom:.25rem;font-size:.9rem;display:inline-block}.cm-logo{justify-content:center;margin-bottom:.75rem;display:flex}.cm-logo img,.brand-logo{object-fit:contain;width:180px;max-width:100%;height:auto;display:block}.brand-logo--hero{max-width:180px;height:auto}.cm-shops-header{text-align:center;margin-bottom:1.25rem}.cm-shops-header__desc{color:var(--cm-muted);margin:0;line-height:1.45}.cm-shops-toolbar{gap:.75rem;margin-bottom:1rem;display:grid}.cm-shops-search{margin-bottom:0}.cm-shops-map-toggle{width:100%}.cm-map-wrap{margin-bottom:1rem}.cm-map-wrap__status{color:var(--cm-muted);text-align:center;margin:0 0 .5rem;font-size:.9rem}.cm-map{border-radius:var(--cm-radius);z-index:0;width:100%;height:240px;overflow:hidden}.cm-map-popup-btn{background:var(--cm-accent);color:var(--cm-accent-text);cursor:pointer;border:none;border-radius:999px;margin-top:.5rem;padding:.4rem .75rem;font-weight:700}.cm-shop-card__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.cm-shop-card__badge{color:var(--cm-accent);white-space:nowrap;background:#00c8531f;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.cm-shop-card__postcode{color:var(--cm-muted);margin:0 0 .35rem;font-size:.85rem}.cm-shop-card__cta{margin-top:.75rem}.cm-shop-card--highlight{outline:2px solid var(--cm-accent)}.cm-queue-header{text-align:center;margin-bottom:.75rem}.cm-queue-header__tagline{color:var(--cm-muted);margin:0;font-size:.95rem;line-height:1.45}.cm-queue-nav{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.cm-queue-summary{margin-bottom:1.25rem}.cm-queue-summary__title{margin:0 0 .35rem;font-size:1.35rem}.cm-queue-summary__count{color:var(--cm-muted);margin:0 0 1rem}.cm-live-queue{flex-direction:column;gap:.85rem;margin-top:.75rem;display:flex}.cm-share-card{background:var(--cm-surface);border-radius:var(--cm-radius);border:1px solid #00c85347;margin:.5rem 0 1.25rem;padding:1.1rem 1rem 1.25rem;position:relative}.cm-share-card__kicker{color:var(--cm-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.8rem;font-weight:700}.cm-share-card__actions,.cm-share-card__preview{gap:.7rem;margin-top:.75rem;display:grid}.cm-share-card__choice-label{color:var(--cm-text);margin:0;font-size:1.05rem;font-weight:600}.cm-share-card .ui-photo-selector{margin:.15rem 0 .35rem}.cm-share-card__loading{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem .5rem;display:flex}.cm-share-card__spinner{border:3px solid #f7f4ee2e;border-top-color:var(--cm-accent);border-radius:50%;width:2.5rem;height:2.5rem;animation:.75s linear infinite cm-spin}.cm-share-card__loading-label{color:var(--cm-text);margin:0;font-size:.95rem;font-weight:600}@keyframes cm-spin{to{transform:rotate(360deg)}}.cm-share-card__file{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cm-share-card__image{aspect-ratio:1080/1350;object-fit:cover;background:#0b0f14;border-radius:18px;width:100%;display:block}.cm-share-card__meme{margin:0;font-weight:800;line-height:1.35}.cm-share-card__skip{color:var(--cm-muted);cursor:pointer;background:0 0;border:none;padding:.4rem;font-size:.95rem}.cm-loyalty-toast{color:var(--cm-accent);background:#00c8532e;border-radius:12px;margin:0 0 .85rem;padding:.7rem .85rem;font-weight:700}.cm-loyalty-toast--info{background:var(--cm-surface);color:var(--cm-text);border:1px solid #ffffff14;font-weight:600}.cm-loyalty-followup{gap:.35rem;display:grid}.cm-loyalty-earned-label{color:var(--cm-accent);margin:0;font-weight:700}.cm-loyalty-hint{color:var(--cm-muted);margin:0;font-size:.9rem;line-height:1.4}.cm-loyalty-credit{border-radius:var(--cm-radius);background:var(--cm-surface);border:1px solid #00c85347;margin:0 0 1rem;padding:.85rem 1rem}.cm-loyalty-credit__amount{margin:0;font-weight:700}.cm-loyalty-credit__hint{color:var(--cm-muted);margin:.45rem 0 0;font-size:.9rem;line-height:1.4}.cm-leave-queue{gap:.75rem;margin-top:1rem;display:grid}.cm-modal-backdrop{z-index:80;background:#020617c7;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.cm-modal{background:var(--cm-surface);border:1px solid #334155;border-radius:1.25rem;gap:.85rem;width:100%;max-width:22rem;padding:1.35rem;display:grid;box-shadow:0 18px 50px #00000059}.cm-modal__title{margin:0;font-size:1.15rem;font-weight:800;line-height:1.35}.cm-modal__actions{gap:.65rem;display:grid}