@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#12302f;--muted:#4f6967;--line:#d9e5e3;--wash:#f2f7f6;--paper:#fff;--teal:#0b6b69;--teal-deep:#08504f;--teal-soft:#e1f0ee;--zalo:#0068ff;--zalo-deep:#0052cc;--warn:#8a4f00;--warn-soft:#fff3df;--danger:#a3261f;--r-sm:10px;--r-md:16px;--r-lg:22px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--paper);flex-direction:column;min-height:100dvh;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.0625rem);line-height:1.55;display:flex}main{flex:1}.wrap{width:100%;max-width:760px;padding-inline:var(--s4);margin-inline-start:auto;margin-inline-end:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:focus-visible{outline:3px solid var(--zalo);outline-offset:2px;border-radius:6px}h1,h2,h3,p{margin:0}.top{background:var(--paper);border-block-end:1px solid var(--line);z-index:5;position:sticky;top:0}.top__row{justify-content:space-between;align-items:center;gap:var(--s3);padding-block:var(--s3);flex-wrap:wrap;display:flex}.brand{flex-direction:column;line-height:1.2;display:flex}.brand__name{letter-spacing:-.01em;color:var(--teal-deep);font-size:1.15rem;font-weight:700}.brand__tool{color:var(--muted);font-size:.85rem}.top__actions{gap:var(--s2);display:flex}.top__actions[hidden]{display:none}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:48px;padding:0 var(--s4);font:inherit;cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--ghost{background:var(--paper);border-color:var(--line);color:var(--teal-deep)}.btn--ghost:hover{border-color:var(--teal);background:var(--teal-soft)}.top .btn{min-height:40px;padding:0 var(--s3);font-size:.875rem}.btn--primary{background:var(--teal);color:#fff}.btn--primary:hover{background:var(--teal-deep)}.btn--zalo{background:var(--zalo);color:#fff}.btn--zalo:hover{background:var(--zalo-deep)}.btn.is-disabled{background:var(--wash);color:var(--muted);cursor:not-allowed}.link-btn{padding:var(--s2) 0;font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:.875rem;text-decoration:underline}.link-btn:hover{color:var(--danger)}.link-btn[hidden]{display:none}.empty{padding-block:var(--s6) var(--s5)}.empty[hidden]{display:none}.drop{align-items:center;gap:var(--s2);text-align:center;padding:var(--s7) var(--s5);border-radius:var(--r-lg);background:var(--wash);color:var(--teal-deep);cursor:pointer;border:2px dashed #9cc7c3;flex-direction:column;transition:background-color .15s,border-color .15s;display:flex}.drop:hover,.drop:focus-within{border-color:var(--teal);background:var(--teal-soft)}.drop__icon{width:52px;height:52px;color:var(--teal);margin-block-end:var(--s2)}.drop__title{letter-spacing:-.01em;max-width:22ch;font-size:clamp(1.2rem,1rem + 1vw,1.5rem);font-weight:700;line-height:1.3}.drop__sub{color:var(--muted)}.empty__lead{margin-block:var(--s5) var(--s4);max-width:60ch;color:var(--ink)}.steps{color:var(--muted);gap:var(--s2);max-width:60ch;margin:0;padding-inline-start:1.4em;display:grid}.steps li::marker{color:var(--teal);font-weight:700}.privacy{gap:var(--s3);margin-block:var(--s5) var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--teal-soft);color:var(--teal-deep);align-items:flex-start;font-size:.925rem;font-weight:500;display:flex}.privacy svg{flex:none;width:22px;height:22px;margin-block-start:1px}#listView[hidden]{display:none}.days{gap:var(--s2);padding-block:var(--s4) var(--s3);margin-inline:calc(var(--s4) * -1);padding-inline:var(--s4);scroll-snap-type:x proximity;scrollbar-width:thin;display:flex;overflow-x:auto}.day{scroll-snap-align:center;min-width:108px;padding:var(--s2) var(--s3) var(--s3);border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;text-align:start;cursor:pointer;border-block-start-width:5px;flex:none;justify-items:start;transition:border-color .15s,background-color .15s;display:grid}.day:hover{border-color:#9cc7c3}.day[aria-pressed=true]{border-color:var(--teal);background:var(--teal-soft)}.day.is-past:not([aria-pressed=true]){opacity:.7}.day__wd{color:var(--muted);font-size:.8rem;font-weight:600}.day__date{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.15}.day__count{color:var(--muted);font-size:.8rem}.day[aria-pressed=true] .day__wd,.day[aria-pressed=true] .day__count{color:var(--teal-deep)}.tools{gap:var(--s3);padding-block-end:var(--s3);display:grid}.search{align-items:center;gap:var(--s2);padding-inline:var(--s4);border:1.5px solid var(--line);background:var(--paper);min-height:50px;color:var(--muted);border-radius:999px;display:flex}.search:focus-within{border-color:var(--teal)}.search svg{flex:none;width:20px;height:20px}.search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-height:46px}.progress{align-items:center;gap:var(--s2) var(--s3);color:var(--muted);flex-wrap:wrap;font-size:.925rem;display:flex}.progress strong{color:var(--ink)}.bar{background:var(--wash);border-radius:99px;flex:120px;height:6px;overflow:hidden}.bar span{background:var(--teal);border-radius:inherit;height:100%;transition:width .3s;display:block}.list{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.appt{border:1.5px solid var(--line);border-radius:var(--r-lg);background:var(--paper);grid-template-columns:76px 1fr;transition:opacity .2s,background-color .2s;display:grid;overflow:hidden}.appt__time{align-items:center;gap:var(--s1);padding:var(--s4) var(--s2);background:var(--wash);border-inline-end:1.5px solid var(--line);flex-direction:column;display:flex}.appt__clock{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--teal-deep);font-size:1.45rem;font-weight:700;line-height:1.1}.appt__day{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.appt.is-notime .appt__clock{color:var(--warn)}.appt__body{padding:var(--s4);min-width:0}.appt__name{letter-spacing:-.01em;font-size:1.2rem;font-weight:700;line-height:1.3}.appt__warn{padding:var(--s1) var(--s3);border-radius:var(--r-sm);background:var(--warn-soft);color:var(--warn);margin-block-start:var(--s2);font-size:.875rem;font-weight:500}.appt__treat{color:var(--teal-deep);margin-block-start:var(--s1);font-weight:500}.appt__facts{margin:var(--s3) 0 0;gap:2px;font-size:.925rem;display:grid}.appt__facts div{gap:var(--s2);grid-template-columns:5.5em 1fr;display:grid}.appt__facts dt{color:var(--muted)}.appt__facts dd{overflow-wrap:anywhere;margin:0}.appt__facts a{color:inherit;font-variant-numeric:tabular-nums;text-underline-offset:3px}.appt__actions{gap:var(--s2);grid-template-columns:1fr 1fr;margin-block-start:var(--s4);display:grid}.appt__actions .btn{min-height:52px;padding-inline:var(--s3)}.tick{align-items:center;gap:var(--s3);min-height:48px;padding-inline:var(--s3);border-radius:var(--r-md);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;grid-column:1/-1;font-weight:600;display:flex}.tick:hover{background:var(--wash)}.tick input{opacity:0;width:1px;height:1px;position:absolute}.tick__box{background:var(--paper);border:2px solid #9cb3b1;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;transition:background-color .15s,border-color .15s;display:grid}.tick__box:after{content:"";opacity:0;border-block-end:3px solid #fff;border-inline-start:3px solid #fff;width:12px;height:7px;transform:rotate(-45deg)translate(1px,-1px)}.tick input:checked+.tick__box{background:var(--teal);border-color:var(--teal)}.tick input:checked+.tick__box:after{opacity:1}.tick input:checked~span:last-child{color:var(--teal-deep)}.tick input:focus-visible+.tick__box{outline:3px solid var(--zalo);outline-offset:2px}.appt.is-done{background:var(--wash)}.appt.is-done .appt__time,.appt.is-done .appt__name,.appt.is-done .appt__treat,.appt.is-done .appt__facts,.appt.is-done .appt__warn{opacity:.55}.none{padding:var(--s6) var(--s4);text-align:center;color:var(--muted)}.meta{color:var(--muted);margin-block-start:var(--s4);font-size:.85rem}@media (min-width:640px){.appt{grid-template-columns:104px 1fr}.appt__clock{font-size:1.75rem}.appt__actions{grid-template-columns:auto auto 1fr;align-items:center}.tick{grid-column:auto;justify-self:end}}.foot{justify-content:space-between;align-items:center;gap:var(--s3);padding-block:var(--s4) 96px;flex-wrap:wrap;display:flex}.credit{color:var(--muted);margin-inline-start:auto;font-size:.8rem;text-decoration:none}.credit:hover{text-decoration:underline}.sheet{border-radius:var(--r-lg);width:min(560px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border:0;padding:0;box-shadow:0 24px 60px #0a323040}.sheet::backdrop{background:#0a282673}.sheet__body{padding:var(--s5);gap:var(--s3);display:grid}.sheet h2{font-size:1.3rem;font-weight:700}.sheet__hint,.sheet__preview-label{color:var(--muted);font-size:.9rem}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chips button{min-height:40px;padding:0 var(--s3);border:1.5px solid var(--line);background:var(--wash);font:inherit;color:var(--teal-deep);cursor:pointer;border-radius:999px;font-size:.85rem}.chips button:hover{border-color:var(--teal)}.sheet textarea{width:100%;font:inherit;padding:var(--s3);border-radius:var(--r-md);border:1.5px solid var(--line);resize:vertical;color:var(--ink);line-height:1.5}.sheet textarea:focus{border-color:var(--teal);outline:none}.sheet__preview{padding:var(--s3) var(--s4);border-radius:var(--r-md) var(--r-md) var(--r-md) 4px;white-space:pre-wrap;background:#e8f1ff;font-size:.95rem}.sheet__actions{align-items:center;gap:var(--s2);flex-wrap:wrap;margin-block-start:var(--s2);display:flex}.spacer{flex:1}.toast{inset-inline:var(--s4);bottom:calc(var(--s4) + env(safe-area-inset-bottom));max-width:480px;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--teal-deep);color:#fff;text-align:center;opacity:0;pointer-events:none;z-index:20;margin-inline-start:auto;margin-inline-end:auto;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;transform:translateY(12px);box-shadow:0 12px 30px #0a323040}.toast.is-on{opacity:1;transform:none}.toast.is-error{background:var(--danger)}.dropcover{border:4px dashed var(--teal);color:var(--teal-deep);opacity:0;pointer-events:none;z-index:30;background:#e1f0eeeb;place-items:center;font-size:1.4rem;font-weight:700;transition:opacity .15s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dropcover.is-on{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}