:root{--o:#FF5A1F;--y:#FFD23F;--n:#14213D;--bg:#FFF8F0;--card:#fff;--mut:#6b7280;--g:#16a34a;--r:#dc2626}
*{box-sizing:border-box}html,body{margin:0}body{font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--n);padding-bottom:calc(84px + env(safe-area-inset-bottom))}
a{color:inherit}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:var(--n);color:#fff}
.brand{display:flex;gap:8px;align-items:center;text-decoration:none;font-weight:900;font-size:22px;letter-spacing:-.5px}.brand img{width:34px;height:34px}.brand b{color:var(--y)}
.chip{background:var(--o);color:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:700;font-size:14px;min-height:44px}
main{padding:16px;max-width:560px;margin:0 auto}h1{font-size:26px;margin:4px 0 12px;font-weight:900;letter-spacing:-.5px}h2{font-size:18px;margin:18px 0 8px}
.hero{background:linear-gradient(135deg,var(--o),#ff8a00);color:#fff;border-radius:20px;padding:18px;margin-bottom:14px}.hero h1{margin:0 0 4px}.hero p{margin:0;opacity:.95}
.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px}.pill{flex:none;border:2px solid var(--n);background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;min-height:40px}.pill.on{background:var(--n);color:#fff}
.card{background:var(--card);border-radius:18px;box-shadow:0 2px 10px #14213d14;overflow:hidden;margin-bottom:16px}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#eee}
.cb{padding:12px 14px}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.price{font-size:26px;font-weight:900;color:var(--o)}.was{color:var(--mut);text-decoration:line-through;font-size:14px;margin-left:6px}
.tag{display:inline-block;background:var(--y);border-radius:8px;padding:3px 8px;font-weight:800;font-size:13px}.meta{color:var(--mut);font-size:14px;margin-top:4px}.note{margin:8px 0}
.votes{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:10px}.btn{border:0;border-radius:14px;padding:14px;font-weight:800;font-size:16px;min-height:52px;cursor:pointer}
.still{background:#dcfce7;color:#166534}.gone{background:#fee2e2;color:#991b1b}.rep{background:#f3f4f6;color:var(--mut);font-size:14px;padding:14px 12px}
.primary{background:var(--o);color:#fff;width:100%;font-size:18px}.primary:disabled{opacity:.4}.ghost{background:transparent;color:var(--n);width:100%;text-decoration:underline}
.steps{display:flex;gap:6px;margin-bottom:14px}.steps i{flex:1;height:6px;border-radius:3px;background:#e5e7eb}.steps i.on{background:var(--o)}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:3px dashed var(--o);border-radius:20px;aspect-ratio:4/3;background:#fff;font-weight:800;font-size:18px;cursor:pointer}.drop span{font-size:48px}
.preview{width:100%;border-radius:16px;aspect-ratio:4/3;object-fit:cover}
.list button{display:block;width:100%;text-align:left;background:#fff;border:2px solid #eee;border-radius:14px;padding:12px 14px;margin-bottom:8px;min-height:60px;font-size:16px}.list button b{display:block}.list small{color:var(--mut)}.list button.on{border-color:var(--o);background:#fff3ec}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid button{min-height:64px;border-radius:16px;border:2px solid var(--n);background:#fff;font-weight:800;font-size:16px}.grid button.on{background:var(--n);color:var(--y)}
input[type=email],input[type=text],input[type=number],input[inputmode]{width:100%;font-size:18px;padding:14px;border-radius:14px;border:2px solid #d1d5db;min-height:54px;background:#fff}input:focus{outline:3px solid var(--y);border-color:var(--n)}
label.fld{display:block;font-weight:700;margin:12px 0 6px}.agree{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:15px}.agree input{width:24px;height:24px;flex:none}
.code{letter-spacing:10px;text-align:center;font-weight:900}.dev{background:#fef9c3;border-radius:10px;padding:8px 10px;font-size:14px;margin-top:10px}
.foot{text-align:center;color:var(--mut);font-size:12px;padding:8px 16px 16px}.foot p{margin:0 0 4px}.foot a{color:var(--mut)}
.tabbar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff;border-top:1px solid #eee;padding-bottom:env(safe-area-inset-bottom);z-index:6}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:22px;min-height:64px;font-weight:700}.tabbar span{font-size:12px}.tabbar a.on{color:var(--o)}
.tabbar .fab{color:#fff}.tabbar .fab{background:var(--o);border-radius:20px;margin:6px 18px;font-size:26px}.tabbar .fab.on{color:#fff;background:var(--n)}
#toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--n);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}
.empty{text-align:center;color:var(--mut);padding:30px 10px}

.a2hs{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px;z-index:50}
.a2hs[hidden]{display:none}
#a2hs-go{flex:1;font-size:17px;font-weight:800;padding:14px;border:0;border-radius:14px;background:#FF5A1F;color:#fff;box-shadow:0 4px 14px #0003}
#a2hs-x{width:48px;border:0;border-radius:14px;background:#fff;color:#444;font-size:18px;box-shadow:0 4px 14px #0002}
.ios-guide{border:0;border-radius:18px;padding:20px 22px;max-width:320px}.ios-guide::backdrop{background:#0006}
.ios-guide ol{padding-left:20px;line-height:1.9;font-size:16px}.ios-guide .ic{display:inline-block;padding:0 6px;border-radius:6px;background:#eef}
.ios-guide button{width:100%;padding:12px;border:0;border-radius:12px;background:#FF5A1F;color:#fff;font-weight:700;font-size:16px}

.ghostchip{background:transparent;border:2px solid #fff;margin-right:8px}
.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}
.stat{background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 10px #14213d14}.stat b{display:block;font-size:28px;font-weight:900;color:var(--o);letter-spacing:-.5px}.stat span{color:var(--mut);font-size:13px;font-weight:700}
.daytable{background:#fff;border-radius:16px;padding:8px 12px;margin-bottom:14px;box-shadow:0 2px 10px #14213d14}
.dayrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f3f4f6}.dayrow:last-child{border:0}
.daylabel{font-weight:800;width:48px}.daynums{flex:1;font-size:13px;color:var(--mut)}
.bar{display:block;width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--o),#ff8a00);border-radius:4px}

#syncbar{position:sticky;top:0;z-index:5;background:#fff8e6;color:#92400e;text-align:center;font-size:13px;font-weight:700;padding:8px 12px;border-bottom:1px solid #fde68a}
#syncbar[hidden]{display:none}
