/* Reservation palette, one compact customer-facing menu. No staff overrides. */
body:has(.app-shell){background:#0d1f1a;color:#f5f0e8}
.app-shell{--ink:#0d1f1a;--ink-2:#1a2f2a;--panel:#1a2f2a;--paper:#f5f0e8;--muted:#a89f91;--line:rgba(184,115,51,.25);--accent:#b87333;--accent-2:#d4a574;--warn:#d4a574;--radius:8px;--shadow:0 16px 45px #0003;max-width:900px;color:var(--paper);font-size:16px;line-height:1.6;font-family:'Noto Serif SC','Songti SC',SimSun,serif}
.app-shell .topbar{height:78px;position:relative;padding:0 32px;background:none;border:0;backdrop-filter:none}
.app-shell .brand{gap:10px}.app-shell .brand-seal{width:auto;height:auto;border:0;font-size:26px;font-weight:500;letter-spacing:2px;color:#d4a574}.app-shell .brand-copy strong{font-size:13px;letter-spacing:1px;color:#a89f91;font-weight:400}.app-shell .brand-copy span{display:none}
.app-shell .account-link{background:none;border:0;border-bottom:1px solid #b87333;border-radius:0;min-height:44px;padding:8px 0;color:#d4a574;font-size:14px}.app-shell .account-link.signed span{font-size:12px}
.app-shell .page{padding:24px 32px 112px;animation:none}.app-shell .eyebrow{display:none}
.menu-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 0 22px}.menu-heading h1{font:400 24px/1.5 'Noto Serif SC','Songti SC',SimSun,serif;letter-spacing:2px;margin:0}.menu-heading>span{font-size:12px;color:#a89f91;letter-spacing:1px}
.evening-menu{border-top:3px double #b87333;border-bottom:3px double #b87333}
.menu-option{display:grid;grid-template-columns:1fr 1fr 32px;align-items:center;gap:22px;width:100%;border:0;border-bottom:1px solid rgba(184,115,51,.32);background:none;color:#f5f0e8;text-align:left;padding:34px 2px;min-height:132px;transition:background .18s}
.menu-option:last-child{border-bottom:0}.option-title{font:400 44px/1.2 'Noto Serif SC','Songti SC',SimSun,serif;letter-spacing:9px;color:#d4a574}.option-detail{display:block;min-width:0}.option-detail>span{font-size:16px;overflow-wrap:anywhere}.option-detail small{display:block;font:13px/1.7 system-ui,sans-serif;color:#a89f91;margin-top:5px}.option-arrow{font:26px/1 Georgia,serif;color:#d4a574;justify-self:end}.menu-option:not(:disabled):hover{background:#1a2f2a}.menu-option:not(:disabled):active{background:#233c32}.menu-option:disabled{opacity:.45;cursor:default}
.guest-slip{margin-top:25px;padding:15px 18px;background:#1a2f2a;border-left:2px solid #b87333;display:flex;align-items:center;justify-content:space-between;gap:15px}.guest-slip>div{display:flex;align-items:baseline;gap:16px}.guest-slip span{color:#a89f91;font:13px/1.6 system-ui,sans-serif}.guest-slip strong{font-weight:500;font-size:22px;letter-spacing:2px;color:#f5f0e8}.guest-slip small{font:12px/1.6 system-ui,sans-serif;color:#a89f91}
.app-shell .bottom-nav{height:72px;background:#0d1f1af5;border-top:1px solid rgba(184,115,51,.25);border-radius:0;max-width:900px;width:100%;left:50%;right:auto;transform:translateX(-50%);backdrop-filter:blur(8px)}.app-shell .bottom-nav button{font:14px/1.5 system-ui,sans-serif;color:#a89f91;letter-spacing:1px}.app-shell .bottom-nav button.active{color:#d4a574;font-weight:600}
.app-shell .section-head{margin:0 0 24px}.app-shell .section-head h1,.app-shell .account-page h1{font-size:28px;font-weight:500;color:#d4a574;letter-spacing:2px}.app-shell .section-head p{font:14px/1.7 system-ui,sans-serif;margin-top:10px}.app-shell .back,.app-shell .drink-back{display:inline-flex;align-items:center;font-size:14px;min-height:44px;color:#d4a574;margin-bottom:14px}
.app-shell .btn{border-radius:6px;font:500 16px/1.5 system-ui,sans-serif;min-height:48px}.app-shell .btn.primary{background:#b87333;color:#0d1f1a}.app-shell .btn.ghost{color:#d4a574;border-color:rgba(184,115,51,.4)}.app-shell .btn.small{font-size:14px;min-height:44px}.app-shell button:focus-visible,.app-shell a:focus-visible{outline:2px solid #d4a574;outline-offset:4px}
.app-shell .field input,.app-shell .field textarea,.app-shell .field select,.app-shell .search input{background:#1a2f2a;border:1px solid rgba(184,115,51,.3);border-radius:6px;color:#f5f0e8;font:16px/1.5 system-ui,sans-serif}.app-shell .field label{font:14px/1.5 system-ui,sans-serif;color:#a89f91}.app-shell input::placeholder{color:#a89f91}.app-shell .chip{font:14px/1.5 system-ui,sans-serif;border-radius:4px}.app-shell .chip.active{background:#1a2f2a;border-color:#b87333;color:#d4a574}
.app-shell .price-banner{max-width:none;background:none;border:0;border-top:1px solid #b87333;border-bottom:1px solid var(--line);border-radius:0;padding:15px 0;margin-bottom:12px}.app-shell .price-banner span{font-size:14px}.app-shell .price-banner strong{font-size:24px}.app-shell .price-banner b,.app-shell .price-inline b{font-size:13px}.app-shell .queue-hint{border:0;background:none;padding:0 0 12px;margin:0 0 14px}.app-shell .queue-hint span,.app-shell .queue-hint small{font:13px/1.6 system-ui,sans-serif}.app-shell .queue-hint strong{font-size:14px}.app-shell .song{padding:21px 0}.app-shell .song strong{font-size:20px;font-weight:500}.app-shell .song span{font:14px/1.5 system-ui,sans-serif}.app-shell .song i{font-size:14px;color:#d4a574}.app-shell .empty{border:0;border-top:1px solid var(--line);border-radius:0;font-size:16px;line-height:1.8}
.app-shell .sheet-card{background:#1a2f2a;border-radius:12px 12px 0 0}.app-shell .sheet-card h2{font-size:28px}.app-shell .subtle{font:14px/1.8 system-ui,sans-serif!important;color:#a89f91!important}.app-shell .status-card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0}.app-shell .status-card h3{font-size:20px;font-weight:500}.app-shell .status-card p,.app-shell .state{font:14px/1.6 system-ui,sans-serif}.app-shell .customer-cancel small{font-size:13px}.app-shell .timeline .done{box-shadow:none}
.app-shell .voucher-box,.app-shell .result{background:#1a2f2a;border:1px solid var(--line);border-radius:6px}.app-shell .voucher-box h2,.app-shell .result h2{font-size:26px;font-weight:500}.app-shell .lottery-stage{padding:0 0 24px}.app-shell .disc{width:min(54vw,250px);background:repeating-conic-gradient(#1a2f2a 0deg 30deg,#614c32 30deg 60deg);border:1px solid #b87333;box-shadow:inset 0 0 0 12px #0d1f1a,0 16px 35px #0002;margin:18px auto 24px}.app-shell .disc:before{background:#d4a574;box-shadow:0 0 0 8px #0d1f1a}.app-shell .credits{font:16px/1.5 system-ui,sans-serif}
.app-shell .account-summary,.app-shell .benefit-card,.app-shell .account-panel,.app-shell .account-page,.app-shell .recovery-card,.app-shell .benefit-strip{border:0;border-top:1px solid #b87333;border-radius:0;background:none;padding:20px 0}.app-shell .benefit-card h2{font-size:24px}.app-shell .benefit-card>p:not(.eyebrow),.app-shell .account-panel>p{font:16px/1.7 system-ui,sans-serif}.app-shell .benefit-card ul{display:block;margin:14px 0}.app-shell .benefit-card li{border:0;padding:2px 0;font:14px/1.7 system-ui,sans-serif}.app-shell .account-summary small,.app-shell .account-summary p,.app-shell .benefit-strip span,.app-shell .benefit-strip small{font:13px/1.6 system-ui,sans-serif}.app-shell .account-avatar{background:#b87333;color:#0d1f1a}.app-shell .account-panel h2{font-size:20px}.app-shell .account-grid{gap:32px}.app-shell .account-boundary{font:14px/1.7 system-ui,sans-serif}.app-shell .subsection-title{font-size:18px;margin-top:26px}
.app-shell .drink-page header{text-align:left;margin:0 0 16px}.app-shell .drink-page header h1{font-size:28px;font-weight:500;letter-spacing:2px;color:#d4a574}.app-shell .drink-page header>p:last-child{font:16px/1.7 system-ui,sans-serif;color:#a89f91}.app-shell .drink-stage{height:340px;margin:28px auto}.app-shell .drink-card{background:#f5f0e8;color:#0d1f1a;border-color:#d4a574;box-shadow:0 12px 24px #0003}.app-shell .paper-one{background:#1a2f2a;border-color:#b87333}.app-shell .paper-two{background:#b87333}.app-shell .drink-card>small{font-size:12px;letter-spacing:1px;color:#695039}.app-shell .drink-card h2{font-size:28px;color:#0d1f1a}.app-shell .drink-card p{font:15px/1.7 system-ui,sans-serif}.app-shell .drink-card footer{font-size:12px;color:#695039;letter-spacing:0}.app-shell .drink-card-mark{color:#b87333;border:0}.app-shell .drink-tags span{font:13px/1.6 system-ui,sans-serif;border:0;border-bottom:1px solid #bdae98;border-radius:0;padding:2px 7px;color:#695039}.app-shell .drink-note{font:14px/1.8 system-ui,sans-serif;color:#a89f91}.app-shell .drink-recent{border-color:var(--line)}.app-shell .drink-recent h2{font-size:16px}.app-shell .drink-recent h2 small{font-size:12px;color:#a89f91}.app-shell .drink-recent button{background:#1a2f2a;color:#f5f0e8;border-color:var(--line)}.app-shell .drink-recent button[aria-pressed=true]{border-color:#b87333}.app-shell .drink-recent span{font-size:14px}.app-shell .drink-recent small{font-size:12px;color:#a89f91}
@media(max-width:699px){.app-shell .topbar{height:68px;padding:0 22px}.app-shell .page{padding:16px 22px 100px}.menu-heading{padding-bottom:22px;gap:10px}.menu-heading h1{font-size:21px;letter-spacing:1px}.menu-heading>span{font-size:12px;letter-spacing:0}.menu-option{grid-template-columns:minmax(80px,.8fr) minmax(0,1.2fr) 22px;gap:10px;padding:28px 2px;min-height:118px}.option-title{font-size:38px;letter-spacing:6px}.option-detail>span{font-size:15px}.option-arrow{font-size:22px}.guest-slip{padding:14px 12px;gap:8px}.guest-slip>div{gap:10px}.guest-slip strong{font-size:19px;letter-spacing:1px}.app-shell .account-grid{display:block}.app-shell .button-row{flex-wrap:wrap}.app-shell .button-row .btn{flex:1 1 120px}}
@media(max-width:359px){.menu-heading{flex-wrap:wrap;gap:4px}.guest-slip{flex-wrap:wrap}.menu-option{gap:8px}.option-title{font-size:32px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){.app-shell *{animation:none!important;transition:none!important}}