@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#d7b878;--muted:#a89f8d;--line:#373126;--panel:#191916}*{box-sizing:border-box}body{margin:0;background:#10100e;color:#eee8db;font-family:'DM Sans',sans-serif;font-size:15px}header{max-width:1180px;margin:auto;padding:27px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:31px;color:var(--gold);text-decoration:none}.brand span{font-size:17px;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:5px}button,a.button{border:1px solid var(--gold);background:var(--gold);color:#17140e;padding:13px 21px;border-radius:5px;font:600 13px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;display:inline-block}button:hover,a.button:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:default}.quiet{background:transparent;color:var(--gold);border-color:var(--line)}header button{margin-left:8px}main{max-width:1120px;margin:auto;padding:46px 32px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:56px;line-height:1.13;margin:17px 0}h1 em{font-weight:400;color:var(--gold)}h2{font-size:31px;margin:8px 0 14px}h3{font-size:23px;margin:10px 0}p{color:var(--muted);line-height:1.7}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:10px 0 50px}.card{background:radial-gradient(ellipse at top right,#39302055,transparent 70%),#191916;border:1px solid #665336;border-radius:15px;padding:26px;box-shadow:0 18px 50px #0004}.cardtop{display:flex;justify-content:space-between;color:var(--gold);font-size:10px;letter-spacing:2px}.stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0}.stamp{border:1px dashed #6a5b3e;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#756b56;font-size:18px}.stamp.filled{background:var(--gold);color:#181510;border:1px solid var(--gold)}.cardbottom{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.card strong{color:var(--gold)}.actions{display:flex;gap:10px;flex-wrap:wrap}.strip{border-block:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.strip b{color:var(--gold);display:block;margin-bottom:5px;font-weight:500}.strip p{font-size:12px;margin:0}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-top:35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:23px 0 45px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.tile .inside{padding:22px}.tile p{font-size:13px}.art{height:180px;display:grid;place-items:center;background:radial-gradient(ellipse,#65503a55,#24201a);font-size:70px}.art img{width:100%;height:180px;object-fit:cover}.tag{font-size:9px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase}.price{color:var(--gold);font-size:22px}.reward{padding:25px;position:relative}.reward .number{font-family:Georgia,serif;color:var(--gold);font-size:42px}.reward button{width:100%}.panel{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:9px;margin:20px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;color:var(--muted);font-size:12px;margin:13px 0 5px}input,textarea,select{width:100%;padding:12px;background:#10100e;color:#eee8db;border:1px solid #51452f;border-radius:4px;font:inherit}input[type=checkbox]{width:auto}small{color:var(--muted)}footer{max-width:1056px;margin:20px auto 0;padding:25px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}dialog{background:#191916;color:#eee8db;border:1px solid #78633d;border-radius:12px;padding:30px;width:min(520px,92vw);max-height:90vh}dialog::backdrop{background:#000b}dialog .close{float:right;padding:5px 10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--gold);color:#17140e;padding:15px 22px;border-radius:7px;display:none;z-index:9}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choices button{background:transparent;color:var(--gold);border-color:var(--line)}.choices button.selected{background:var(--gold);color:#17140e}.demo{font-size:11px;color:#a89f8d;margin-top:15px}.empty{text-align:center;padding:30px;color:var(--muted)}@media(max-width:750px){header{padding:20px 16px}.brand span{font-size:12px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1px}header button{padding:9px;font-size:11px}main{padding:30px 18px}.hero{grid-template-columns:1fr;gap:25px;margin-bottom:30px}h1{font-size:43px}.grid{grid-template-columns:1fr}.strip{grid-template-columns:1fr;gap:15px}.two{grid-template-columns:1fr}.sectionhead{align-items:start}footer{padding:20px;display:block}.card{max-width:500px;width:100%}}
.qr{background:white;padding:10px;border-radius:6px;width:200px;margin:15px 0}.qr svg{display:block;width:100%;height:auto}

/* The Deli Club: the clean Cafe Del Sol layout in forest green and silver. */
:root{--gold:#d4d8db;--muted:#b5c0b9;--line:#3b5143;--panel:#0a1d11}body{background:radial-gradient(ellipse at 90% 0,#102a1a 0,transparent 48%),#031008;color:#e2e6e8}.card{background:radial-gradient(ellipse at top right,#284d3544,transparent 70%),#0a1d11;border-color:#6e8175}.stamp{border-color:#73877a;color:#acbcb0}.stamp.filled{background:linear-gradient(130deg,#eef0f2,#b1b8bd);color:#102618;border-color:#d6ddda}.art{background:radial-gradient(ellipse,#274530,#0a1b0f)}input,textarea,select{background:#031008;color:#e2e6e8;border-color:#526d5b}dialog{background:#0a1d11;color:#e2e6e8;border-color:#82998b}button,a.button,#toast{color:#0a1c10}.quiet{color:var(--gold)}.choices button{color:var(--gold)}.choices button.selected{color:#0a1c10}.demo{color:#afbeb4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #d6e2db;outline-offset:3px}

.updates-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.updates-note{font-size:12px;line-height:1.6}.unread-count{display:inline-block;font-size:11px;padding:5px 9px;border:1px solid var(--line);border-radius:20px}.updates-status{font-size:12px}.delivery-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.updates-actions button{flex:1}.updates-owner{margin-top:20px}button:disabled{cursor:not-allowed}[hidden]{display:none!important}@media(max-width:750px){.updates-actions{flex-direction:column}}
.customer-home{grid-template-columns:1.1fr 1fr;align-items:center}.customer-home .card h2{font-size:30px;margin:20px 0}.collect-primary{width:100%;font-size:16px;padding:17px}.reward-progress progress{width:100%;height:8px;accent-color:#d4d8db;margin-top:20px}.reward-progress p{font-size:13px}.home-welcome{padding:15px 25px}.home-welcome h1{font-size:48px}.staff-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.staff-mode #app> :not(#staff):not(#owner-tools):not(.updates-owner){display:none}.staff-mode #staff{margin-top:0}.purchase-review{padding:20px;border:1px solid var(--line);border-radius:8px}.purchase-review button{margin-top:15px;width:100%}#staff-result{color:#d4e5d7;font-weight:600}#staff-camera{width:100%;max-height:50vh;border-radius:8px;background:#031008}.managed-offer{display:flex;gap:14px;border-bottom:1px solid var(--line);padding:18px 0}.managed-offer img{width:85px;height:85px;object-fit:cover;border-radius:6px}.managed-offer h4{margin:8px 0}.managed-offer p,.editor-note{font-size:12px}.managed-offer button{padding:8px 10px;font-size:11px}select{color-scheme:dark}#offer-save-status{font-size:13px}.staff-mode .brand{font-size:25px}@media(max-width:750px){.customer-home{grid-template-columns:1fr}.home-welcome{display:none}.customer-home .card h2{font-size:27px}.staff-actions{grid-template-columns:1fr}.managed-offer{gap:10px}.managed-offer img{width:60px;height:60px}.staff-mode #owner-tools{padding:18px}}
.referral-stats{font-size:13px;margin:18px 0 8px}.invitation-preview-link{font-size:13px;color:var(--gold)}

[hidden]{display:none!important}