*{box-sizing:border-box}html,body{background:#eef0ee;margin:0}body{color:#1f2421;font-family:var(--font);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.6}button:focus-visible{outline-offset:2px;outline:2px solid #017e84}h1,h2,h3,p{margin:0}.km-app{min-height:100dvh;overflow-x:hidden}.km-center{text-align:center;place-items:center;min-height:50vh;padding:24px 16px;display:grid}.km-app.km-center{min-height:100vh}.km-muted{color:#5f665e}.km-button{background:#fff;border:1px solid #c9cec7;border-radius:999px;min-height:48px;padding:8px 16px;font-size:16px;font-weight:600}.km-button:hover:not(:disabled){background:#f4f5f3}.km-error{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:480px;margin:32px auto;padding:24px 16px;display:flex}.km-error strong{font-size:18px}.km-lang{flex:none;gap:4px;display:flex}.km-lang button{background:#fff;border:1px solid #d5d9d3;border-radius:999px;min-width:40px;min-height:32px;padding:4px 8px;font-size:12px;font-weight:700}.km-lang button[aria-pressed=true]{color:#fff;background:#1f2421;border-color:#1f2421}.km-login{flex-direction:column;align-items:center;gap:24px;padding:16px 16px 48px;display:flex}.km-login-head{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:960px;display:flex}.km-login-head h1{font-size:18px;font-weight:700}.km-who,.km-pin{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.km-who{max-width:960px}.km-who h2,.km-pin h2{font-size:24px;font-weight:700;line-height:1.3}.km-staff-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;width:100%;margin-top:8px;display:grid}.km-staff-tile{overflow-wrap:anywhere;background:#fff;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:128px;padding:16px 12px;font-size:18px;font-weight:700;display:flex;box-shadow:0 1px 3px #1f242114}.km-staff-tile:before{content:attr(data-initial);color:#111411;background:#8a9a80;border-radius:999px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.km-staff-tile:hover{background:#f7f8f6}.km-pin{max-width:360px;padding-top:16px}.km-pin-dots{gap:16px;margin-top:8px;display:flex}.km-pin-dots.is-shaking{animation:.4s ease-in-out km-shake}.km-pin-dot{border:2px solid #1f2421;border-radius:999px;width:16px;height:16px}.km-pin-dot.is-filled{background:#1f2421}.km-pin-message{color:#a92534;min-height:24px;font-weight:700}.km-pin-pad{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.km-pin-key,.km-pin-erase{background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;height:72px;display:flex;box-shadow:0 1px 3px #1f242114}.km-pin-key{font-size:28px;font-weight:600}.km-pin-erase{box-shadow:none;background:0 0;font-size:16px}.km-pin-key:active:not(:disabled){background:#dfe5db}.km-link{background:0 0;border:0;min-height:48px;padding:8px 16px;font-size:16px;text-decoration:underline}@keyframes km-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.km-top{z-index:10;background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #1f24211a}.km-search{color:#5c635a;background:#fff;border:1px solid #c9cec7;border-radius:999px;flex:100%;order:3;align-items:center;gap:8px;min-height:48px;padding:0 16px;display:flex}.km-search input{color:#1f2421;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.km-search input::-webkit-search-cancel-button{display:none}.km-search:focus-within{border-color:#7b8f72;box-shadow:0 0 0 2px #7b8f7240}.km-search-clear{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:flex}.km-pills{scrollbar-width:none;flex:1;gap:8px;min-width:0;display:flex;overflow-x:auto}.km-pills::-webkit-scrollbar{display:none}.km-pill{white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;min-height:40px;padding:6px 16px;font-size:16px}.km-pill:hover{background:#f1f3ef}.km-pill[aria-current=true]{color:#111411;background:#8a9a80;font-weight:700}.km-main{max-width:1200px;margin:0 auto;padding:16px 16px 128px}.km-section{margin-bottom:32px;scroll-margin-top:80px}.km-section h2{margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.3}.km-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.km-card{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px;display:flex;box-shadow:0 1px 3px #1f242114}.km-card-image{aspect-ratio:1;color:#b9beb7;background:#f7f7f7;border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.km-card.is-out .km-card-image svg{opacity:.35}.km-card.is-out .km-card-image{background:#e4e6e3}.km-card-out{color:#fff;white-space:nowrap;background:#1f2421d9;border-radius:999px;padding:4px 12px;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.km-card-name{overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.4}.km-card-price{font-size:16px}.km-card.is-out .km-card-name,.km-card.is-out .km-card-price{color:#8b918a}.km-card-by{color:#5f665e;font-size:12px}.km-switch{background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:48px;margin-top:auto;padding:4px 8px;font-size:14px;font-weight:700;display:inline-flex}.km-switch[aria-busy=true]{opacity:.7}.km-switch-track{background:#9aa09a;border-radius:999px;flex:none;width:52px;height:32px;transition:background-color .15s;position:relative}.km-switch-thumb{background:#fff;border-radius:999px;width:24px;height:24px;transition:transform .15s;position:absolute;top:4px;left:4px;box-shadow:0 1px 2px #1f242133}.km-switch[aria-checked=true] .km-switch-track{background:#2e7d32}.km-switch[aria-checked=true] .km-switch-thumb{transform:translate(20px)}.km-switch[aria-checked=true] .km-switch-label{color:#256534}.km-switch[aria-checked=false] .km-switch-label{color:#5f665e}.km-bottom{z-index:10;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#fff;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 4px #1f24211a}.km-person{align-items:center;gap:8px;min-width:0;display:flex}.km-person strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.km-count{flex:none;font-weight:700}.km-count.is-out{color:#a92534}.km-toast{z-index:11;color:#fff;background:#a92534;border-radius:12px;max-width:560px;margin:0 auto;padding:12px 16px;font-weight:600;position:fixed;bottom:96px;left:16px;right:16px}@media (width<=1023px){.km-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=719px){.km-grid,.km-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.km-section h2{margin-bottom:12px;font-size:18px}.km-card{padding:8px}.km-card-name,.km-card-price,.km-card-out{font-size:14px}.km-bottom .km-button{padding:8px 12px}.km-person svg{display:none}}@media (prefers-reduced-motion:reduce){.km-pin-dots.is-shaking{animation:none}.km-switch-track,.km-switch-thumb{transition:none}}