:root{--cream: #f7f2eb;--paper: #fffdf9;--sand: #efe5d8;--sand-2: #e7dac9;--line: #e6dccf;--ink: #2d2520;--ink-2: #54483f;--muted: #76685d;--accent: #a35a3d;--accent-dark: #86462f;--accent-50: #f7ebe3;--accent-100: #efd6c8;--sage: #5f7359;--sage-50: #eef2ea;--danger: #b03a2e;--danger-50: #fbece9;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(45, 37, 32, .04), 0 8px 24px rgba(45, 37, 32, .06);--sans: "Noto Sans TC", system-ui, "PingFang TC", "Microsoft JhengHei", sans-serif;--serif: "Noto Serif TC", "Songti TC", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button,input{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.salon-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#efe3d4,#f5ede3 55%,#f7f2eb);border-bottom:1px solid var(--line)}.salon-hero__art{position:absolute;right:-40px;top:-30px;width:460px;height:300px;pointer-events:none;opacity:.9}.salon-hero__inner{position:relative;max-width:1080px;margin:0 auto;padding:36px 24px 30px;display:flex;gap:20px;align-items:center}.salon-logo{flex:none;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--sand-2);box-shadow:var(--shadow);font-family:var(--serif);font-weight:700;font-size:28px;color:var(--accent)}.salon-hero__eyebrow{margin:0 0 2px;font-size:12px;letter-spacing:.18em;color:var(--accent-dark);font-weight:500}.salon-hero h1{margin:0;font-family:var(--serif);font-weight:700;font-size:30px;line-height:1.3;letter-spacing:.02em}.salon-hero__tagline{margin:6px 0 0;color:var(--ink-2);max-width:560px}.salon-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--ink-2)}.salon-meta li{display:inline-flex;align-items:center;gap:6px}.salon-meta svg{flex:none;width:15px;height:15px;color:var(--accent)}.badge-open{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--sage-50);color:var(--sage);font-weight:500;font-size:12.5px}.badge-open:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.page{max-width:1080px;margin:0 auto;padding:28px 24px 56px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.page--narrow{max-width:640px;grid-template-columns:minmax(0,1fr)}.flow{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;min-width:0}.panel--muted{opacity:.62}.step-head{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}.step-num{flex:none;width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-size:13px;font-weight:700;background:var(--sand);color:var(--ink-2);transform:translateY(-2px)}.step-num.is-done{background:var(--accent);color:#fff}.step-head h2{margin:0;font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:.02em}.step-head .hint{margin-left:auto;font-size:13px;color:var(--muted)}.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.svc{position:relative;display:block;cursor:pointer}.svc input{position:absolute;opacity:0;pointer-events:none}.svc__body{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}.svc__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.svc__name{font-weight:700;font-size:16px}.svc__price{font-weight:700;color:var(--accent-dark);white-space:nowrap;font-variant-numeric:tabular-nums}.svc__note{font-size:13px;color:var(--muted)}.svc__dur{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink-2)}.svc__check{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;display:none;place-items:center;background:var(--accent);color:#fff}.svc:hover .svc__body{border-color:var(--accent-100)}.svc input:checked+.svc__body{border-color:var(--accent);background:var(--accent-50);box-shadow:0 0 0 3px #a35a3d1f}.svc input:checked+.svc__body .svc__top{padding-right:26px}.svc input:checked~.svc__check{display:grid}.svc input:focus-visible+.svc__body{outline:2px solid var(--accent);outline-offset:2px}.date-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;margin:0 -2px;scroll-snap-type:x proximity;scrollbar-width:thin}.date{position:relative;flex:none;scroll-snap-align:start;cursor:pointer}.date input{position:absolute;opacity:0;pointer-events:none}.date__body{display:flex;flex-direction:column;align-items:center;width:62px;padding:8px 0 9px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:border-color .15s,background .15s}.date__wk{font-size:12px;color:var(--muted)}.date__day{font-size:20px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.date__mo{font-size:11px;color:var(--muted)}.date:hover .date__body{border-color:var(--accent-100)}.date input:checked+.date__body{background:var(--accent);border-color:var(--accent);color:#fff}.date input:checked+.date__body .date__wk,.date input:checked+.date__body .date__mo{color:#ffffffd9}.date input:focus-visible+.date__body{outline:2px solid var(--accent);outline-offset:2px}.date-other{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--muted)}.date-other input{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.slot-group+.slot-group{margin-top:14px}.slot-group__label{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:500;color:var(--ink-2)}.slot-group__label small{color:var(--muted);font-weight:400}.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.chip{position:relative;display:block;cursor:pointer}.chip input{position:absolute;opacity:0;pointer-events:none}.chip span{display:block;text-align:center;padding:9px 0;border:1.5px solid var(--line);border-radius:999px;background:#fff;font-weight:500;font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s,color .15s}.chip:hover span{border-color:var(--accent);color:var(--accent-dark)}.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #a35a3d40}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.chip input:disabled+span{cursor:not-allowed;background:transparent;border-style:dashed;border-color:var(--sand-2);color:#b3a69a;text-decoration:line-through;box-shadow:none}.chip.is-disabled{cursor:not-allowed}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12.5px;color:var(--muted)}.legend i{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:5px;border:1.5px solid var(--line);background:#fff}.legend i.sel{background:var(--accent);border-color:var(--accent)}.legend i.off{border-style:dashed;border-color:var(--sand-2);background:transparent}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:500;color:var(--ink-2)}.field small{font-weight:400;color:var(--muted)}.field input{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#b0a397}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #a35a3d24}.req{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--accent);color:var(--accent-dark)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 16px #a35a3d40}.btn--primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn--block{width:100%}.btn--lg{padding:14px 24px;font-size:16px;font-weight:700}.submit-row{display:flex;flex-direction:column;gap:10px;margin-top:18px}.submit-row .fine{margin:0;text-align:center;font-size:12.5px;color:var(--muted)}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);background:var(--danger-50);color:var(--danger);border:1px solid #f1cdc6;font-size:14px}.empty{text-align:center;padding:22px 12px 8px;color:var(--muted)}.empty__icon{width:44px;height:44px;margin:0 auto 8px;color:var(--sand-2)}.empty strong{display:block;color:var(--ink-2);font-size:15px;margin-bottom:2px}.placeholder-note{margin:0;padding:14px;border:1.5px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted);font-size:14px;text-align:center}.aside{position:sticky;top:52px;display:flex;flex-direction:column;gap:18px}.summary h3,.aside h3{margin:0 0 12px;font-family:var(--serif);font-size:17px}.summary dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;font-size:14px}.summary dt{color:var(--muted)}.summary dd{margin:0;text-align:right;font-weight:500}.summary dd.is-empty{color:#b0a397;font-weight:400}.summary__total{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.summary__total strong{font-size:22px;color:var(--accent-dark);font-variant-numeric:tabular-nums}.inline-summary{display:none}.policy{margin:0;padding-left:18px;font-size:13.5px;color:var(--ink-2)}.policy li+li{margin-top:6px}.foot{max-width:1080px;margin:0 auto;padding:0 24px 32px;font-size:12.5px;color:var(--muted);text-align:center}.confirm{text-align:center;padding:34px 26px 28px}.confirm__icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--sage-50);color:var(--sage)}.confirm__icon svg{width:32px;height:32px}.confirm h1{margin:0;font-family:var(--serif);font-size:26px}.confirm__lead{margin:6px 0 0;color:var(--ink-2)}.ticket{margin:22px 0 0;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.ticket__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:var(--accent-50);border-bottom:1px dashed var(--accent-100)}.ticket__date{font-family:var(--serif);font-size:19px;font-weight:700}.ticket__time{font-size:15px;color:var(--accent-dark);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.ticket dl{margin:0;padding:16px 20px;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;font-size:14.5px}.ticket dt{color:var(--muted)}.ticket dd{margin:0;text-align:right;font-weight:500}.ticket__ref{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.confirm__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.notes{margin-top:18px}@media(max-width:900px){.page{grid-template-columns:minmax(0,1fr)}.aside{position:static}.aside .summary{display:none}.inline-summary{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--accent-50);font-size:14px}.inline-summary strong{color:var(--accent-dark);white-space:nowrap}}@media(max-width:640px){.salon-hero__art{width:300px;height:200px;right:-90px;top:-20px;opacity:.55}.salon-hero__inner{padding:24px 16px 20px;align-items:flex-start;gap:14px}.salon-logo{width:52px;height:52px;font-size:22px}.salon-hero h1{font-size:23px}.salon-hero__tagline{font-size:14px}.salon-meta{flex-direction:column;gap:4px;font-size:13px}.page{padding:18px 14px 40px;gap:16px}.panel{padding:18px 16px}.svc-grid{grid-template-columns:minmax(0,1fr);gap:10px}.fields{grid-template-columns:minmax(0,1fr)}.chips{grid-template-columns:repeat(4,minmax(0,1fr))}.confirm{padding:28px 16px 22px}.ticket__head{flex-direction:column;align-items:flex-start;gap:2px}.ticket dl{padding:14px 16px}.step-head .hint{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.hero-nav{margin-left:auto;align-self:flex-start}.hero-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fffdf9d9;border:1px solid var(--sand-2);color:var(--ink);font-size:13.5px;font-weight:500;text-decoration:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-link svg{width:15px;height:15px;color:var(--accent)}.hero-link:hover{border-color:var(--accent);color:var(--accent-dark)}.hero-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lookup-hint{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:var(--radius);background:var(--accent-50);border:1px solid var(--accent-100);text-align:left}.lookup-hint>svg{flex:none;width:26px;height:26px;color:var(--accent);margin-top:2px}.lookup-hint strong{display:block;font-size:15.5px;color:var(--ink)}.lookup-hint p{margin:2px 0 10px;font-size:13.5px;color:var(--ink-2)}.lookup-hint--warn{background:#fbf1dc;border-color:#efdcb2}.lookup-hint--warn p{margin-bottom:0}.hint-strong{color:var(--accent-dark)!important;font-weight:500!important}.btn--sm{padding:7px 14px;font-size:13.5px}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger:hover{background:#8f2e25;border-color:#8f2e25;color:#fff}.lookup-title{margin:0;font-family:var(--serif);font-size:24px}.lookup-lead{margin:6px 0 18px;color:var(--ink-2)}.lookup-form{display:flex;flex-direction:column;gap:14px}.lookup-switch{margin:14px 0 0;text-align:center;font-size:13.5px;color:var(--muted)}.lookup-switch a,.link-cancel{color:var(--accent-dark);font-weight:500}.muted-note{margin:0;color:var(--muted);font-size:13.5px}.alert--ok{background:var(--sage-50);color:var(--sage);border-color:#d6e0d0}.my-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.my-head h1{margin:0;font-family:var(--serif);font-size:21px}.ticket__foot{padding:0 20px 16px}.sub-h{margin:0 0 12px;font-family:var(--serif);font-size:17px}.sub-h--sm{margin-top:20px;font-size:15px;color:var(--ink-2)}.appt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.appt-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.appt-row__when strong{font-weight:700}.appt-row__when span{color:var(--accent-dark);font-weight:500;font-variant-numeric:tabular-nums;margin-left:4px}.appt-row__what{font-size:13.5px;color:var(--muted)}.appt-row__actions{grid-column:1 / -1}.appt-list--past .appt-row{background:transparent}.status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap}.status--booked{background:var(--accent-50);color:var(--accent-dark)}.status--completed{background:var(--sage-50);color:var(--sage)}.status--cancelled{background:#f1ece6;color:#8d8075;text-decoration:line-through}.status--no-show{background:#fbf1dc;color:#7a5a1f}.confirm-box{margin-top:4px;padding:14px;border-radius:var(--radius-sm);background:var(--danger-50);border:1px solid #f1cdc6}.confirm-box p{margin:0 0 10px;font-size:14px;color:var(--ink-2)}.confirm-box p strong{color:var(--danger)}.confirm-box__actions{display:flex;flex-wrap:wrap;gap:8px}.confirm-box__actions .btn{padding:9px 18px}.date-scroller{position:relative}.date-strip{scrollbar-width:none;-ms-overflow-style:none}.date-strip::-webkit-scrollbar{display:none}.date-scroller.can-left .date-strip{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 48px);mask-image:linear-gradient(to right,transparent 0,#000 48px)}.date-scroller.can-right .date-strip{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 48px);mask-image:linear-gradient(to left,transparent 0,#000 48px)}.date-scroller.can-left.can-right .date-strip{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}.date-arrow{position:absolute;top:50%;transform:translateY(calc(-50% - 4px));z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);display:none;place-items:center;cursor:pointer;color:var(--ink-2);padding:0}.date-arrow:hover{border-color:var(--accent);color:var(--accent-dark)}.date-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.date-arrow svg{width:16px;height:16px}.date-arrow--prev{left:-6px}.date-arrow--next{right:-6px}.date-scroller.can-left .date-arrow--prev,.date-scroller.can-right .date-arrow--next{display:grid}@media(hover:none){.date-scroller .date-arrow{display:none!important}}@media(max-width:640px){.salon-hero__inner{flex-wrap:wrap}.hero-nav{margin-left:0;flex-basis:100%}.hero-link{width:100%;justify-content:center}.my-head{flex-direction:column;align-items:flex-start}.my-head h1{font-size:19px}.ticket__foot{padding:0 16px 14px}}.step-tag{margin:0 0 2px;font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--accent-dark)}.demo-code{margin:0 0 16px;padding:12px 16px;border-radius:var(--radius-sm);border:1.5px dashed #8b5cf6;background:#f5f1ff}.demo-code__label{font-size:12.5px;font-weight:500;color:#5b3fb0}.demo-code__num{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:28px;font-weight:700;letter-spacing:.3em;color:#2d2250}.otp-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px!important;letter-spacing:.4em;text-align:center}.otp-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{border-color:transparent;background:transparent;color:var(--muted)}.my-head .muted-note{margin-top:2px}.phone-note{display:inline-flex;align-items:center;padding:12px 4px;color:var(--ink-2);font-size:14px}:root:lang(ja){--sans: "Noto Sans JP", system-ui, "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;--serif: "Noto Serif JP", "Yu Mincho", serif}:root:lang(ko){--sans: "Noto Sans KR", system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--serif: "Noto Serif KR", serif}:root:lang(vi){--sans: "Noto Sans", system-ui, "Segoe UI", Arial, sans-serif;--serif: "Noto Serif", Georgia, serif}.date__wk{white-space:nowrap}:root:lang(ko) body{word-break:keep-all;overflow-wrap:anywhere}.salon-hero{overflow:visible;z-index:5}.salon-hero__clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-nav{display:flex;align-items:center;gap:8px}.lang-menu{position:relative;flex:none}.lang-menu__btn{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.lang-menu__btn::-webkit-details-marker{display:none}.lang-menu__btn::marker{content:""}.lang-menu__chev{width:12px!important;height:12px!important;color:var(--muted)!important;transition:transform .15s}.lang-menu[open] .lang-menu__chev{transform:rotate(180deg)}.lang-menu[open] .lang-menu__btn{border-color:var(--accent);color:var(--accent-dark)}.lang-menu__list{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:172px;margin:0;padding:6px;list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 2px 4px #2d25200f,0 14px 32px #2d252024}.lang-menu__list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:8px;color:var(--ink);font-size:14px;text-decoration:none;white-space:nowrap}.lang-menu__list a:hover{background:var(--sand)}.lang-menu__list a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.lang-menu__list a.is-current{background:var(--accent-50);color:var(--accent-dark);font-weight:700}.lang-menu__list svg{flex:none;width:14px;height:14px;color:var(--accent)}@media(max-width:640px){.hero-nav>.hero-link{flex:1;width:auto}.lang-menu .lang-menu__btn{width:auto}}.demo-bar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:7px 16px;background:#0b0d12;color:#fff;font:400 13px/1.4 Noto Sans TC,system-ui,Microsoft JhengHei,sans-serif;letter-spacing:.01em}.demo-bar__msg{display:flex;align-items:center;gap:8px;min-width:0}.demo-bar__dot{flex:none;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#22d3ee);box-shadow:0 0 0 3px #8b5cf62e}.demo-bar__short{display:none}.demo-bar a{flex:none;color:#fff;text-decoration:none;opacity:.85;white-space:nowrap}.demo-bar a:hover,.demo-bar a:focus-visible{opacity:1;text-decoration:underline;outline:none}@media(max-width:639.98px){.demo-bar__full{display:none}.demo-bar__short{display:inline}}