/* Hide scroll chrome without disabling native scrolling. */
*{scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}
#suggestion-box{position:absolute;inset:auto;left:22%;bottom:31.1%;width:10.6%;height:auto;aspect-ratio:1;padding:0;display:block;border:0;border-radius:5px;background:transparent!important;backdrop-filter:none;box-shadow:none;opacity:1;pointer-events:auto;z-index:2;transition:filter .2s}#suggestion-box:hover{filter:brightness(1.1)}#suggestion-box.suggestion-cue{filter:brightness(1.16);z-index:4}#suggestion-box.suggestion-cue::after{content:attr(data-suggestion-cue);position:absolute;left:50%;bottom:110%;width:max-content;max-width:160px;transform:translateX(-50%);padding:7px 10px;border:1px solid var(--glass-line);border-radius:12px;background:var(--glass);color:var(--glass-ink);box-shadow:var(--glass-shadow);font:12px/1.2 'Alegreya Sans',system-ui,sans-serif;pointer-events:none;animation:suggestion-cue-in .2s ease both}@keyframes suggestion-cue-in{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}#suggestion-box:focus-visible{outline:2px solid #e2d6b0;outline-offset:2px}#suggestion-box img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .8s}.suggestion-night{opacity:0}[data-time=night] .suggestion-day{opacity:0}[data-time=night] .suggestion-night{opacity:1}
html:not(.joined) #suggestion-box{display:none}
.store-preview-content{filter:blur(5px);opacity:.45;pointer-events:none;user-select:none}.store-opening{position:absolute;inset:110px 20px 20px;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:none;gap:10px;text-align:center}.store-opening>span{font:32px Georgia;opacity:.7}.store-opening h2{font:400 32px Georgia!important;margin:0;text-shadow:0 2px 12px #e3edd470}[data-time=night] .store-opening h2{text-shadow:0 2px 12px #102030}#store-panel{overflow:hidden}.store-preview-content{max-height:calc(100% - 110px);overflow:hidden}
#suggestion-modal{position:fixed;inset:0;width:min(430px,calc(100% - 32px));max-height:calc(100svh - 40px);margin:auto;padding:28px;border-radius:22px;border:1px solid var(--glass-line);background:var(--glass);color:var(--glass-ink);backdrop-filter:blur(28px);box-shadow:var(--glass-shadow);font:13px/1.5 'Alegreya Sans',system-ui,sans-serif;overflow:auto}#suggestion-modal::backdrop{background:#0a1c2845;backdrop-filter:blur(4px)}#suggestion-modal header{display:flex;align-items:center;justify-content:space-between;gap:15px}#suggestion-modal h1{font:400 27px Georgia;margin:0}#suggestion-modal button{position:static;inset:auto;width:auto;height:auto;border:1px solid var(--glass-line);padding:10px 16px;background:var(--field-bg);color:inherit;opacity:1;border-radius:15px;backdrop-filter:none;font:12px 'Alegreya Sans',system-ui,sans-serif}#suggestion-modal #close-suggestion{width:28px;height:28px;padding:0;border:0;background:transparent;font-size:24px;flex-shrink:0}.suggestion-intro{opacity:.75;margin:15px 0 24px;font-size:12px}#suggestion-form{display:block;margin:0}#suggestion-form label{display:block;margin:15px 0 7px;font-size:12px}#suggestion-modal textarea,#suggestion-modal select{width:100%;display:block;border:1px solid var(--glass-line);border-radius:12px;padding:12px;background:var(--field-bg);color:inherit;font:13px/1.6 'Alegreya Sans',system-ui,sans-serif}#suggestion-modal textarea{resize:vertical;min-height:130px;max-height:280px}#suggestion-modal option{background:#e7ebdf;color:#314534}#suggestion-modal textarea::placeholder{color:inherit;opacity:.45}.suggestion-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;opacity:.6;margin:8px 0 20px}#suggestion-modal #send-suggestion,#suggestion-modal #suggestion-take-seat{width:100%;background:#486347;color:#fff4de;border-color:#91a37b55}#suggestion-modal button:disabled{opacity:.5;cursor:wait}#suggestion-result:empty{display:none}#suggestion-result{font-size:12px;margin:16px 0 0}#suggestion-result.error{color:#b95637}[data-time=night] #suggestion-result.error{color:#e6ac91}#suggestion-thanks{padding:15px 0;font:20px/1.6 'Alegreya Sans',system-ui,sans-serif}#suggestion-thanks p{margin:0 0 20px}

/* Signed-in people only: a small store-products notice in the store's Opening Soon card. */
.store-opening .seller-soon{pointer-events:auto;max-width:300px;margin-top:6px;font:14px/1.45 'Alegreya Sans',system-ui,sans-serif}
html[data-account="guest"] .store-opening .seller-soon{display:none}
.store-opening .seller-soon summary{display:inline-block;padding:6px 14px;border:1px solid var(--paper-line,#34423940);border-radius:16px;background:var(--paper,#f5f2e9);color:var(--paper-ink,#344239);font-weight:700;cursor:pointer;list-style:none}
.store-opening .seller-soon summary::-webkit-details-marker{display:none}
.store-opening .seller-soon summary::after{content:" · Soon";display:none}
.store-opening .seller-soon p{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:var(--paper,#f5f2e9);color:var(--paper-ink,#344239)}

/* A small support link within the suggestion card; the supplied QR gets its own focused canvas. */
#suggestion-modal .suggestion-intro{margin-bottom:6px}
#suggestion-modal #coffee-link{display:inline-flex;align-items:center;gap:7px;width:auto;min-height:36px;margin:0 0 16px;padding:3px 0;border:0;border-radius:0;background:transparent;color:var(--paper-ink,#344239);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#coffee-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#suggestion-modal #coffee-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#coffee-qr-modal{position:fixed;inset:0;margin:auto;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid var(--paper-line,#34423933);border-radius:22px;background:var(--paper,#f5f2e9);color:var(--paper-ink,#344239);box-shadow:var(--paper-shadow,0 22px 44px -20px #172e3e66);font:14px/1.45 'Alegreya Sans',system-ui,sans-serif;text-align:center}
#coffee-qr-modal::backdrop{background:#0b1b2070}
#coffee-qr-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#coffee-qr-modal h2{margin:0;text-align:left;font:400 25px 'Maragsa',Georgia,serif}
:root #coffee-qr-modal .coffee-qr-close{position:static;inset:auto;flex:none;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--paper-line,#34423933);border-radius:50%;background:transparent;color:inherit;opacity:1;font-size:22px;cursor:pointer}
#coffee-qr-modal p{margin:8px 0 15px}
#coffee-qr-modal img{display:block;width:min(100%,300px);height:auto;margin:0 auto;border:8px solid #fff;border-radius:12px;background:#fff}
#coffee-qr-modal .coffee-qr-close:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* The store-front box is put away for now; admins place a Suggestion box asset from Edit lantay instead. */
#suggestion-box[hidden]{display:none!important}