.book{--ground:#fdf8f2;--surface:#fff;--line:#e6dccf;--ink:#22304b;--muted:#61708d;--accent:#2e7fd4;--accent-deep:#1e62ac;--accent-soft:#e1edfb;--warm:#ef8b1e;--ok:#1e7a4b;--ok-soft:#e3f3ea;background:var(--ground);color:var(--ink);min-height:100vh;margin:0;font:16px/1.6 Sarabun,system-ui,sans-serif}@media (prefers-color-scheme:dark){.book{--ground:#12161f;--surface:#1a2030;--line:#31394f;--ink:#ecf0f8;--muted:#a8b4cb;--accent:#63a8f0;--accent-deep:#8fc3f7;--accent-soft:#1a2a41;--warm:#f5a84e;--ok:#6fcf97;--ok-soft:#14301f}}.book .wrap{padding-left:18px;padding-right:18px;max-width:560px;margin:0 auto;padding-block:26px 56px}.book h1{letter-spacing:-.015em;text-wrap:balance;margin:0 0 4px;font-size:1.5rem}.book .where{color:var(--muted);margin:0 0 4px;font-size:.93rem}.book .tel{color:var(--accent);font-weight:500;text-decoration:none}.book h2{margin:26px 0 10px;font-size:1rem}.book .days{gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto}.book .day{text-align:center;background:var(--surface);border:1px solid var(--line);cursor:pointer;min-width:74px;color:var(--muted);border-radius:12px;flex:none;padding:10px 6px;font-size:.78rem}.book .day b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.2rem;display:block}.book .day[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#e1edfb}.book .day[aria-pressed=true] b{color:#fff}.book .day:disabled{opacity:.38;cursor:not-allowed}.book .slots{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.book .slot{background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:9px;padding:12px 4px;font-family:inherit;font-size:.95rem;font-weight:500}.book .slot[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.book .treats{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:560px){.book .treats{grid-template-columns:1fr 1fr}}.book .treat{text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:12px;flex-direction:column;justify-content:center;gap:3px;min-height:64px;padding:13px 44px 13px 15px;font-family:inherit;display:flex;position:relative}.book .treat-name{font-size:1rem;font-weight:600;line-height:1.3}.book .treat-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;line-height:1.35}.book .treat-meta b{color:var(--ink);font-weight:600}.book .treat:after{content:"";border:2px solid var(--line);box-sizing:border-box;border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;right:15px}.book .treat:hover{border-color:var(--accent)}.book .treat[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.book .treat[aria-pressed=true]:after{border:5px solid var(--accent);background:var(--surface)}.book label{color:var(--muted);margin:14px 0 5px;font-size:.85rem;display:block}.book input,.book textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:13px 14px;font-family:inherit;font-size:1rem;font-weight:400}.book textarea{resize:vertical;min-height:76px}.book .go{background:var(--accent);color:#fff;cursor:pointer;width:100%;box-shadow:0 1px 0 var(--accent-deep);border:0;border-radius:12px;margin-top:20px;padding:16px;font-family:inherit;font-size:1.05rem;font-weight:600}.book .go:disabled{opacity:.55;cursor:default}.book .why{color:var(--muted);margin:12px 0 0;font-size:.85rem}.book .bad{color:#8a2b1d;background:#fdecea;border:1px solid #e5b3ac;border-radius:10px;margin:14px 0 0;padding:12px 14px;font-size:.92rem}@media (prefers-color-scheme:dark){.book .bad{color:#f0b4a8;background:#33201c;border-color:#6a3a31}}.book .done{background:var(--ok-soft);border:1px solid var(--ok);text-align:center;border-radius:14px;padding:22px}.book .done b{margin:0 0 6px;font-size:1.15rem;display:block}.book .done p{color:var(--muted);margin:8px 0 0;font-size:.93rem}.book .lang{color:inherit;font-size:inherit;background:0 0;justify-content:flex-end;gap:0;margin:0 0 14px;padding:0;display:flex}.book .lang button{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;padding:7px 14px;font-family:inherit;font-size:.8rem;font-weight:600}.book .lang button:first-child{border-radius:99px 0 0 99px}.book .lang button:last-child{border-left:0;border-radius:0 99px 99px 0}.book .lang button[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.book :focus-visible{outline:3px solid var(--warm);outline-offset:2px}.book .wrap[style]{--accent-deep:color-mix(in srgb, var(--accent) 78%, #000);--accent-soft:color-mix(in srgb, var(--accent) 14%, var(--ground))}.book .brand-logo{object-fit:contain;max-width:190px;max-height:56px;margin:0 0 12px;display:block}.book .tagline{color:var(--muted);text-wrap:balance;margin:0 0 10px;font-size:1rem}.book .prices{border-top:1px solid var(--line);margin-top:34px;padding-top:6px}.book .prices ul{margin:0;padding:0;list-style:none}.book .prices li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;display:flex}.book .prices li:last-child{border-bottom:0}.book .prices .t-name{font-size:.95rem}.book .prices .t-name i{color:var(--muted);font-size:.85rem;font-style:normal}.book .prices .t-price{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.book .prices .t-price i{color:var(--muted);font-size:.8rem;font-style:normal;font-weight:400;display:block}.book .notify{border:0;gap:8px;margin:18px 0 0;padding:0;display:grid}.book .notify legend{color:var(--muted);margin:0 0 4px;padding:0;font-size:.85rem}.book .notify .check{color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin:0;padding:12px 14px;font-size:.98rem;display:flex}.book .notify .check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0;padding:0}.book .notify .check:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.book .notify .hint{color:var(--muted);font-size:.82rem}.book .notify .bad-hint{color:#8a2b1d}@media (prefers-color-scheme:dark){.book .notify .bad-hint{color:#f0b4a8}}.book .notify input[aria-invalid=true]{border-color:#e5b3ac}.book .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.book.book-embed{background:0 0;min-height:0}.book.book-embed .wrap{padding-left:0;padding-right:0;max-width:none;padding-block:2px 10px}.book .course-left{font-weight:600}.book .waitlist{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:22px;padding:4px 16px 18px}.book .waitlist.done{background:var(--ok-soft);border-color:var(--ok);text-align:center;padding:18px}.book .waitlist.done b{font-size:1.1rem;display:block}.book .waitlist select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:13px 14px}.book .wl-days{grid-template-columns:1fr 1fr;gap:10px;display:grid}.book .wl-days label{margin-top:14px}.book .wl-days input{margin-top:5px}.book .waitlist .consent span{font-size:.88rem;line-height:1.45}.book .wl-open,.book .link-btn{cursor:pointer;font-family:inherit;font-size:.95rem}.book .wl-open{background:var(--surface);width:100%;color:var(--accent-deep);border:1px solid var(--accent);border-radius:12px;margin-top:14px;padding:13px;font-weight:600}.book .link-btn{color:var(--accent-deep);background:0 0;border:0;margin:14px auto 0;padding:6px;text-decoration:underline;display:block}.book .refer{border:1px dashed var(--ok);background:var(--surface);text-align:left;border-radius:12px;margin:16px 0 4px;padding:14px}.book .refer b{font-size:1rem}.book .refer p{color:var(--ink)}.book .refer-row{gap:8px;margin-top:10px;display:flex}.book .refer-row input{flex:1;min-width:0;padding:10px 12px;font-size:.85rem}.book .refer-row button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;flex:none;padding:0 16px;font-family:inherit;font-weight:600}.book .waitlist>.check{color:var(--ink);align-items:flex-start;gap:10px;font-size:.95rem;display:flex}.book .waitlist>.check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:2px 0 0;padding:0}.book .waitlist input,.book .waitlist select,.book .refer input{box-sizing:border-box;max-width:100%}.book .wl-days>label{min-width:0}.book .deposit{border:1px solid var(--line,#dfe5e2);border-radius:12px;margin:14px 0;padding:12px 14px}.book .deposit legend{padding:0 6px;font-weight:700}.book .deposit-qr{background:#fff;border-radius:8px;width:min(240px,70vw);margin:8px auto;padding:8px}.book .deposit-qr svg{width:100%;height:auto;display:block}.book .deposit-pick{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 10px;display:grid}.book .deposit-pick button{border:1px solid var(--line,#dfe5e2);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:12px 10px;font-family:inherit;font-size:.95rem;font-weight:600}.book .deposit-pick button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.book .deposit-head{margin:10px 0 4px;font-weight:600;display:block}.book .bank-card{grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:6px 0;display:grid}.book .bank-card dt{color:var(--muted);font-size:.9rem}.book .bank-card dd{overflow-wrap:anywhere;min-width:0;margin:0}.book .bank-card .acct{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.book .bank-card .copy{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#fff;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:.85rem}.book .slip-preview{border:1px solid var(--line,#dfe5e2);border-radius:8px;max-width:100%;max-height:320px;margin:8px 0;display:block}.book .slip-file{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem}.book .deposit input[type=file]{max-width:100%}