:root{--ink: #1c1412;--muted: #6d625c;--bg: #f6f3f1;--hero-from: #1a100e;--hero-to: #5c241c;--glow: rgba(240, 162, 2, .35);--body-bg: #ddd4ce;--body-glow: #f0d2c4;--face-bg: #140e0c;--card: #ffffff;--spruce: #9d1c16;--spruce-deep: #3d100e;--mint: #e7f6f3;--ice: #d7eef3;--amber: #f0a202;--line: #e1eaec;--coral: #9c341f;--good: #14643a;--shadow: 0 10px 28px rgba(16, 42, 52, .06);color:var(--ink);background:var(--bg);font-family:Outfit,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(900px 380px at 50% -8%,var(--body-glow),transparent 55%),var(--body-bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,.brand{font-family:Fraunces,Georgia,serif;font-weight:560;letter-spacing:-.03em;margin:0}p{margin:0}a{color:var(--spruce)}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.app-shell{width:min(430px,100%);margin:16px auto;min-height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--bg);border-radius:32px;box-shadow:0 24px 70px #1028302e;position:relative}.topbar{position:sticky;top:0;z-index:5;padding:22px 18px 18px;color:#fff;background:radial-gradient(420px 160px at 100% -20%,var(--glow),transparent 55%),linear-gradient(180deg,var(--hero-from) 0%,var(--hero-to) 100%)}.topbar.sub{background:var(--bg);color:var(--ink);padding-bottom:8px}.topbar h1{font-size:34px;line-height:1.05;color:#fff}.topbar.sub h1{color:var(--ink);font-size:30px}.eyebrow,.kicker{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar .eyebrow{color:#ffffffb8}.topbar.sub .eyebrow,.kicker{color:var(--spruce)}.topbar-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.back,.icon-btn{border:0;background:transparent;color:var(--spruce);font-weight:700;padding:0 0 8px;min-height:36px}.topbar:not(.sub) .back{color:#fff}.content{padding:14px 16px 112px;display:flex;flex-direction:column;gap:12px}.content.flat{padding-bottom:28px}.card{background:var(--card);border:1px solid rgba(19,48,58,.06);border-radius:18px;padding:16px;box-shadow:var(--shadow)}button.card,a.card{display:block;width:100%;text-align:left;text-decoration:none;color:inherit}.card h2{font-size:22px}.muted,small,.field small{color:var(--muted)}.spread,.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:8px;align-items:center}.actions{display:flex;gap:8px}.actions .btn{flex:1}.btn{min-height:48px;border-radius:14px;border:0;padding:0 14px;font-weight:700;background:#e7eef0;color:var(--ink)}.btn.primary{background:var(--spruce);color:#fff}.btn.amber{background:var(--amber);color:#1d1402}.btn.ghost{background:transparent;border:1px solid #d5e1e4}.btn.danger{background:#fde8e4;color:var(--coral)}.btn.block{width:100%}.btn.small{min-height:40px;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.field{display:flex;flex-direction:column;gap:6px;font-weight:650}.field span{font-size:13px;font-weight:700}.field input,.field textarea,.field select,.search,.checkline .note{width:100%;min-height:48px;border-radius:12px;border:1px solid #d5e0e4;background:#fbfefe;padding:12px 14px;font-size:16px;font-weight:500}.field textarea{min-height:96px;resize:vertical}.error{color:var(--coral);font-weight:650;font-size:14px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;white-space:nowrap}.pill.pending,.pill.sent,.pill.due{background:#fff3d6;color:#8a5b00}.pill.confirmed,.pill.enroute{background:var(--mint);color:var(--good)}.pill.denied,.pill.cancelled{background:#fde8e4;color:var(--coral)}.pill.completed,.pill.paid{background:#e5f6ec;color:var(--good)}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(430px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 6px calc(8px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(19,48,58,.08);z-index:20}.tabbar button{border:0;background:transparent;color:#6a7c84;font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;border-radius:12px}.tabbar button.on{color:var(--spruce);background:#f3fbfb}.tab-icon{position:relative;display:grid;place-items:center;height:22px}.tab-icon em{position:absolute;top:-7px;right:-12px;background:var(--coral);color:#fff;border-radius:999px;font-style:normal;font-size:10px;min-width:16px;padding:1px 4px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat strong{display:block;font-family:Fraunces,Georgia,serif;font-size:28px;letter-spacing:-.03em;margin-top:4px}.avail{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:8px 12px;font-weight:700;background:#ffffff29;color:#fff}.avail i{width:8px;height:8px;border-radius:50%;background:currentColor}.avail.off{background:#fde8e433}.standing{background:linear-gradient(180deg,#f4fbfa,#fff);border:1px solid #d5ebe8;border-radius:18px;padding:16px}.standing ul{list-style:none;margin:8px 0 0;padding:0}.standing li{padding:10px 0;border-top:1px solid #e4f1ee;display:flex;flex-direction:column;gap:2px}.standing em{color:var(--coral);font-style:normal;font-size:12px;font-weight:700}.standing .place{margin-top:8px;background:#fff;border-radius:12px;padding:10px 12px;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:6px}button.chip,.chip{border:0;background:#e7f1f3;color:#164650;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}button.chip.on{background:var(--spruce);color:#fff}.picker h3{font-size:16px;margin:12px 0 4px}.checkline{display:grid;grid-template-columns:28px 1fr;gap:8px 10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.checkline input[type=checkbox]{width:22px;height:22px;accent-color:var(--spruce)}.checkline .note{grid-column:1 / -1}.checkline small{display:block;font-weight:600}.toggle{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.toggle span{display:flex;flex-direction:column;gap:2px}.toggle small{font-weight:500}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:28px;border-radius:999px;background:#c5d2d6;position:relative;flex:none}.toggle input:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .15s ease}.toggle input:checked{background:var(--spruce)}.toggle input:checked:after{transform:translate(20px)}.switcher{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.switcher button{min-width:190px;text-align:left;border-radius:16px;border:1px solid var(--line);background:#fff;padding:12px;display:flex;flex-direction:column;gap:3px}.switcher button.on{border-color:var(--spruce);background:#f3fbfb;box-shadow:inset 0 0 0 1px var(--spruce)}.banner{border-radius:14px;padding:12px 14px;background:var(--ice);font-weight:600}.banner.warn{background:#fff3d6}.sync-bar{position:sticky;top:0;z-index:30;margin:8px 12px 0;padding:8px 12px;font-size:14px;box-shadow:0 2px 8px #00000014}.empty{text-align:left}.empty h2{font-size:26px;margin-bottom:6px}.menu button,.list-btn{width:100%;text-align:left;background:#fff;border:1px solid rgba(19,48,58,.06);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;font-weight:700}.search{margin-bottom:4px}.stop{display:grid;grid-template-columns:36px 1fr;gap:10px}.num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--spruce);color:#fff;font-weight:800}.stop.first .num{background:var(--amber);color:#1c1403}.stop.done{opacity:.55}.sketch{width:100%;height:auto;background:linear-gradient(180deg,#f7fbfb,#e7f3f4);border-radius:16px}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1c2275;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(430px,100%);background:#fff;border-radius:24px 24px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom));max-height:min(86dvh,720px);overflow:auto}.sheet-grab{width:42px;height:4px;border-radius:99px;background:#d5e0e4;margin:6px auto 10px}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.sheet h2{font-size:26px}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;border-radius:999px;padding:12px 16px;max-width:min(380px,calc(100% - 24px));text-align:center;box-shadow:0 12px 30px #0003}.thread{display:flex;flex-direction:column;gap:8px}.bubble{max-width:85%;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid var(--line)}.bubble.mine{margin-left:auto;background:var(--spruce);color:#fff;border:0}.bubble small{display:block;margin-top:4px;opacity:.75}.composer{display:flex;gap:8px}.composer input{flex:1}.barline{display:grid;grid-template-columns:88px 1fr auto;gap:8px;align-items:center;margin:8px 0}.bar{height:8px;background:#e7eef0;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:var(--spruce);border-radius:99px}.doc{background:#fff;border-radius:18px;padding:18px}.doc table{width:100%;border-collapse:collapse;font-size:13px}.doc th,.doc td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}.doc h2{font-size:28px;margin-bottom:4px}.pay-grid{display:grid;gap:8px}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#e7eef0;padding:4px;border-radius:14px}.seg.two{grid-template-columns:1fr 1fr}.seg button{border:0;background:transparent;min-height:40px;border-radius:11px;font-weight:700;color:var(--muted)}.seg button.on{background:#fff;color:var(--ink)}.app-shell:has(.face){background:var(--face-bg);overflow:hidden}.face{min-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--face-bg);color:#fff}.face-hero{position:relative;flex:1;min-height:460px}.face.form .face-hero{min-height:240px;flex:none}.face-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.face-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c08060d 30%,#0c0806c7)}.face-hero h1{position:absolute;z-index:1;left:22px;bottom:16px;color:#fff;font-size:58px;line-height:.9;text-shadow:0 12px 28px rgba(0,0,0,.45)}.face-panel{padding:16px 16px 22px;display:flex;flex-direction:column;gap:10px;background:var(--bg);color:var(--ink)}.face-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn.light{background:#fff;color:#1c1412;border:1px solid #e4d9d2}.demo-row{display:flex;justify-content:center;gap:18px}.demo-row button,.text-btn{border:0;background:none;color:#8a7c74;font-size:13px;font-weight:650;min-height:32px}.fine{color:var(--muted);font-size:13px}@media(max-width:560px){body{background:var(--bg)}.app-shell{width:100%;margin:0;min-height:100dvh;max-height:none;border-radius:0;box-shadow:none}.face{min-height:100dvh}}@media print{body{background:#fff}.app-shell{box-shadow:none;max-height:none;overflow:visible;width:auto;margin:0}.tabbar,.topbar,.no-print,.toast{display:none!important}.content{padding:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.trial-banner{display:block;margin:8px 12px 0;padding:8px 12px;border-radius:12px;background:#fff3d6;color:#5c3d00;font-size:14px;font-weight:600;text-align:center;text-decoration:none}.place-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.place-fields .field{margin:0}.field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}.field-list div{display:flex;flex-direction:column;gap:2px}.field-list dt{font-size:12px;color:var(--muted)}.field-list dd{margin:0;font-weight:600}