.kitty-cafe{--cafe-panel:var(--paper);--cafe-edge:var(--line);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:clip}.cafe-bar{border-bottom:1px solid var(--line);align-items:center;gap:22px;min-height:76px;padding:16px 22px;display:flex}.cafe-wordmark{letter-spacing:-.03em;align-items:center;gap:12px;font-family:Fraunces,Georgia,serif;font-size:25px;display:flex}.cafe-wordmark>svg{color:var(--action);flex-shrink:0}.cafe-wordmark small{color:var(--muted);letter-spacing:0;font:12px/1.6 DM Sans,sans-serif;display:block}.cafe-stats{gap:24px;margin-left:auto;display:flex}.cafe-stats>span{align-items:center;gap:7px;font-size:14px;display:flex}.cafe-stats>span>svg{color:var(--action)}.cafe-stats strong{font-variant-numeric:tabular-nums;font-size:22px}.cafe-stats>span>span{color:var(--muted)}.cafe-workspace{height:clamp(380px, var(--cafe-available-height,calc(100dvh - 240px)), 760px);grid-template-columns:minmax(0,1fr) 306px;align-items:stretch;display:grid}.cafe-scene{isolation:isolate;background:#a6b6b5;min-width:0;min-height:0;position:relative;overflow:hidden}.cafe-scene canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cafe-scene canvas:focus-visible{outline:3px solid var(--action);outline-offset:-4px}.cafe-table-label{border:1px solid var(--line);white-space:nowrap;color:#293b36;background:#fff9edf0;border-color:#fffcf5aa;border-radius:7px;align-items:center;gap:5px;max-width:130px;padding:4px 7px;font-size:12px;transition:opacity .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 7px #172c291c}.cafe-table-label:hover{box-shadow:0 0 0 2px var(--action)}.cafe-table-label:disabled{opacity:0;pointer-events:none;visibility:visible!important}.cafe-scene-notice{text-align:center;color:var(--ink);background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;display:flex;position:absolute;inset:0}.cafe-scene-notice p{max-width:30ch;line-height:1.6}.cafe-shift{background:var(--cafe-panel);border-left:1px solid var(--line);flex-direction:column;gap:20px;min-height:0;padding:26px 20px 16px;display:flex;overflow-y:auto}.cafe-kicker{color:var(--action);letter-spacing:.12em;font-size:12px;font-weight:700}.cafe-lesson h2,.cafe-success h2{letter-spacing:-.035em;margin:9px 0 14px;font-family:Fraunces,Georgia,serif;font-size:27px;font-weight:400;line-height:1.2}.cafe-lesson p,.cafe-success p{color:var(--muted);margin:0 0 17px;font-size:14px;line-height:1.65}.cafe-lesson .primary-button,.cafe-success .primary-button{justify-content:center;gap:10px;width:100%}.cafe-tickets{gap:8px;display:grid}.cafe-ticket{text-align:left;width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px;transition:border-color .16s,transform .16s;display:flex}.cafe-ticket img,.cafe-current-order img{border-radius:9px;flex-shrink:0}.cafe-ticket>span{flex:1}.cafe-ticket strong,.cafe-current-order strong{font-size:14px;line-height:1.5;display:block}.cafe-ticket span>span,.cafe-current-order div>span{color:var(--muted);font-size:12px;line-height:1.5;display:block}.cafe-ticket:hover:not(:disabled){border-color:var(--action);transform:translate(2px)}.cafe-current-order{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;animation:.18s ease-out both cafe-guide-arrive;display:flex}.cafe-current-order>button{flex:1 0 100%;justify-content:center;min-height:46px}.cafe-current-action,.cafe-notice{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.cafe-mini-order{text-align:left;border:0;border-block:1px solid var(--line);color:var(--ink);background:0 0;align-items:center;gap:10px;padding:14px 0;display:flex}.cafe-mini-order>span{flex:1;font-size:14px}.cafe-mini-order small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5;display:block}.cafe-mini-order>svg{color:var(--action);flex-shrink:0}.cafe-footer-actions{border-top:1px solid var(--line);background:var(--cafe-panel);gap:12px;margin-top:auto;padding-top:12px;display:flex;position:sticky;bottom:-16px}.cafe-footer-actions>button{min-height:44px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:9px;transition:background-color .12s ease-out,border-color .12s ease-out,transform .12s ease-out;display:flex}.cafe-footer-actions>button:hover{background:var(--paper);border-color:var(--line)}.cafe-success>svg{color:var(--action)}.cafe-question-dialog,.cafe-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;width:min(1160px,100vw - 48px);max-height:calc(100dvh - 48px);padding:0;box-shadow:0 25px 100px #0006}.cafe-question-dialog::backdrop,.cafe-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#111923aa}.cafe-question-header,.cafe-dialog>header{z-index:2;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:20px 26px;display:flex;position:sticky;top:0}.cafe-question-header>div{align-items:center;gap:14px;display:flex}.cafe-question-header>div>svg{color:var(--action)}.cafe-question-header strong{font-size:18px;display:block}.cafe-question-header span>span{color:var(--muted);margin-top:4px;font-size:14px;display:block}.cafe-question-body{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);display:grid}.cafe-reading{min-width:0;padding:28px}.cafe-reading .arcade-question-panel{max-width:none}.cafe-reading .arcade-question-panel h2{font-size:19px;line-height:1.55}.cafe-reading .arcade-reference-passage{font-size:17px;line-height:1.75}.cafe-recipe{background:var(--surface);border-left:1px solid var(--line);min-width:0;padding:28px}.cafe-recipe h3{margin:0 0 18px;font-size:16px;font-weight:600}.cafe-answer-options{gap:12px;display:grid}.cafe-answer-choice{text-align:left;width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:13px;padding:16px;font-size:16px;line-height:1.6;display:flex}.cafe-answer-choice.selected{border-color:var(--action);box-shadow:inset 0 0 0 1px var(--action)}.cafe-answer-choice:hover{border-color:var(--action)}.cafe-choice-letter{border:1px solid var(--line);border-radius:7px;flex-shrink:0;place-items:center;min-width:28px;height:28px;font-size:14px;font-weight:600;display:grid}.cafe-answer-choice.selected .cafe-choice-letter{background:var(--action);color:var(--on-action);border-color:var(--action)}.cafe-prepare{margin-top:22px}.cafe-prepare>button{justify-content:center;gap:10px;width:100%}.cafe-prepare p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.55}.cafe-number-answer{gap:12px;font-size:16px;display:grid}.cafe-number-answer input{background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:15px;font-size:20px}.cafe-dialog{width:min(820px,100vw - 48px);padding:0 26px 26px}.cafe-dialog>header{margin:0 -26px 24px}.cafe-dialog h2{margin:0;font:400 29px/1.2 Fraunces,Georgia,serif}.cafe-shop-balance{align-items:center;gap:9px;font-size:16px;display:flex}.cafe-shop-balance strong{font-size:24px}.cafe-shop-balance svg{color:var(--action)}.cafe-shop-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cafe-shop-item{border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.cafe-shop-item>img{object-fit:contain;background:var(--paper);width:100%;height:170px}.cafe-shop-item>div{flex-direction:column;flex:1;align-items:flex-start;padding:18px;display:flex}.cafe-shop-item h3{margin:0 0 8px;font-size:18px}.cafe-shop-item p{color:var(--muted);flex:1;margin:0 0 16px;font-size:14px;line-height:1.6}.cafe-shop-item button{gap:8px}.cafe-shop-needed{color:var(--muted);margin-top:10px;font-size:12px;display:block}.cafe-cat-list{justify-content:center;gap:16px;display:flex}.cafe-cat-list>button{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.cafe-cat-list img{max-width:100%;height:auto}.cafe-cat-list strong{font-size:16px}.cafe-how-to{margin:0;padding-left:23px}.cafe-how-to>li{margin:0 0 20px;padding-left:8px}.cafe-how-to strong{font-size:16px}.cafe-how-to p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.6}.cafe-help-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:22px;display:flex}.cafe-part-list{gap:12px;margin-top:22px;display:grid}.cafe-part-list button{justify-content:space-between;gap:12px}@media (max-width:1100px){.cafe-workspace{grid-template-columns:minmax(0,1fr) 260px}.cafe-shift{padding:22px 16px 16px}.cafe-stats{gap:14px}.cafe-stats>span>span{display:none}}@media (max-width:760px){.cafe-bar{gap:12px;padding:13px 15px}.cafe-wordmark{gap:9px;font-size:22px}.cafe-wordmark small{display:none}.cafe-stats{gap:10px}.cafe-stats strong{font-size:18px}.cafe-stats>span:last-child{display:none}.cafe-workspace{flex-direction:column;gap:0;height:auto;display:flex}.cafe-scene{order:2;min-height:440px}.cafe-shift{display:contents}.cafe-lesson,.cafe-success{order:0;padding:18px}.cafe-lesson h2,.cafe-success h2{margin:6px 0 9px;font-size:24px}.cafe-lesson p{margin-bottom:10px}.cafe-lesson .primary-button{width:auto}.cafe-tickets{order:3;padding:14px;display:flex;overflow-x:auto}.cafe-ticket{flex:0 0 158px;padding:8px}.cafe-ticket>svg{display:none}.cafe-ticket img{width:36px;height:36px}.cafe-current-order{flex-wrap:nowrap;order:1;margin:0 18px;padding:12px 0}.cafe-current-order>button{flex:none;margin-left:auto}.cafe-current-order img{width:42px;height:42px}.cafe-current-action,.cafe-shift>.cafe-notice{order:1;padding:0 18px 12px}.cafe-mini-order{order:4;padding:14px 18px}.cafe-footer-actions{order:5;padding:8px 14px;position:static}.cafe-question-dialog,.cafe-dialog{border-radius:15px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.cafe-question-header{padding:16px}.cafe-question-header strong{font-size:16px}.cafe-question-header span>span{font-size:12px}.cafe-question-body{grid-template-columns:1fr}.cafe-reading,.cafe-recipe{padding:20px}.cafe-recipe{border-left:0;border-top:1px solid var(--line)}.cafe-dialog{padding:0 18px 22px}.cafe-dialog>header{margin:0 -18px 20px;padding:18px}.cafe-dialog h2{font-size:25px}.cafe-shop-grid{grid-template-columns:1fr}.cafe-shop-item{flex-direction:row}.cafe-shop-item>img{width:100px;height:auto}.cafe-cat-list{gap:8px}.cafe-cat-list>button{padding:12px 8px}}@media (prefers-reduced-motion:reduce){.cafe-ticket{transition:none}}.reduce-motion .cafe-ticket{transition:none}.cafe-special-actions{border-top:1px solid var(--line);gap:10px;padding-top:16px;display:grid}.cafe-special-actions>button{justify-content:center;gap:8px;font-size:14px}.cafe-pour{text-align:center;justify-items:stretch;gap:18px;max-width:520px;margin:16px auto;display:grid}.cafe-pour>svg{color:var(--action);justify-self:center}.cafe-pour>p{margin:0;line-height:1.65}.cafe-pour>button{justify-content:center}.cafe-pour-meter{background:var(--paper);border:1px solid var(--line);border-radius:12px;height:62px;margin:12px 0;position:relative;overflow:hidden}.cafe-pour-zone{left:42%;width:20%;color:var(--on-action);background:var(--action);place-items:center;font-weight:700;display:grid;position:absolute;inset-block:0}.cafe-pour-needle{background:var(--ink);width:3px;height:100%;box-shadow:0 0 0 2px var(--paper);position:absolute;left:0}.cafe-decorate{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.cafe-decorate h3,.cafe-guestbook h3{font:400 24px Fraunces,Georgia,serif}.cafe-decor-choices{gap:14px;margin:20px 0;display:flex}.cafe-decor-choices>button{text-align:left;flex:1;gap:12px;padding:14px}.cafe-decor-choices>button[aria-pressed=true]{border-color:var(--action);box-shadow:inset 0 0 0 1px var(--action)}.cafe-decor-choices small{color:var(--muted);margin-top:6px;font-size:14px;display:block}.cafe-decor-spots{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cafe-decor-spots>button{justify-content:space-between;font-size:14px}.cafe-guestbook ul,.cafe-guestbook ol{padding:0;list-style:none}.cafe-guestbook li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;font-size:16px;display:flex}.cafe-guestbook small{color:var(--muted);margin-top:5px;font-size:14px;display:block}.cafe-guestbook li strong{font-size:14px}@media (max-width:760px){.cafe-special-actions{order:5;padding:14px 18px}.cafe-footer-actions{order:6}.cafe-decor-choices img{width:42px;height:42px}.cafe-decor-choices>button{gap:8px;padding:10px}}.cafe-guide-caption{justify-content:space-between;align-items:center;gap:12px;display:flex}.cafe-guide-caption>span:last-child:not(:first-child){color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.cafe-guide-message{animation:.18s ease-out both cafe-guide-arrive}.cafe-guide-message h2{margin-bottom:10px}.cafe-guide-message p{margin-bottom:14px}.cafe-order-steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.cafe-order-steps li{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.cafe-order-steps li>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.cafe-order-steps [aria-current]{color:var(--action);font-weight:700}.cafe-order-steps [aria-current]>span{border-color:var(--action);background:color-mix(in srgb, var(--action) 10%, var(--paper))}.cafe-order-steps [data-complete=true]>span{color:var(--action)}.cafe-guide-shop{margin-top:16px}.cafe-success{animation:.22s ease-out both cafe-guide-arrive}.cafe-notice{animation:.16s ease-out both cafe-guide-arrive}.cafe-ticket:active:not(:disabled),.cafe-footer-actions>button:active:not(:disabled){transform:scale(.985)}.cafe-table-label[aria-current=true]{color:#fff9ed;background:#254d43;border-color:#f7eddc;box-shadow:0 3px 16px #152e3540}.cafe-scene[data-ready=true] canvas{animation:.3s ease-out both cafe-scene-arrive}.cafe-cat-affection{z-index:2;color:#854757;pointer-events:none;background:#fff9ed;border:1px solid #e7c8bb;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;animation:2.6s ease-out both cafe-affection;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #512d3418}@keyframes cafe-guide-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes cafe-scene-arrive{0%{opacity:0}to{opacity:1}}@keyframes cafe-affection{0%{opacity:0;transform:translate(-50%,calc(5px - 100%))}10%,80%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,calc(-100% - 5px))}}[data-reduced-motion=true] .cafe-guide-message,[data-reduced-motion=true] .cafe-current-order,[data-reduced-motion=true] .cafe-success,[data-reduced-motion=true] .cafe-notice,[data-reduced-motion=true] .cafe-cat-affection{animation:none}@media (prefers-reduced-motion:reduce){.cafe-guide-message,.cafe-current-order,.cafe-success,.cafe-notice,.cafe-cat-affection{animation:none}.cafe-ticket:hover:not(:disabled),.cafe-ticket:active:not(:disabled),.cafe-footer-actions>button:active:not(:disabled){transform:none}}@media (min-width:761px){.cafe-tickets{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-ticket{grid-template-columns:32px minmax(0,1fr);gap:8px;min-height:76px;padding:10px 8px;display:grid}.cafe-ticket img{width:32px;height:32px}.cafe-ticket>svg{display:none}.cafe-ticket strong{font-size:13px}.cafe-ticket span>span{font-size:12px}.cafe-shift{gap:16px;padding-top:22px}}[data-reduced-motion=true] .cafe-ticket:hover:not(:disabled),[data-reduced-motion=true] .cafe-ticket:active:not(:disabled),[data-reduced-motion=true] .cafe-footer-actions>button:active:not(:disabled){transform:none}.cafe-table-label>svg{width:12px;height:12px}
.cafe-modal[open][data-state=opening]{animation:.18s ease-out both cafe-window-enter}.cafe-modal[open][data-state=closing]{pointer-events:none;animation:.14s ease-in both cafe-window-exit}.cafe-modal[open][data-state=opening]::backdrop{animation:.18s ease-out both cafe-backdrop-enter}.cafe-modal[open][data-state=closing]::backdrop{animation:.14s ease-in both cafe-backdrop-exit}.cafe-modal[data-reduced-motion=true][open][data-state=opening]{animation:90ms ease-out both cafe-window-fade-enter}.cafe-modal[data-reduced-motion=true][open][data-state=closing]{animation:70ms ease-in both cafe-window-fade-exit}.cafe-modal[data-reduced-motion=true][open][data-state=opening]::backdrop{animation-duration:90ms}.cafe-modal[data-reduced-motion=true][open][data-state=closing]::backdrop{animation-duration:70ms}@keyframes cafe-window-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@keyframes cafe-window-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)scale(.995)}}@keyframes cafe-window-fade-enter{0%{opacity:0}to{opacity:1}}@keyframes cafe-window-fade-exit{0%{opacity:1}to{opacity:0}}@keyframes cafe-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes cafe-backdrop-exit{0%{opacity:1}to{opacity:0}}.cafe-pour-needle{width:100%;box-shadow:none;transform:translateX(calc((var(--cafe-pour-progress,0) - 1) * 100%));background:0 0;left:0}.cafe-pour-needle:after{content:"";inset-block:0;background:var(--ink);width:3px;box-shadow:0 0 0 2px var(--paper);position:absolute;right:0}.cafe-pour-meter[data-running=true] .cafe-pour-needle{will-change:transform}@media (prefers-reduced-motion:reduce){.cafe-modal[open][data-state=opening]{animation:90ms ease-out both cafe-window-fade-enter}.cafe-modal[open][data-state=closing]{animation:70ms ease-in both cafe-window-fade-exit}.cafe-modal[open][data-state=opening]::backdrop{animation-duration:90ms}.cafe-modal[open][data-state=closing]::backdrop{animation-duration:70ms}}