@font-face{font-family:Libre Baskerville;src:url(/brand/fonts/LibreBaskerville-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Almarai;src:url(/brand/fonts/Almarai-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Almarai;src:url(/brand/fonts/Almarai-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--green: #0c2c16;--bone: #e6e5db;--mint: #9fcfb1;--white: #ffffff;--charcoal: #111111;--ink-soft: #3d4a3c;--ink-muted: #55604f;--line: #d7d6ca;--line-soft: #e4e3d7;--amber: #e8c87a;--alert: #b3402a;--font-heading: "Libre Baskerville", Georgia, serif;--font-body: "Almarai", -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bone);color:var(--green);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}#root{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.apphead{background:var(--green);color:var(--white);padding:calc(10px + env(safe-area-inset-top)) 18px 14px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10}.apphead img.icon{height:34px;width:auto;display:block;border-radius:8px}.apphead .who{flex:1;min-width:0}.apphead .who b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apphead .who small{color:var(--mint);font-size:12px}.apphead button.back{background:none;border:0;color:var(--mint);font-size:13px;font-weight:700;padding:6px 8px 6px 0;cursor:pointer}.sync{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--green);background:var(--mint);padding:5px 10px;border-radius:999px;white-space:nowrap}.sync.offline{background:var(--amber)}.apphead a.portal{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--mint);background:transparent;border:1px solid var(--mint);padding:4px 10px;border-radius:999px;white-space:nowrap;text-decoration:none}.body{padding:14px 14px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;flex:1}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px}h2.screen{font-family:var(--font-heading);font-weight:400;font-size:19px;letter-spacing:-.01em;margin:0}.rowline{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}.rowline span{font-size:12px;color:var(--ink-muted);font-weight:700}.hlabel{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:2px 4px 0}.stats{display:flex;padding:10px 0}.stats>div{flex:1;text-align:center}.stats b{display:block;font-size:18px;font-variant-numeric:tabular-nums}.stats small{color:var(--ink-muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.stats>div+div{border-left:1px solid var(--line-soft)}.now{border:2px solid var(--green)}.now .tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--green);color:var(--mint);border-radius:6px;padding:3px 8px;margin-bottom:8px}.now h3{margin:0 0 2px;font-size:17px;font-family:var(--font-body);font-weight:700}.now .addr{color:var(--ink-soft);font-size:13.5px;margin:0 0 10px}.btnrow{display:flex;gap:10px}.btn{flex:1;text-align:center;font-weight:700;font-size:15px;border-radius:12px;padding:14px 10px;border:0;cursor:pointer;min-height:48px}.btn.primary{background:var(--green);color:var(--white)}.btn.mint{background:var(--mint);color:var(--green)}.btn.ghost{background:transparent;border:1.5px solid var(--green);color:var(--green)}.btn:disabled{opacity:.45;cursor:default}.stops{display:flex;flex-direction:column;gap:8px}.stop{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px;width:100%;text-align:left;cursor:pointer;font-size:inherit;color:inherit}.stop .n{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:13px;background:var(--bone);color:var(--green);border:1.5px solid var(--green)}.stop.done{opacity:.62}.stop.done .n{background:var(--green);color:var(--mint)}.stop.live .n{background:var(--mint)}.stop .who{flex:1;min-width:0}.stop .who b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop .who small{color:var(--ink-muted);font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:4px 9px;border-radius:999px;white-space:nowrap}.chip.window{background:var(--bone);border:1px solid #c9c8ba;color:var(--ink-soft);text-transform:uppercase}.chip.done{background:var(--green);color:var(--mint)}.chip.eta{background:var(--white);border:1px solid var(--green);color:var(--green);font-variant-numeric:tabular-nums}.chip.plan{background:var(--mint);color:var(--green);text-transform:uppercase;letter-spacing:.08em}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button,.chips span{font-size:12.5px;font-weight:700;padding:8px 13px;border-radius:999px;border:1.5px solid #c9c8ba;color:var(--ink-soft);background:var(--white);font-family:inherit;cursor:pointer;min-height:36px}.chips button.on,.chips span.on{background:var(--green);border-color:var(--green);color:var(--mint)}.kv{display:flex;flex-direction:column;gap:9px}.kv .r{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}.kv .r svg{flex:none;margin-top:2px}.note{background:var(--bone);border-radius:10px;padding:10px 12px;font-size:13px;color:#2e3b2e}.note.alert{background:#f6e3de;border:1.5px solid var(--alert);color:var(--alert);font-weight:700}.toast{position:fixed;left:12px;right:12px;bottom:18px;z-index:60;margin:0 auto;max-width:480px;padding:12px 14px;border-radius:12px;background:var(--green);color:var(--white);font-size:13.5px;font-weight:700;line-height:1.4;box-shadow:0 6px 22px #0c2c1659;animation:toast-in .18s ease-out;cursor:pointer}.toast.warn{background:#6b5416;color:#fdf4dd}.toast.error{background:var(--alert);color:#fdece7}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.history{display:flex;flex-direction:column}.history .h{display:flex;gap:10px;padding:9px 2px;font-size:13px;align-items:baseline}.history .h+.h{border-top:1px solid var(--line-soft)}.history .h .d{font-variant-numeric:tabular-nums;color:var(--ink-muted);flex:none;width:78px;font-size:12px}.center{text-align:center;padding:48px 24px;display:flex;flex-direction:column;gap:14px;align-items:center}.center img{height:56px;width:auto}.center h2{font-family:var(--font-heading);font-weight:400;font-size:22px;margin:0}.center p{color:var(--ink-soft);margin:0;max-width:40ch}.spinner{width:28px;height:28px;border-radius:50%;margin:8px auto;border:3px solid var(--line);border-top-color:var(--green);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.demo-banner{background:var(--amber);color:var(--charcoal);font-size:12px;font-weight:700;text-align:center;padding:5px 8px}
