:root{--font-head: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f4f6f8;--surface-3: #edf0f3;--border: #e3e7ec;--border-strong: #d3d9e0;--ink: #1b1d21;--text: #1b1d21;--text-2: #5a6472;--text-3: #636b78;--booksy: #00a3ad;--booksy-bright: #05cfa6;--booksy-ink: #00747b;--booksy-tint: #e1f5f6;--booksy-tint-2: #f0fbfb;--saloner: #fb6f1b;--saloner-deep: #e84a07;--saloner-coral: #f08572;--saloner-ink: #c23c06;--saloner-tint: #fdebdf;--saloner-tint-2: #fef5ef;--saloner-gradient: linear-gradient(90deg, #fb6f1b 0%, #e84a07 50%, #f08572 100%);--connector-gradient: linear-gradient(90deg, #fb6f1b 0%, #e84a07 45%, #00a3ad 100%);--apply-gradient: linear-gradient(90deg, #00a3ad 0%, #2f8f8a 38%, #d56a36 70%, #fb6f1b 100%);--success: #0f8a5f;--success-ink: #0b6e4c;--success-tint: #e6f6ef;--danger: #d14343;--danger-ink: #b22a2a;--danger-tint: #fbeaea;--warning-bg: #fff8e6;--warning-bd: #f1e1ae;--warning-ink: #7a5e12;--accent: var(--booksy);--accent-ink: var(--booksy-ink);--accent-tint: var(--booksy-tint);--fs-700: 1.75rem;--fs-600: 1.25rem;--fs-500: 1rem;--fs-400: .875rem;--fs-300: .8125rem;--fs-200: .75rem;--fs-100: .6875rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .05), 0 10px 28px -14px rgba(16, 24, 40, .12);--focus: #0091a0;--focus-halo: rgba(0, 163, 173, .22);--ease: cubic-bezier(.2, .7, .3, 1);--dur-fast: .12s;--dur: .18s;color-scheme:light;font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-400) / 1.5 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-halo);border-radius:var(--r-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.spin{animation-duration:1.6s}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.app{max-width:920px;margin:0 auto;padding:clamp(20px,4vw,40px) 20px 64px}.app__head{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;padding-bottom:var(--sp-5)}.brandbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(10px,3vw,20px)}.brandbar__lockup{display:inline-flex;align-items:center;gap:var(--sp-2)}.brandbar__swap{font-size:22px;font-weight:700;line-height:1;padding:0 var(--sp-1);background:#000;-webkit-background-clip:text;background-clip:text;color:transparent}.app__sub{margin:0;color:var(--text-2);font-size:var(--fs-400)}.app__foot{margin-top:var(--sp-8);color:var(--text-3);font-size:var(--fs-300);text-align:center}.app__foot p{margin:0}.app__foot p+p{margin-top:6px}.app__foot-legal{font-size:var(--fs-200);color:var(--text-3)}.app__foot code,.banner code{font-family:var(--font-mono);font-size:.92em;background:var(--surface-3);padding:1px 6px;border-radius:5px}.banner{display:flex;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-6);padding:var(--sp-4);font-size:var(--fs-300);line-height:1.55;background:var(--warning-bg);border:1px solid var(--warning-bd);border-radius:var(--r-md);color:var(--warning-ink)}.banner__icon{flex:none;margin-top:1px;color:var(--warning-ink)}.banner__title{display:block;margin-bottom:2px;font-weight:700;color:#5f4a0e}.banner p{margin:0 0 var(--sp-2)}.banner p:last-child{margin-bottom:0}.poc-notice{position:relative;display:flex;gap:var(--sp-3);margin:var(--sp-5) 0 0;padding:var(--sp-4);padding-left:calc(var(--sp-4) + 3px);font-size:var(--fs-300);line-height:1.55;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);box-shadow:var(--shadow-card);overflow:hidden}.poc-notice:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--connector-gradient)}.poc-notice__icon{flex:none;margin-top:1px;color:var(--saloner-deep)}.poc-notice__body{min-width:0}.poc-notice__head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-1)}.poc-notice__title{font-family:var(--font-head);font-weight:700;font-size:var(--fs-400);color:var(--ink)}.poc-notice p{margin:0 0 var(--sp-2);color:var(--text-2)}.poc-notice p:last-child{margin-bottom:0}.poc-badge{display:inline-flex;align-items:center;gap:6px;font:700 var(--fs-100) / 1 var(--font-body);letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap;color:var(--saloner-ink);background:var(--saloner-tint)}.poc-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--saloner-deep)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-card);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--accent)}.card--saloner:before{background:var(--saloner-gradient)}.card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card__brand{display:flex;align-items:center;gap:var(--sp-2)}.card__title{margin:0;font-family:var(--font-head);font-size:var(--fs-600);font-weight:700;color:var(--ink);letter-spacing:-.01em}.card__desc{margin:var(--sp-2) 0 0;font-size:var(--fs-300);color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:6px;font:600 var(--fs-200) / 1 var(--font-body);letter-spacing:.02em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-pill);white-space:nowrap;background:var(--surface-3);color:var(--text-3)}.badge--ok{background:var(--success-tint);color:var(--success-ink)}.badge--ok:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success)}.badge--off{background:var(--surface-3);color:var(--text-3)}.form{display:flex;flex-direction:column;gap:var(--sp-3)}.field{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-300)}.field>span{color:var(--text-2);font-weight:500}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-400);font-family:inherit;background:var(--surface);color:var(--text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field input:hover,.field select:hover{border-color:var(--border-strong)}.field input:focus-visible,.field select:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-halo);outline:2px solid transparent;outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:11px 16px;border:none;border-radius:var(--r-sm);cursor:pointer;background:var(--ink);color:#fff;font:600 var(--fs-400) / 1 var(--font-body);transition:filter var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn--brand{background:var(--accent)}.card--saloner .btn--brand{background:var(--saloner-deep)}.btn--apply{background-color:var(--booksy);background-image:var(--apply-gradient);flex-wrap:wrap}.btn--apply--booksy{background-image:none;background-color:var(--booksy)}.btn--apply--saloner{background-image:none;background-color:var(--saloner-deep)}.btn--full{width:100%}.btn--ghost{background:transparent;color:var(--danger-ink);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){filter:none;border-color:var(--danger);background:var(--danger-tint)}.conn{display:flex;flex-direction:column;gap:var(--sp-3)}.conn__row{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-300);align-items:baseline}.conn__key{color:var(--text-2);flex:none}.conn__val{text-align:right;color:var(--text);min-width:0;overflow-wrap:anywhere}.conn__val.mono{display:inline-flex;align-items:center;gap:var(--sp-2);justify-content:flex-end;flex-wrap:wrap}.mono{font-family:var(--font-mono);font-size:var(--fs-300)}.conn__token{word-break:break-all}.link{background:none;border:none;color:var(--accent-ink);cursor:pointer;font:600 var(--fs-200) / 1 var(--font-body);padding:2px 4px;border-radius:5px}.link:hover{background:var(--accent-tint)}.error{color:var(--danger-ink);font-size:var(--fs-300);margin:0}.muted{color:var(--text-2);font-size:var(--fs-300);margin:0}.services{border-top:1px solid var(--border);padding-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.services__head{display:flex;justify-content:space-between;align-items:baseline}.services__title{font-size:var(--fs-300);font-weight:600;color:var(--text-2)}.svc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.svc{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--sp-1) var(--sp-3);padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-300)}.svc__head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.svc__name{font-weight:600;color:var(--text);overflow-wrap:anywhere}.svc__cat{font-size:var(--fs-100);color:var(--accent-ink);background:var(--accent-tint);padding:2px 8px;border-radius:var(--r-pill);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.svc__meta{grid-column:2;display:inline-flex;gap:var(--sp-3);align-items:baseline;color:var(--text-3);white-space:nowrap}.svc__price{color:var(--text);font-weight:600}.skeleton{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);height:40px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-100%);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.sync{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.sync>.card__head{margin-bottom:0}.sync__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-4) 0 var(--sp-2)}.sync__empty-marks{display:inline-flex;align-items:center;gap:var(--sp-3);color:var(--text-3);font-size:18px}.sync__pills{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-200);font-weight:600;padding:5px 12px;border-radius:var(--r-pill)}.pill--todo{background:var(--surface-3);color:var(--text-2)}.pill--done{background:var(--success-tint);color:var(--success-ink)}.pill--done:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success)}.sync__row{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap}.sync__row .field{flex:0 0 200px}.sync__row .sync__date{flex:0 0 auto}.sync__daylabel{color:var(--text-3);font-weight:400}.daynav{display:flex;align-items:stretch;flex-wrap:wrap;gap:6px}.daynav input[type=date]{width:auto;min-width:138px}.daynav__btn,.daynav__today{flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.daynav__btn{padding:0 9px;color:var(--text-2)}.daynav__today{padding:0 12px;color:var(--accent-ink);font:600 var(--fs-300) / 1 var(--font-body)}.daynav__btn:hover:not(:disabled),.daynav__today:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.daynav__btn:hover:not(:disabled){color:var(--text)}.daynav__btn:disabled,.daynav__today:disabled{opacity:.5;cursor:default}.sync__status{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-300);color:var(--text-2);padding-bottom:11px}.sync__status--ok{color:var(--success-ink)}.sync__reload{margin-left:auto;padding-bottom:11px}.sync__groups{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.sync__group{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md)}.sync__group--to-saloner{background:var(--saloner-tint-2)}.sync__group--to-booksy{background:var(--booksy-tint-2)}.sync__group-head{display:flex;align-items:center;gap:6px;font:700 var(--fs-200) / 1 var(--font-body);letter-spacing:.04em;text-transform:uppercase}.sync__group--to-saloner .sync__group-head{color:var(--saloner-ink)}.sync__group--to-booksy .sync__group-head{color:var(--booksy-ink)}.sync__plan,.sync__result{display:flex;flex-direction:column;gap:var(--sp-3);border-top:1px solid var(--border);padding-top:var(--sp-4)}.sync__plan--busy{opacity:.55}.sync__summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:0}.stat{display:inline-flex;align-items:baseline;gap:6px;font-size:var(--fs-300);font-weight:600;padding:6px 12px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.stat b{color:var(--text);font-weight:700}.stat--create b{color:var(--success-ink)}.stat--delete b{color:var(--danger-ink)}.sync__summary .muted{margin-left:auto}.progress{height:3px;border-radius:var(--r-pill);background:var(--connector-gradient);background-size:200% 100%;animation:slide 1.1s linear infinite}@keyframes slide{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.progress{animation:none}}.diff{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.diff-col{display:flex;flex-direction:column;gap:6px}.diff-col__head{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-300);font-weight:600;color:var(--text-2)}.diff-row{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--sp-2);row-gap:3px;padding:9px 11px 9px 13px;font-size:var(--fs-300);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--r-sm)}.diff-row--create{border-left-color:var(--success)}.diff-row--delete{border-left-color:var(--danger)}.diff-row__time{flex:none;font-family:var(--font-mono);font-size:var(--fs-100);color:var(--text-2);white-space:nowrap}.diff-row__title{flex:1 1 auto;min-width:45%;font-weight:600;overflow-wrap:anywhere}.diff-row__meta{flex:0 1 auto;margin-left:auto;text-align:right;color:var(--text-3);overflow-wrap:anywhere}.diff-row__note{flex:1 1 100%;color:var(--text-2);font-size:var(--fs-100);overflow-wrap:anywhere}@media(max-width:720px){.grid{grid-template-columns:1fr}}@media(max-width:680px){.sync__groups,.diff{grid-template-columns:1fr}}@media(max-width:560px){.sync__row .field{flex:1 1 100%}.sync__reload{margin-left:0}.btn--responsive-full{width:100%}}@media(max-width:480px){.svc{grid-template-columns:1fr}.svc__meta{grid-column:1}}