:root{--bg:#090909;--bg-raised:#141214;--ink:#fff7fa;--muted:#d2bcc6;--pink:#ff2d87;--pink-deep:#ff4d9a;--line:#ff2d8757;--leopard-image:radial-gradient(ellipse 14px 9px at 7% 46%, #120c0a 58%, transparent 60%), radial-gradient(circle at 18% 62%, transparent 0 3px, #140e0b 4px 7px, transparent 8px), radial-gradient(ellipse 8px 5px at 15% 28%, #1a100c 62%, transparent 64%), radial-gradient(ellipse 18px 11px at 31% 42%, #0e0908 52%, transparent 54%), radial-gradient(circle at 40% 72%, transparent 0 4px, #120c0a 5px 8px, transparent 9px), radial-gradient(ellipse 7px 5px at 46% 24%, #1b110d 60%, transparent 62%), radial-gradient(ellipse 16px 10px at 56% 58%, #100c0a 55%, transparent 57%), radial-gradient(ellipse 9px 6px at 64% 30%, #160f0c 58%, transparent 60%), radial-gradient(circle at 73% 70%, transparent 0 3px, #140e0b 4px 7px, transparent 8px), radial-gradient(ellipse 20px 12px at 84% 44%, #0c0807 50%, transparent 52%), radial-gradient(ellipse 8px 5px at 93% 68%, #1a100c 60%, transparent 62%), radial-gradient(ellipse 5px 4px at 25% 78%, #120c0a 65%, transparent 67%), linear-gradient(100deg, #7a5844 0%, #5a3d30 45%, #6d4c39 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Roboto,Segoe UI,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);margin:0}html{scroll-padding-bottom:120px}body{font-size:17px;line-height:1.45}button{font:inherit;-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}h1{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1.1}h2{font-size:1.2rem}.app{min-height:100dvh}.wrap{width:min(720px,100%);margin:0 auto;padding-left:16px;padding-right:16px}.sample-strip{z-index:20;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--pink);color:#1a0610;text-align:center;letter-spacing:.01em;margin:0;font-size:.82rem;font-weight:800;position:sticky;top:0}.skip{z-index:40;background:var(--pink);color:#1a0610;padding:10px 14px;font-weight:800;position:absolute;top:-48px;left:12px}.skip:focus{top:8px}.brand{padding-top:18px}.brand-copy{gap:4px;display:grid}.brand-name{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:3rem;line-height:.95}.brand-compact .brand-name{font-size:2rem}.brand-legal{color:#ffe0ee;font-size:1.05rem}.brand-tag{color:var(--pink);font-size:1.05rem;font-weight:800}.brand-compact .brand-tag{font-size:.98rem}.leopard{border-bottom:3px solid var(--pink);background-color:#5c4032;background-image:var(--leopard-image);height:52px;margin-top:14px}.brand-compact .leopard{height:28px;margin-top:10px}.main{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.main .wrap{padding-top:18px;display:grid}.stack{gap:14px;display:grid}.intro{gap:6px;display:grid}.intro p:last-child,.sheet-lead{color:var(--muted)}.eyebrow{color:var(--pink-deep);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.notice{border:1px solid var(--line);color:#ffd6e8;background:#ff2d871f;border-radius:16px;padding:12px 14px}.notice-ok{color:#fff7fa;background:#ff2d873d;font-weight:800}.notice-error{border-color:var(--pink);color:#ffe4f1;background:#1a0610;font-weight:800}.hero,.card,.stat,.stepper,.switch-row{border:1px solid var(--line);background:var(--bg-raised);border-radius:18px}.hero{gap:8px;padding:18px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.45;background-color:#5c4032;background-image:var(--leopard-image);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(#0909099e,#090909d6);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero-stat,.stat-value,.stepper-value{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif}.hero-stat{font-size:2.6rem;line-height:1}.hero-copy,.card-meta,.switch-detail,.menu-desc{color:var(--muted)}.hero-actions,.pair,.stepper-actions,.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-grid-3{grid-template-columns:1fr}.stat{gap:4px;padding:14px;display:grid}.stat-value{font-size:1.8rem;line-height:1}.stat-label,.stepper-label{color:var(--muted);font-size:.95rem}.card-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.card{gap:8px;padding:14px;display:grid}.card-row{grid-template-columns:1fr auto;align-items:center}.card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title,.menu-label,.switch-label{font-weight:800}.card-amount,.money-in{color:var(--pink-deep);font-weight:800}.money-out{color:#f2d7a2;font-weight:800}.card-body{color:var(--ink);gap:6px;display:grid}.btn,.chip,.menu-btn,.nav-btn{border:1px solid #0000;border-radius:16px;min-height:56px}.btn{padding:14px 16px;font-weight:800}.btn-primary{background:var(--pink);color:#1a0610}.btn-secondary{color:#ffe4f1;border-color:var(--pink);background:0 0}.btn:disabled{opacity:.4}.filters{grid-template-columns:1fr 1fr;gap:10px;display:grid}.filters .chip:last-child:nth-child(odd){grid-column:1/-1}.chip{color:#ffe4f1;border-color:var(--line);background:0 0;padding:12px;font-weight:800}.chip-on{background:var(--pink);color:#1a0610;border-color:var(--pink)}.pill{border:1px solid;border-radius:999px;align-items:center;min-height:32px;padding:4px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.pill-new{color:#ff9dcb}.pill-accepted,.pill-shopping{color:#f2d7a2}.pill-out{color:#fff7fa}.pill-delivered{color:#b7ebc8}.pill-completed{color:#ffb3d4}.pill-canceled{color:#cbb8c2}.stepper,.switch-row{gap:12px;padding:14px;display:grid}.stepper-value{font-size:1.8rem;line-height:1}.menu-list{gap:10px;display:grid}.menu-btn{text-align:left;background:var(--bg-raised);width:100%;color:var(--ink);border-color:var(--line);align-items:center;gap:12px;padding:12px;display:flex}.menu-btn[aria-current=page]{border-color:var(--pink);box-shadow:inset 4px 0 0 var(--pink)}.menu-icon{width:44px;height:44px;color:var(--pink);background:#ff2d8724;border-radius:14px;flex:none;place-items:center;display:grid}.menu-copy{gap:2px;display:grid}.icon{width:24px;height:24px}.bottom-nav{z-index:15;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#090909;position:fixed;bottom:0;left:0;right:0}.nav-row{grid-template-columns:repeat(5,1fr);gap:4px;padding-top:6px;padding-bottom:6px;display:grid}.nav-btn{color:#f3d5e3;background:0 0;align-content:center;place-items:center;gap:2px;padding:4px 2px;font-size:.72rem;font-weight:800;display:grid}.nav-btn[aria-current=page]{background:var(--pink);color:#1a0610}.sheet{z-index:30;background:var(--bg);position:fixed;inset:0;overflow:auto}.sheet-body{padding-top:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));gap:14px;display:grid}.breakdown{gap:8px;margin:0;display:grid}.breakdown div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.breakdown dt{color:var(--muted)}.breakdown dd{margin:0;font-weight:800}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;min-height:180px;margin-top:12px;display:grid}.bar-col{place-items:end center;gap:4px;display:grid}.bar{background:linear-gradient(180deg, var(--pink), #8a1248);border-radius:8px 8px 3px 3px;width:100%;max-width:28px;display:block}.bar-label{color:var(--muted);font-size:.72rem;font-weight:800}button:focus-visible,.skip:focus-visible{outline-offset:2px;outline:3px solid #ffd0e4}.btn:not(:disabled):active,.chip:active,.menu-btn:active,.nav-btn:active{transform:scale(.98)}@media (width>=700px){.stat-grid-3{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(4,1fr)}}.field{gap:6px;display:grid}.field span,.stepper-label{font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);background:#0d0d0d;border-radius:16px;padding:12px 14px}.field textarea{resize:vertical;min-height:112px}.fold{border:1px solid var(--line);background:var(--bg-raised);border-radius:18px;padding:0 14px}.fold summary{cursor:pointer;align-items:center;min-height:56px;font-weight:800;display:flex}.fold[open]{padding-bottom:14px}.fold-body,.timeline,.plain-list{gap:10px;display:grid}.timeline,.plain-list{margin:8px 0 0;padding:0;list-style:none}.timeline li{border-left:3px solid var(--pink);padding-left:12px}.plain-list li{border-bottom:1px solid var(--line);padding:8px 0}.stat-value{overflow-wrap:anywhere}.brand-compact .brand-legal{font-size:.98rem}.session-bar{color:#ffe4f1;background:#120910;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 16px;display:flex}.session-bar p{overflow-wrap:anywhere;margin:0}.session-bar .btn{min-height:44px;padding:8px 14px}.auth-screen{min-height:100dvh}.auth-main{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.auth-card{gap:14px}.auth-card h1{font-size:2rem}.auth-form,.auth-actions{gap:12px;display:grid}.auth-card .btn,.auth-actions .btn{text-align:center;width:100%;text-decoration:none}.auth-error{border:1px solid var(--line);color:#ffe4f1;background:#ff2d8729;border-radius:16px;margin:0;padding:12px 14px;font-weight:800}.qr-frame{background:#fff;border-radius:16px;justify-self:center;padding:12px}.qr-frame img{width:min(220px,72vw);height:auto;display:block}.secret-box{color:var(--ink);letter-spacing:.04em;overflow-wrap:anywhere;background:#0d0d0d;border-radius:16px;margin:0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}a.btn{place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.btn:active,.chip:active,.menu-btn:active,.nav-btn:active{transform:none}}
