@font-face{font-family:Noto;src:url(/fonts/NotoSansKR-400.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto;src:url(/fonts/NotoSansKR-500.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Noto;src:url(/fonts/NotoSansKR-700.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Youandi;src:url(/fonts/YouandiNewKrTitle-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Youandi;src:url(/fonts/YouandiNewKrTitle-Bold.otf) format("opentype");font-weight:700;font-display:swap}:root{font-family:Noto,Apple SD Gothic Neo,sans-serif;color:#000;background:#eeefef;font-synthesis:none;font-size:14px;--surface:#f3f3f3;--muted:#777;--red:#e60012;--line:#ddd}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0;text-align:left;-webkit-tap-highlight-color:transparent}a,button,input,textarea,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1c39df;outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}p,h1,h2,h3{margin:0}p{line-height:21px}h1{font-size:22px;line-height:38px;font-weight:700}h2{font-size:24px;line-height:38px;font-weight:700}h3{font-size:18px;line-height:29px;font-weight:700}hr{height:1px;width:100%;margin:0;border:0;background:var(--line)}img{display:block}fieldset{margin:0;padding:0;border:0}select{cursor:pointer}input,textarea{border-radius:0}textarea{resize:vertical}strong,b{font-weight:700}.presentation{min-height:100dvh;display:grid;place-items:center;padding:24px}.app-shell{background:#fff;width:390px;height:844px;max-width:100%;position:relative;display:flex;flex-direction:column;box-shadow:0 16px 70px #00000012;overflow:hidden}.status{height:44px;flex:none;padding:17px 40px 8px 44px;display:flex;justify-content:space-between;align-items:center;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:19px;font-weight:600}.status-icons{display:flex;gap:7px;align-items:center}.battery{position:relative;width:19px;height:11px;margin-left:0}.battery-fill{position:absolute;top:2.5px;left:2.5px}.battery-tip{position:absolute;right:-2px;top:3px}header{height:68px;flex:none;position:relative;display:flex;align-items:flex-start;padding:8px 48px 22px 24px;gap:12px}header:has(.back){padding-left:58px}.icon-button{width:32px;height:38px;display:grid;place-items:center}.back{position:absolute;left:19px;top:9px}.menu{position:absolute;right:20px;top:11px}.home-header{padding-top:30px;padding-left:31px}.home-header .menu{top:19px;right:25px}.logo{width:107px;height:15px;object-fit:cover}.content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0 24px 16px;scrollbar-width:none;overscroll-behavior:contain;padding-top:8px}.content::-webkit-scrollbar{display:none}.stack{display:flex;flex-direction:column;gap:20px;padding-bottom:8px}.stack>*{flex-shrink:0;min-width:0}nav{height:76px;flex:none;display:flex;padding-top:11px;background:#fff}nav button{width:25%;height:58px;display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.45;font-size:11px;font-weight:700;line-height:16.5px}nav button[aria-current=page]{opacity:1}.small{font-size:13px;line-height:19px}.label{font-size:12px;line-height:19px;color:#555}.muted{color:var(--muted)}.red{color:var(--red)}.bold{font-weight:700;font-size:15px;line-height:23px}.display{font-size:28px;line-height:40px}.youandi{font-family:Youandi,Noto,sans-serif;font-weight:700}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.info{display:flex;flex-direction:column;gap:4px}.value{font-weight:700;font-size:15px;line-height:23px;overflow-wrap:anywhere}.button{min-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;background:#000;color:#fff;border-radius:4px;width:100%;font-weight:700;font-size:14px;line-height:23px;padding:10px 12px}.button.secondary{color:#000;background:#fff;border:1px solid #ddd}.button:active{transform:translateY(1px)}.row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:82px;gap:16px}.row-copy{display:flex;flex-direction:column;gap:1px;min-height:54px;justify-content:flex-start;padding-top:0;flex:1;min-width:0}.row strong{font-size:14px;line-height:25.5px;overflow-wrap:anywhere}.row small{font-size:12px;line-height:19.5px;color:#656565}.row b{min-width:57px;font-size:16px;line-height:24px;white-space:nowrap}.compact-rows{margin-top:-20px}.membership{background:#000;color:#fff;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px;font-family:Youandi,Noto,sans-serif}.membership>p{font-size:16px;line-height:23px;font-weight:700}.membership h2{font-size:26px;line-height:38px}.membership small{font-weight:500;font-size:13px;line-height:19px}.membership button{font-size:30px;font-weight:700;line-height:46px}.membership button span{margin-left:12px}.coupon-card{padding:26px 20px;background:var(--surface);border-radius:10px;display:flex;flex-direction:column;gap:12px}.coupon-card .small,.voucher-card .small{font-size:11px}.voucher-card{background:#000;color:#fff;padding:26px 20px;display:flex;flex-direction:column;gap:12px;border-radius:10px}.voucher-card .display{font-size:30px;line-height:46px}.filters{display:flex;gap:14px;align-items:center;min-height:23px;font-size:15px;font-weight:700;line-height:23px;flex-wrap:wrap}.filters button{line-height:23px}.filters button[aria-pressed=false]:hover{color:#777}.filters button[aria-pressed=true]:focus-visible{outline-offset:5px}.feature{border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:208px;color:#fff}.feature h2{font-size:28px;line-height:40px}.feature p{font-size:14px;line-height:23px}.feature .small{font-size:13px;line-height:19px}.feature.blue{background:#163bda;gap:10px}.feature.black{background:#000}.feature.black>p:last-child{font-size:16px}.session{background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:8px}.session select{appearance:none;border:0;background:transparent;width:100%;font-weight:700;font-size:15px;line-height:23px}.session p{font-size:16px;line-height:23px}.people{display:flex;align-items:center;gap:22px;font-size:18px;font-weight:700;line-height:29px}.people select{appearance:none;border:0;background:none;font-size:18px;line-height:29px;font-weight:700;padding:0;max-width:170px}.payment{display:flex;flex-direction:column;gap:0}.payment label,.checkbox{display:flex;align-items:center;gap:7px;font-size:14px;line-height:23px;cursor:pointer}input[type=radio],input[type=checkbox]{width:15px;height:15px;accent-color:black;margin:0;flex:none}.qr{display:flex;flex-direction:column;gap:10px;align-items:center;background:var(--surface);padding:16px}.qr>img{width:125px;height:125px;object-fit:contain}.qr p{color:#969696;font-size:11px;line-height:19px;font-weight:500}.preparation{font-size:14px;line-height:21px}.reservation-card{display:flex;flex-direction:column;gap:12px}.reservation-card p:not(.small){line-height:23px}.empty{padding:20px 0;display:flex;flex-direction:column;gap:20px;color:#777}.save-recipe{line-height:19px}.recipe-notes{font-size:14px;line-height:23px;border:0;padding:0;background:transparent;min-height:46px;height:46px;width:100%;resize:vertical;overflow:auto}.recipe-notes:focus{background:#f7f7f7}.journal-counts{font-size:20px;line-height:29px;min-height:29px;gap:20px}.journal-counts button{line-height:29px}.category{display:flex;gap:20px;min-height:23px;align-items:center;font-weight:700;font-size:15px}.category label{display:flex;align-items:center;gap:4px;cursor:pointer}.field{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:700;line-height:23px}.field input,.field textarea{font-weight:400;background:var(--surface);border:0;width:100%;padding:10px 12px;font-size:16px;line-height:23px;min-height:43px}.field input::placeholder,.field textarea::placeholder{color:#777;opacity:1}.field textarea{height:66px;min-height:66px}.screen-write .stack .stack{padding:0}.screen-entry>.stack{gap:22px}.my-card{font-size:18px;line-height:23px}.screen-my .display,.screen-points .display{font-size:30px;line-height:46px}.demo-info{font-size:12px;text-align:center;color:#777;padding:8px}.toast{position:absolute;z-index:5;bottom:88px;left:20px;right:20px;padding:14px 16px;background:#222;color:#fff;border-radius:6px;box-shadow:0 4px 20px #0002;font-size:13px;line-height:20px;text-align:center;pointer-events:none;animation:appear .2s ease}dialog{border:0;padding:0;width:350px;max-width:calc(100vw - 40px);border-radius:12px;box-shadow:0 10px 50px #0003}dialog::backdrop{background:#0006}.modal{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-heading h2{font-size:20px;line-height:29px}.modal-heading button{font-size:28px;line-height:32px;width:32px;text-align:center}.modal p{line-height:23px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){:root{background:#fff}.presentation{padding:0;display:block}.app-shell{width:100%;height:100dvh;box-shadow:none}.status{padding-right:40px}nav{padding-bottom:env(safe-area-inset-bottom);height:calc(76px + env(safe-area-inset-bottom))}}@media(min-width:481px)and (max-height:891px){.presentation{padding:0}.app-shell{height:100dvh;max-height:844px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.feature.blue{height:208px;min-height:208px;overflow:hidden}.feature.blue>*{flex-shrink:0}.screen-booking>.stack{gap:18px}.screen-booking .payment label{font-size:15px}.checkbox{font-size:16px}.launch-screen{position:fixed;inset:0;background:#fff;z-index:100;display:grid;place-items:center;animation:launch-out .65s 2.9s both;pointer-events:none}.launch-logo{width:min(48vw,190px);aspect-ratio:1414/196;position:relative}.launch-logo span{position:absolute;inset:0;opacity:0;animation:letter-in .8s ease forwards}.launch-logo img{width:100%;height:100%;object-fit:contain}@keyframes letter-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes launch-out{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.launch-logo span{opacity:1}.launch-screen{animation:launch-out .1s .3s both!important}}