:root{--text-main:#4f4a3f;--text-soft:#837c70;--text-muted:#a8a094;--page-bg:#fbf9f4;--card-bg:#fff;--hero-bg:#efeae0;--card-border:#ede7dc;--soft-block:#f7f5ee;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{background:var(--page-bg);min-height:100svh;color:var(--text-main);margin:0;line-height:1.7}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-shell{gap:1.25rem;max-width:960px;margin:0 auto;padding:1rem;display:grid}.hero,.calendar-card,.page-footer{border:1px solid var(--card-border);background:var(--card-bg);border-radius:24px}.hero{background:var(--hero-bg);min-height:auto;padding:1.1rem 1.2rem;display:block}.hero__text{align-content:center;gap:.45rem;display:grid}.hero h1{color:var(--text-main);letter-spacing:.03em;margin:0;font-size:clamp(1.45rem,3.8vw,1.9rem);line-height:1.4}.hero h2{color:var(--text-soft);margin:0;font-size:1rem;font-weight:400;line-height:1.7}.hero__desc{color:var(--text-soft);margin:0;font-size:.92rem;line-height:1.7}.calendar-card{padding:1rem .85rem 1.2rem;box-shadow:0 2px 12px #00000008}.calendar-header{grid-template-columns:44px 1fr 44px;align-items:center;gap:.5rem;margin-bottom:.75rem;display:grid}.month-arrow{border:1px solid var(--card-border);background:var(--soft-block);width:44px;height:44px;color:var(--text-main);border-radius:12px;font-size:1.5rem;line-height:1}.month-arrow:disabled{opacity:.35;cursor:not-allowed}.month-title-wrap{text-align:center}.month-title-wrap h3{color:#4f4a3f;margin:0;font-size:clamp(1.35rem,3.2vw,1.6rem);font-weight:600;line-height:1.4}.month-switches{gap:.45rem;margin-top:.55rem;display:inline-flex}.month-chip{border:1px solid var(--card-border);background:var(--soft-block);color:#6f685c;border-radius:12px;min-height:44px;padding:.5rem .95rem;font-size:.84rem}.month-chip.is-active{color:#4f4a3f;background:#ece6da;border-color:#d8cfbf}.week-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:.38rem;margin-bottom:.5rem;display:none}.week-row span{text-align:center;color:#7a7267;letter-spacing:.1em;padding:.42rem .2rem;font-size:.74rem;font-weight:600;line-height:1.6}.week-row span:first-child,.week-row span:last-child{color:#9e8a82}.calendar-layout{display:block}.mini-calendar{display:none}.mini-calendar__legend{color:#857d70;letter-spacing:.03em;background:#f7f5ee;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.3rem .85rem;margin:.85rem 0 0;padding:.55rem .7rem;font-size:.72rem;display:flex}.mini-calendar__legend .mini-dot{margin-left:.3rem;margin-right:.18rem}.mini-calendar__legend .mini-dot:first-child{margin-left:0}.mini-grid--next{animation:.2s month-slide-next}.mini-grid--prev{animation:.2s month-slide-prev}.mini-cell{appearance:none;font-family:inherit;font-size:inherit;cursor:pointer;text-align:center;background:#fefdfb;border:1px solid #ede5d4;border-radius:10px;grid-template-rows:1fr 12px;place-items:center;row-gap:0;width:100%;height:100%;margin:0;padding:0;line-height:1;transition:border-color .24s,background-color .24s;display:grid}.mini-cell:not(:disabled):hover{background:#fdfaf2;border-color:#c7b59b}.mini-cell:disabled{cursor:default}.mini-cell--outside{background:#fbfaf7;border-color:#f2ede2}.mini-cell--past{opacity:.4}.mini-cell--today{background:#f3ead8;border-color:#c7b59b}.mini-cell--full{background:#faf8f4}.mini-cell__num{color:#565045;font-variant-numeric:tabular-nums;align-self:center;font-size:.82rem;font-weight:600;line-height:1}.mini-cell--outside .mini-cell__num{color:#bab1a2;font-weight:500}.mini-cell--today .mini-cell__num{color:#4f4a3f;font-weight:700}.mini-cell__dots{justify-content:center;align-self:start;align-items:center;gap:4px;height:7px;display:flex}.mini-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px;display:inline-block}.mini-dot--morning{background:#9cb3a4}.mini-dot--afternoon{background:#bfac8f}.mini-dot--evening{background:#8e9ea9}.mini-dot--full{background:0 0;border:1px solid #d6cfc1}.slot-pill{color:#fbf9f4;text-align:left;border:1px solid #0000;border-radius:11px;min-height:34px;padding:.32rem .52rem;transition:transform .28s,box-shadow .28s,border-color .28s,background-color .28s;position:relative}.slot-pill strong{letter-spacing:.02em;font-size:.92rem;font-weight:600;line-height:1.2;display:block}.slot-pill:hover{transform:translateY(-1px);box-shadow:0 3px 9px #584d3c24}.slot-pill:active{transform:translateY(0)}.slot-pill:focus-visible{outline:none;box-shadow:0 0 0 2px #bbb0a059}.slot-pill.is-selected{border-color:#ffffff85;box-shadow:0 3px 10px #554c3d29,inset 0 0 0 1px #ffffff52}.check-mark{font-size:.72rem;font-weight:700;position:absolute;top:5px;right:6px}.slot--morning{background:#9cb3a4}.slot--morning:hover{background:#8ea697}.slot--afternoon{background:#bfac8f}.slot--afternoon:hover{background:#b09d80}.slot--evening{background:#8e9ea9}.slot--evening:hover{background:#7f909c}.slot--full{color:#a39b8e;cursor:not-allowed;background:0 0;border:1px dashed #d6cfc1}.slot--full strong{letter-spacing:.04em;font-weight:500}.slot--full:hover{box-shadow:none;background:0 0;border-color:#d6cfc1;transform:none}.overview-more{color:#888173;margin:0;font-size:.65rem;font-weight:600;line-height:1.2}.month-empty{background:var(--soft-block);text-align:center;border:1px dashed #dfd7c8;border-radius:16px;place-content:center;gap:.5rem;min-height:310px;padding:1rem;display:grid}.month-empty__icon{color:#b9b1a3;font-size:1.6rem}.month-empty p{color:var(--text-main);margin:0}.month-empty small{color:var(--text-soft)}.calendar-note{color:#857d70;text-align:center;margin:1.05rem 0 0;font-size:.78rem}.page-footer{color:var(--text-soft);padding:1rem;display:none}.page-footer p,.page-footer small{margin:0;font-size:.82rem;line-height:1.7}.mobile-card-list{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.day-card{background:#fff;border:1px solid #ece5d7;border-radius:20px;padding:1.1rem 1.15rem 1.2rem;box-shadow:0 2px 10px #4f4a3f0a}.day-card--today{border-color:#d7cbb8;box-shadow:0 2px 12px #a38f6c1a}.day-card__head{border-bottom:1px solid #f0eadf;align-items:baseline;gap:.65rem;margin-bottom:.85rem;padding-bottom:.85rem;display:flex}.day-card__date{color:#4f4a3f;letter-spacing:.02em;font-size:1.18rem;font-weight:700}.day-card__wk{color:#8a8377;letter-spacing:.06em;font-size:.86rem}.day-card__today{color:#7a8d6e;letter-spacing:.04em;background:#edf1e8;border-radius:999px;margin-left:auto;padding:.18rem .65rem;font-size:.74rem}.day-card__slots{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.day-card__slots .slot-pill{border-radius:12px;flex-direction:column;justify-content:center;min-height:54px;padding:.75rem .85rem;display:flex}.day-card__slots .slot-pill strong{letter-spacing:.03em;font-size:1rem}.day-card__slots .slot--full{min-height:46px;padding:.55rem .85rem}.mobile-card-list{display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#5c54462e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--card-border);background:#fff;border-radius:24px;width:min(92vw,420px);padding:1rem;animation:.25s modal-in;box-shadow:0 4px 16px #0000000f}.modal-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.modal-header h4{color:var(--text-main);margin:0;font-size:1.2rem}.close-btn{border:1px solid var(--card-border);background:var(--soft-block);width:44px;height:44px;color:var(--text-soft);border-radius:12px;font-size:1.5rem;line-height:1}.close-btn:disabled{opacity:.4}.summary-card{background:#edf3ee;border:1px solid #d6e1d8;border-radius:12px;margin-top:.85rem;padding:.75rem}.summary-card p{color:var(--text-main);margin:0;font-size:.9rem;line-height:1.6}.summary-card--soft{background:#f0f4ef}.network-error{color:#ae4f4a;background:#f9eae7;border:1px solid #efd0cb;border-radius:12px;margin:.75rem 0 0;padding:.65rem .7rem;font-size:.78rem;line-height:1.55}.booking-form{gap:1rem;margin-top:.95rem;display:grid}.booking-form label{color:var(--text-main);gap:.35rem;font-size:.87rem;line-height:1.7;display:grid}.booking-form input,.booking-form textarea{border:1px solid var(--card-border);background:var(--soft-block);color:var(--text-main);border-radius:12px;min-height:44px;padding:.78rem .8rem}.booking-form textarea{resize:vertical;min-height:96px}.booking-form .is-error{border-color:#efd0cb}.field-error{color:#ae4f4a;font-size:.75rem;line-height:1.5}.primary-btn{color:#fff;letter-spacing:.02em;background:#697066;border:none;border-radius:12px;width:100%;min-height:48px;font-size:1rem;transition:background-color .3s}.primary-btn:hover{background:#575e55}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.result-state{text-align:center;justify-items:center;gap:.75rem;display:grid}.result-icon{color:#fff;background:#a8bdb0;border-radius:999px;place-items:center;width:72px;height:72px;font-size:1.8rem;display:grid}.result-icon--error{color:#ae4f4a;background:#f1d8d4}.result-state h4{color:var(--text-main);margin:0;font-size:1.5rem}.result-state p{color:var(--text-soft);margin:0;line-height:1.7}.success-hint{color:#5b7b6e;background:#edf3ee;border:1px solid #d6e1d8;border-radius:12px;margin:0;padding:.6rem .7rem;font-size:.78rem}.success-hint--plain{color:#7e7669;background:#f8f5ef;border-color:#e7dfd2}.text-btn{color:#6b7a72;text-underline-offset:4px;background:0 0;border:none;min-height:44px;text-decoration:underline}@keyframes month-slide-next{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes month-slide-prev{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=640px){.app-shell{gap:1.5rem;padding:1.5rem}.hero,.page-footer,.calendar-card{padding:1.5rem}.page-footer{gap:.2rem;display:grid}.day-card{padding:1.25rem 1.5rem 1.4rem}.day-card__date{font-size:1.25rem}.day-card__slots{grid-template-columns:repeat(3,1fr);gap:.7rem}}@media (width>=1024px){.app-shell{max-width:1180px;padding:min(48px,4%)}.hero{min-height:auto;padding:1.5rem 1.75rem}.calendar-card{padding:1.85rem 2rem}.calendar-layout{grid-template-columns:minmax(320px,.9fr) 1.3fr;align-items:start;gap:2rem;display:grid}.mini-calendar{display:block;position:sticky;top:1rem}.mini-calendar .week-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;margin-bottom:.5rem;display:grid}.mini-calendar .week-row span{text-align:center;padding:.3rem 0;font-size:.68rem}.mini-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:54px;gap:.3rem;display:grid}.mobile-card-list{gap:1rem}.day-card{padding:1.35rem 1.6rem 1.5rem}.day-card__date{font-size:1.3rem}.day-card__slots{grid-template-columns:repeat(3,1fr);gap:.75rem}.day-card__slots .slot-pill{min-height:58px}}