:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,oklch(100% 0 none))var(--lightningcss-dark,oklch(17.4% .004 286));--bg-elev:var(--lightningcss-light,oklch(100% 0 none))var(--lightningcss-dark,oklch(21% .006 285.9));--ink:var(--lightningcss-light,oklch(15% .002 286.1))var(--lightningcss-dark,oklch(96.5% .003 286.3));--ink-2:var(--lightningcss-light,oklch(47.7% .011 286))var(--lightningcss-dark,oklch(77.2% .01 286.2));--ink-3:var(--lightningcss-light,oklch(56.4% .009 286.1))var(--lightningcss-dark,oklch(65.3% .012 286.1));--surface:var(--lightningcss-light,oklch(96.44% .0013 286.4))var(--lightningcss-dark,oklch(23.7% .008 285.8));--surface-2:var(--lightningcss-light,oklch(93.16% .0027 286.3))var(--lightningcss-dark,oklch(28.3% .009 285.8));--line:var(--lightningcss-light,oklch(92% .004 286.3))var(--lightningcss-dark,oklch(28.7% .011 285.7));--line-soft:var(--lightningcss-light,oklch(95.9% .003 286.3))var(--lightningcss-dark,oklch(22.8% .008 285.8));--line-strong:var(--lightningcss-light,oklch(85.6% .007 286.3))var(--lightningcss-dark,oklch(35.9% .012 285.8));--control-border:var(--lightningcss-light,oklch(64.9% .01 286.1))var(--lightningcss-dark,oklch(53.1% .012 286));--accent:var(--lightningcss-light,oklch(49.1% .1887 20.8))var(--lightningcss-dark,oklch(69.55% .1975 15.2));--accent-soft:var(--lightningcss-light,oklch(95.7% .018 4.5))var(--lightningcss-dark,oklch(23% .041 8.1));--hatch:var(--lightningcss-light,color-mix(in oklch, var(--accent) 13%, transparent))var(--lightningcss-dark,color-mix(in oklch, var(--accent) 17%, transparent));--on-ink:var(--lightningcss-light,oklch(100% 0 none))var(--lightningcss-dark,oklch(17.4% .004 286));--on-accent:var(--lightningcss-light,oklch(100% 0 none))var(--lightningcss-dark,oklch(17.4% .004 286));--ink-hover:var(--lightningcss-light,color-mix(in oklch, var(--ink) 80%, var(--bg)))var(--lightningcss-dark,color-mix(in oklch, var(--ink) 86%, var(--bg)));--sel-bg:var(--lightningcss-light,var(--ink))var(--lightningcss-dark,var(--surface-2));--sel-ink:var(--lightningcss-light,var(--on-ink))var(--lightningcss-dark,var(--ink));--sel-dot:var(--lightningcss-light,oklch(69.55% .1975 15.2))var(--lightningcss-dark,var(--accent));--scrim:var(--lightningcss-light,oklch(14.6% .004 285.9/.34))var(--lightningcss-dark,oklch(0% 0 none/.62));--shadow:0 12px 40px var(--lightningcss-light,oklch(0% 0 none/.14))var(--lightningcss-dark,oklch(0% 0 none/.55)), 0 0 0 1px var(--lightningcss-light,oklch(0% 0 none/.05))var(--lightningcss-dark,oklch(100% 0 none/.07));--thumb:var(--lightningcss-light,oklch(100% 0 none))var(--lightningcss-dark,oklch(35.1% .012 285.8));--img-edge:color-mix(in oklch, var(--ink) 6%, transparent);--skel:var(--lightningcss-light,oklch(95.3% .003 286.3))var(--lightningcss-dark,oklch(23.2% .008 285.8));--skel-hi:var(--lightningcss-light,oklch(97.94% .0013 286.4))var(--lightningcss-dark,oklch(27.1% .009 285.8));--press:var(--lightningcss-light,color-mix(in oklch, var(--ink) 4%, transparent))var(--lightningcss-dark,color-mix(in oklch, var(--ink) 5%, transparent));--viewer-bg:oklch(0% 0 none);--viewer-ink:oklch(100% 0 none);--viewer-ink-2:color-mix(in oklch, var(--viewer-ink) 72%, transparent);--viewer-btn:color-mix(in oklch, var(--viewer-ink) 12%, transparent);--viewer-btn-hi:color-mix(in oklch, var(--viewer-ink) 22%, transparent);--ease-out:cubic-bezier(.2, .8, .2, 1);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tabbar:56px;--ok:var(--lightningcss-light,oklch(46% .12 150))var(--lightningcss-dark,oklch(78% .14 150));--ok-soft:var(--lightningcss-light,oklch(96% .03 150))var(--lightningcss-dark,oklch(25% .04 150));--warn:var(--lightningcss-light,oklch(47% .11 70))var(--lightningcss-dark,oklch(82% .13 80));--warn-soft:var(--lightningcss-light,oklch(96% .04 85))var(--lightningcss-dark,oklch(26% .04 75));--nav-w:13.5rem;--list-w:26rem;--tap:44px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;min-width:0}:root{scrollbar-gutter:stable;text-wrap:pretty;overflow-wrap:break-word;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html:has(dialog:modal){overflow:hidden}body{background:var(--bg);min-height:100svh;color:var(--ink);font:400 15px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{text-wrap:balance}h1,h2,h3,p,dl,dd,ul,ol,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0}img,svg{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}input,textarea{font-size:max(16px,1rem)}button,a{touch-action:manipulation}button{cursor:pointer;text-align:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:max(2px, .08em) solid var(--ink);outline-offset:2px}.i{flex:none}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:clip}.sub,.hint,.meta{color:var(--ink-2);font-size:13px}.block{display:block}.user-text{white-space:pre-wrap}time{font-variant-numeric:tabular-nums}.dev-banner{background:var(--warn-soft);color:var(--ink);text-align:center;border-block-end:1px solid var(--line);padding-block:6px;padding-inline:16px;font-size:13px}.shell{grid-template-columns:minmax(0,1fr);min-height:100svh;display:grid}.main{padding-block:20px calc(var(--tabbar) + 32px + env(safe-area-inset-bottom,0px));padding-inline:16px}.main:focus-visible{outline-offset:-2px}@media (width>=760px){.shell{grid-template-columns:var(--nav-w) minmax(0, 1fr)}.main{max-inline-size:46rem;padding-block:28px 48px;padding-inline:28px}}@media (width>=1040px){.shell.has-pane{grid-template-columns:var(--nav-w) var(--list-w) minmax(0, 1fr)}.shell.has-pane .main{border-inline-end:1px solid var(--line);max-inline-size:none}}.side{border-inline-end:1px solid var(--line);flex-direction:column;gap:4px;block-size:100svh;padding:20px 12px;display:flex;position:sticky;inset-block-start:0}.brand{margin-block-end:16px;padding-inline:12px;display:grid}.brand-salon{letter-spacing:-.01em;font-size:20px;font-weight:800}.brand-product{color:var(--ink-2);font-size:12px}.nav-item,.tab{min-block-size:var(--tap);color:var(--ink-2);border-radius:12px;align-items:center;gap:12px;padding-inline:12px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-item[aria-current=page],.tab[aria-current=page]{color:var(--ink);background:var(--surface)}.nav-item:active,.tab:active{background:var(--surface-2)}@media (hover:hover) and (pointer:fine){.nav-item:hover{color:var(--ink);background:var(--press)}}.nav-me{color:var(--ink-2);margin-block-start:auto;padding-inline:12px;font-size:13px}.badge{background:var(--accent);min-inline-size:22px;color:var(--on-accent);text-align:center;border-radius:11px;margin-inline-start:auto;padding-inline:6px;font-size:12px;font-weight:700;line-height:22px}.tabs{z-index:10;padding-block:4px calc(4px + env(safe-area-inset-bottom,0px));background:var(--bg-elev);border-block-start:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:8px;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.tab{justify-content:center;min-block-size:48px}.tab .badge{margin-inline-start:0}.btn{min-block-size:var(--tap);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding-inline:18px;font-weight:700;display:inline-flex;position:relative}.btn:active:not(:disabled,[aria-disabled=true]){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.btn[aria-busy=true]{cursor:progress}.btn-ink{background:var(--ink);color:var(--on-ink)}.btn-ink:focus-visible{outline-color:var(--ink)}.btn-line{border:1px solid var(--control-border);background:var(--bg)}.btn-danger{background:var(--accent);color:var(--on-accent)}.btn-danger:focus-visible{outline-color:var(--accent)}.btn-small{min-block-size:40px;padding-inline:12px;font-size:14px}.btn-small:after,.btn-icon:after,.like:after{content:"";inset:min(0px, (100% - var(--tap)) / 2);position:absolute}.btn-icon{min-block-size:36px;inline-size:36px;color:var(--ink-2);border-radius:50%;padding:0}.btn-wide{inline-size:100%}@media (hover:hover) and (pointer:fine){.btn-ink:hover:not(:disabled,[aria-disabled=true]){background:var(--ink-hover)}.btn-line:hover:not(:disabled,[aria-disabled=true]),.btn-icon:hover{background:var(--press)}.btn-danger:hover:not(:disabled,[aria-disabled=true]){background:color-mix(in oklch, var(--accent) 86%, var(--ink))}}@media (prefers-reduced-motion:no-preference){.btn{transition:transform .16s var(--ease-out), background-color .16s var(--ease-out)}}.row-actions,.panel-actions,.action-bar{flex-wrap:wrap;gap:10px;display:flex}.chip{white-space:nowrap;background:var(--surface);min-block-size:22px;color:var(--ink);border-radius:11px;align-items:center;padding-inline:8px;font-size:12px;font-weight:700;display:inline-flex}.chip-live{background:var(--accent);color:var(--on-accent)}.chip-good{background:var(--ok-soft);color:var(--ok)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-bad{background:var(--accent-soft);color:var(--accent)}.notice{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:4px;padding:12px 14px;display:grid}.notice:focus-visible{outline-offset:2px}.notice-warn{background:var(--warn-soft);border-color:color-mix(in oklch, var(--warn) 40%, transparent)}.notice-bad{background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 40%, transparent)}.notice-good{background:var(--ok-soft)}.notice-title{font-weight:700}.notice ul{padding-inline-start:20px;list-style:outside}.field-error{color:var(--accent);font-size:13px;font-weight:600}.refreshing,.sending{color:var(--ink-2);font-size:13px}.av{background:var(--surface-2);block-size:40px;inline-size:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.av.ring{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.gate{place-items:center;min-block-size:80svh;padding:24px 16px;display:grid}.gate-card{gap:16px;inline-size:min(100%,26rem);display:grid}.gate-brand{display:grid}.gate-salon{font-size:28px;font-weight:800}.gate-product{color:var(--ink-2)}.gate h1{font-size:22px}.gate-lead{color:var(--ink-2)}.page-head{gap:4px;margin-block-end:16px;display:grid}.page-head h1{letter-spacing:-.01em;font-size:26px}.state{justify-items:start;gap:12px;padding-block:24px;display:grid}.state.empty{color:var(--ink-2)}.pane-empty{min-block-size:60svh;color:var(--ink-2);place-items:center;padding:24px;display:grid}.filters ul{scrollbar-width:none;gap:6px;padding-block-end:12px;display:flex;overflow-x:auto}.filters li{flex:none}.filter{border:1px solid var(--line-strong);white-space:nowrap;border-radius:20px;align-items:center;min-block-size:40px;padding-inline:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.filter:after{content:"";inset:min(0px, (100% - var(--tap)) / 2);position:absolute}.filter[aria-current=page]{background:var(--sel-bg);color:var(--sel-ink);border-color:var(--sel-bg)}.filter:active{background:var(--surface-2)}@media (hover:hover) and (pointer:fine){.filter:not([aria-current=page]):hover{background:var(--press)}}.req-list{border-block-start:1px solid var(--line)}.req{border-block-end:1px solid var(--line);gap:12px;padding-block:14px;padding-inline:8px;text-decoration:none;display:flex}.req[aria-current=true]{background:var(--surface)}.req:active{background:var(--surface-2)}.req:focus-visible{outline-offset:-2px}@media (hover:hover) and (pointer:fine){.req:hover{background:var(--press)}}.req-body{flex:1;gap:3px;display:grid}.req-top{align-items:center;gap:8px;display:flex}.who{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:clip}.req-text{-webkit-line-clamp:2;color:var(--ink-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.req-meta{color:var(--ink-2);font-size:13px}.req.is-new .who{color:var(--ink)}.more{justify-items:start;gap:10px;padding-block:16px;display:grid}.skeleton-list{display:grid}.skel-row{border-block-end:1px solid var(--line);gap:12px;padding-block:14px;display:flex}.skel{background:var(--skel);border-radius:6px;display:block}.skel-av{border-radius:50%;block-size:40px;inline-size:40px}.skel-lines{flex:1;align-content:center;gap:8px;display:grid}.skel-line{block-size:12px;inline-size:80%}.skel-line.short{inline-size:45%}.pane{overscroll-behavior:contain;block-size:100svh;padding-block:24px 64px;padding-inline:28px;position:sticky;inset-block-start:0;overflow-y:auto}.pane .request{max-inline-size:44rem}.request{gap:4px;display:grid}.rq-head{gap:8px;padding-block-end:12px;display:grid}.back{min-block-size:var(--tap);color:var(--ink-2);justify-self:start;align-items:center;gap:6px;padding-inline-end:8px;font-weight:600;text-decoration:none;display:inline-flex}.rq-title{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600;display:grid}.rq-name{color:var(--ink);text-transform:none;letter-spacing:-.01em;font-size:24px;font-weight:800}.rq-status{align-items:center;gap:10px;display:flex}.rq-status:focus-visible{outline-offset:4px}.rq-section{border-block-start:1px solid var(--line);gap:8px;padding-block:16px;display:grid}.rq-section h3{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.booker{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:12px}.booker-body{gap:4px;display:grid}.email{font-weight:600}.labels{flex-wrap:wrap;gap:6px;display:flex}.notices ul{gap:6px;display:grid}.notice-line{align-items:start;gap:8px;display:flex}.notice-line>.i{block-size:1lh;inline-size:1.1em}.tone-good>.i{color:var(--ok)}.tone-warn{color:var(--warn);font-weight:600}.tone-bad{color:var(--accent);font-weight:700}.link-row{align-items:center;gap:10px;padding-block:6px;display:flex}.link-text{overflow-wrap:anywhere;flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.thumbs{flex-wrap:wrap;gap:8px;display:flex}.thumb-btn{border-radius:10px;display:block;position:relative}.thumb-btn:active{transform:scale(.97)}.thumb{aspect-ratio:3/4;object-fit:cover;background-color:var(--skel);outline:1px solid var(--img-edge);outline-offset:-1px;border-radius:10px;block-size:auto;inline-size:88px}span.thumb{color:var(--ink-2);text-align:center;place-items:center;padding:4px;font-size:12px;display:grid}.candidates{gap:6px;display:grid}.candidate{align-items:center;gap:10px;min-block-size:32px;display:flex}.history-counts{font-weight:600}.history-list{color:var(--ink-2);gap:2px;font-size:14px;display:grid}.facts{gap:10px;display:grid}.fact{grid-template-columns:7.5rem minmax(0,1fr);gap:12px;display:grid}.fact dt{color:var(--ink-2)}.fact dd{font-variant-numeric:tabular-nums;gap:2px;font-weight:600;display:grid}.fact-note{color:var(--ink-2);font-size:13px;font-weight:400}.action-bar{border-block-start:1px solid var(--line);padding-block:16px}.action-note{align-self:center}.panel{border:1px solid var(--line-strong);background:var(--bg-elev);border-radius:16px;gap:12px;margin-block:8px;padding:18px;display:grid}.panel h3{font-size:18px}.panel-form{gap:16px;display:grid}.field{align-content:start;gap:6px;display:grid}.field label,legend{font-weight:700}.field input,.field textarea,.composer textarea{inline-size:100%;min-block-size:var(--tap);border:1px solid var(--control-border);background:var(--bg);border-radius:10px;padding:10px 12px}textarea{field-sizing:content;resize:none;min-block-size:3lh;max-block-size:12lh}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--accent);border-width:2px}.field-row{align-items:center;gap:10px;display:flex}.field-row input{inline-size:8rem}.ends{font-weight:600}.range-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:12px;margin-block-start:6px;display:grid}.choices{gap:6px;display:grid}.choices ul{gap:4px;display:grid}.choice{min-block-size:var(--tap);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding-inline:10px;display:flex}.choice:has(input:checked){border-color:var(--ink);background:var(--surface)}.choice:has(input:disabled){color:var(--ink-3)}.choice input{block-size:20px;inline-size:20px;accent-color:var(--ink)}.choice label{min-block-size:var(--tap);cursor:pointer;flex-wrap:wrap;flex:1;align-items:center;gap:8px;font-weight:600;display:flex}.conversation{gap:12px}.post-likes{display:flex}.like{min-block-size:36px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:18px;align-items:center;gap:6px;padding-inline:10px;font-weight:600;display:inline-flex;position:relative}.like.is-liked{color:var(--accent)}.like:active:not(:disabled){transform:scale(.95)}.like:disabled{cursor:default;opacity:.7}@media (hover:hover) and (pointer:fine){.like:not(:disabled):hover{background:var(--press)}}@media (prefers-reduced-motion:no-preference){.like{transition:transform .14s var(--ease-out)}}.comments{display:grid}.comment{border-block-start:1px solid var(--line-soft);grid-template-columns:auto minmax(0,1fr);gap:12px;padding-block:12px;display:grid}.comment .av{block-size:32px;inline-size:32px;font-size:12px}.comment-body{gap:6px;display:grid}.comment-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment.is-removed{grid-template-columns:minmax(0,1fr)}.removed{color:var(--ink-3);font-style:italic}.remove-ask{background:var(--accent-soft);border-radius:10px;gap:8px;padding:10px 12px;display:grid}.read-only{background:var(--surface);color:var(--ink-2);border-radius:10px;padding:10px 12px}.composer{gap:10px;padding-block-start:12px;display:grid}.composer-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.composer-actions .meta{margin-inline-end:auto}.draft-images{flex-wrap:wrap;gap:8px;display:flex}.draft-image{position:relative}.draft-image img{object-fit:cover;border-radius:10px;block-size:72px;inline-size:72px}.draft-remove{background:var(--ink);min-block-size:28px;inline-size:28px;color:var(--on-ink);position:absolute;inset-block-start:-10px;inset-inline-end:-10px}dialog.dlg-shell{color:var(--ink)}dialog.dlg-shell:focus{outline-color:#0000}.viewer-backdrop{background:var(--viewer-bg);position:fixed;inset:0}.viewer{color:var(--viewer-ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.viewer-top,.viewer-nav{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.viewer-top{padding-block-start:calc(12px + env(safe-area-inset-top,0px))}.viewer-nav{padding-block-end:calc(12px + env(safe-area-inset-bottom,0px))}.viewer-count{color:var(--viewer-ink-2);font-variant-numeric:tabular-nums}.viewer-btn{inline-size:var(--tap);block-size:var(--tap);background:var(--viewer-btn);color:var(--viewer-ink);border-radius:50%;place-items:center;display:grid}.viewer-btn:active{background:var(--viewer-btn-hi)}.viewer-btn:focus-visible{outline-color:var(--viewer-ink)}@media (hover:hover) and (pointer:fine){.viewer-btn:hover{background:var(--viewer-btn-hi)}}.viewer-stage{place-items:center;padding-inline:12px;display:grid;overflow:clip}.viewer-img{object-fit:contain;max-block-size:100%;max-inline-size:100%}.toasts{align-items:center;z-index:2147483640!important}.toasts.above-tabs{padding-block-end:calc(var(--tabbar) + 12px + env(safe-area-inset-bottom,0px))!important}.toast{background:var(--ink);min-block-size:48px;inline-size:max-content;max-inline-size:min(420px,100vw - 32px);color:var(--on-ink);box-shadow:var(--shadow);border-radius:14px;align-items:center;padding-inline:16px;font-weight:600;transition:opacity .18s;display:flex}.toast[data-closed]{opacity:0}.toast-body.is-problem:before{content:"";background:var(--sel-dot);border-radius:50%;block-size:8px;inline-size:8px;margin-inline-end:10px;display:inline-block}@media (prefers-reduced-motion:no-preference){.toast{transition:opacity .18s, translate .18s var(--ease-out)}.toast[data-closed]{translate:0 8px}}.settings .rq-section h2{font-size:18px}
