/* EatPlan Passport Themes 0.2.0 — mobile first; light + dark (html[data-ep-theme=dark], auto 19:00–07:00). */
:root { --eppt-paper:#f7f3e9; --eppt-card:#fffdf7; --eppt-ink:#073942; --eppt-text:#24322f; --eppt-muted:#4f5d58; --eppt-line:#d9ddd5; --eppt-soft:#eeebdf; --eppt-link:#17483f; --eppt-ok:#1f6b47; }
html[data-ep-theme=dark] { --eppt-paper:#121a18; --eppt-card:#1a2422; --eppt-ink:#eef4f0; --eppt-text:#dbe4de; --eppt-muted:#a9b8b1; --eppt-line:#33433e; --eppt-soft:#22302c; --eppt-link:#9fd8bf; --eppt-ok:#93dbb4; }
.eppt { max-width:680px; margin:0 auto; padding:4px 0 32px; color:var(--eppt-text); font-size:15px; line-height:1.65; }
.eppt a { color:var(--eppt-link); }
.eppt [data-eppt-theme], .eppt[data-theme], .eppt-chip, .eppt-place { --eppt-k:var(--eppt-c); }
html[data-ep-theme=dark] .eppt [data-eppt-theme], html[data-ep-theme=dark] .eppt[data-theme], html[data-ep-theme=dark] .eppt-chip { --eppt-k:var(--eppt-cd); }
.eppt-kicker { margin:0 0 4px; font-size:12.5px; letter-spacing:.12em; color:var(--eppt-muted); font-weight:700; }
.eppt-lead { margin:0 0 10px; color:var(--eppt-text); }
.eppt-me { margin:8px 0 0; padding:10px 12px; border-radius:12px; background:var(--eppt-soft); color:var(--eppt-ink); font-size:14px; }
.eppt-me b { color:var(--eppt-ink); }
.eppt-grid { list-style:none; margin:16px 0 0; padding:0; display:grid; grid-template-columns:1fr; gap:10px; }
@media (min-width:600px) { .eppt-grid { grid-template-columns:1fr 1fr; } }
.eppt-card { display:flex; gap:12px; align-items:center; padding:12px; border:1px solid var(--eppt-line); border-left:4px solid var(--eppt-k); border-radius:14px; background:var(--eppt-card); color:var(--eppt-text) !important; text-decoration:none !important; min-height:96px; }
.eppt-card:focus-visible { outline:3px solid var(--eppt-k); outline-offset:2px; }
.eppt-card-stamp { flex:none; width:76px; height:76px; color:var(--eppt-muted); opacity:.45; }
.eppt-card.is-earned .eppt-card-stamp, .eppt-big-stamp.is-earned { color:var(--eppt-k); opacity:1; }
.eppt-card.is-started .eppt-card-stamp { opacity:.7; }
.eppt-card-stamp svg, .eppt-big-stamp svg { display:block; width:100%; height:100%; }
.eppt-card-body { display:flex; flex-direction:column; min-width:0; gap:3px; }
.eppt-card-body strong { color:var(--eppt-ink); font:700 17px/1.3 var(--ep-serif, Georgia, 'Noto Serif CJK SC', 'Songti SC', serif); }
.eppt-card-body small { color:var(--eppt-muted); font-size:13px; line-height:1.5; }
.eppt-card-body em { font-style:normal; font-size:12.5px; color:var(--eppt-ink); font-weight:600; }
.eppt-card.is-empty { border-left-color:var(--eppt-line); }
.eppt-card.is-empty em { color:var(--eppt-muted); font-weight:400; }
.eppt-bar { display:block; height:6px; border-radius:3px; background:var(--eppt-line); overflow:hidden; }
.eppt-bar i { display:block; height:100%; width:0; background:var(--eppt-k, var(--eppt-ok)); border-radius:3px; transition:width .4s ease; }
.eppt-note { margin:18px 0 0; font-size:12.5px; color:var(--eppt-muted); line-height:1.6; }
.eppt-back { margin:0 0 8px; font-size:14px; }
.eppt-theme-hero { display:flex; gap:14px; align-items:flex-start; }
.eppt-big-stamp { flex:none; width:112px; height:112px; color:var(--eppt-muted); opacity:.45; }
.eppt-tip { margin:0; font-size:13px; color:var(--eppt-muted); }
.eppt-tip b { color:var(--eppt-ink); margin-right:4px; }
.eppt-progress { margin:12px 0 4px; }
.eppt-gap { margin:10px 0; padding:10px 12px; border:1px dashed var(--eppt-line); border-radius:12px; font-size:13.5px; color:var(--eppt-muted); }
.eppt-area h3 { margin:18px 0 6px; font-size:15px; color:var(--eppt-ink); }
.eppt-area h3 span { font-weight:400; color:var(--eppt-muted); font-size:13px; }
.eppt-places { list-style:none; margin:0; padding:0; border:1px solid var(--eppt-line); border-radius:14px; background:var(--eppt-card); overflow:hidden; }
.eppt-places li + li { border-top:1px solid var(--eppt-line); }
.eppt-places a { display:flex; align-items:center; gap:10px; padding:11px 12px; min-height:48px; text-decoration:none !important; color:var(--eppt-text) !important; }
.eppt-dot { flex:none; width:22px; height:22px; border-radius:50%; border:2px solid var(--eppt-line); box-sizing:border-box; }
.eppt-places li.is-done .eppt-dot { border-color:var(--eppt-k); background:var(--eppt-k); box-shadow:inset 0 0 0 4px var(--eppt-card); }
.eppt-pl { display:flex; flex-direction:column; min-width:0; flex:1; }
.eppt-pl b { color:var(--eppt-ink); font-size:15px; line-height:1.35; }
.eppt-pl small { color:var(--eppt-muted); font-size:12.5px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.eppt-places em { flex:none; font-style:normal; font-size:12px; color:var(--eppt-muted); }
.eppt-places li.is-done em { color:var(--eppt-ok); font-weight:600; }
.eppt-places li.is-nocheck .eppt-dot { border-style:dashed; }
.eppt-others { margin:22px 0 0; }
.eppt-others p { margin:0 0 6px; font-size:13px; color:var(--eppt-muted); }
.eppt-chip { display:inline-flex; align-items:center; gap:5px; margin:0 6px 8px 0; padding:6px 11px; min-height:34px; box-sizing:border-box; border:1px solid var(--eppt-k); border-radius:999px; background:var(--eppt-card); color:var(--eppt-ink) !important; font-size:13.5px; text-decoration:none !important; }
.eppt-chip .eppt-ico { color:var(--eppt-k); }
.eppt-place { margin:22px 0; padding:12px 14px; border:1px solid var(--eppt-line); border-radius:14px; background:var(--eppt-soft); color:var(--eppt-text); }
.eppt-place-h { margin:0 0 8px !important; font-weight:700; font-size:14px; color:var(--eppt-ink); }
.eppt-place-chips { margin:0 !important; }
.eppt-place-sub { margin:2px 0 0 !important; font-size:12.5px; color:var(--eppt-muted); }
/* inside the pwa-plus 美食护照 sheet */
.eppt-sheet-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:6px 0 8px; }
.eppt-sheet-grid a { display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 4px; border:1px solid var(--eppt-line); border-radius:12px; background:var(--eppt-card); text-decoration:none !important; color:var(--eppt-text) !important; }
.eppt-sheet-grid .eppt-card-stamp { width:58px; height:58px; }
.eppt-sheet-grid b { font-size:13px; color:var(--eppt-ink); }
.eppt-sheet-grid span.n { font-size:11.5px; color:var(--eppt-muted); }
.eppt-sheet-more { margin:4px 0 0; font-size:13.5px; }
@media (prefers-reduced-motion:reduce) { .eppt-bar i { transition:none; } }

/* ---- 0.2.0 tiers: 铜 / 银 / 金 (our own colours; graphics ≥ 3:1, text uses ink) ---- */
:root { --eppt-bronze:#8f5427; --eppt-silver:#5a6670; --eppt-gold:#8a6508; }
html[data-ep-theme=dark] { --eppt-bronze:#e3a774; --eppt-silver:#cfd8df; --eppt-gold:#f2cf5c; }
.eppt-gold-ring { opacity:0; }
.is-bronze > .eppt-card-stamp, .eppt-big-stamp.is-bronze, .is-bronze.eppt-big-stamp { color:var(--eppt-bronze) !important; opacity:1 !important; }
.is-silver > .eppt-card-stamp, .eppt-big-stamp.is-silver { color:var(--eppt-silver) !important; opacity:1 !important; }
.is-gold > .eppt-card-stamp, .eppt-big-stamp.is-gold { color:var(--eppt-gold) !important; opacity:1 !important; }
.is-gold .eppt-gold-ring { opacity:1; }
.is-bronze .eppt-s1, .is-silver .eppt-s1, .is-silver .eppt-s2, .is-gold .eppt-star { fill:currentColor; }
.eppt-card.is-bronze { border-left-color:var(--eppt-bronze); } .eppt-card.is-silver { border-left-color:var(--eppt-silver); } .eppt-card.is-gold { border-left-color:var(--eppt-gold); }
.eppt-tiers { list-style:none; margin:10px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:8px; }
.eppt-tier { display:flex; flex-direction:column; align-items:center; gap:1px; padding:8px 6px; border:1px solid var(--eppt-line); border-radius:12px; background:var(--eppt-card); text-align:center; }
.eppt-tier-dot { width:22px; height:22px; border-radius:50%; border:2px dashed var(--eppt-line); box-sizing:border-box; }
.eppt-tier b { font-size:14px; color:var(--eppt-ink); }
.eppt-tier small { font-size:12px; color:var(--eppt-muted); }
.eppt-tier em { font-style:normal; font-size:12px; color:var(--eppt-muted); min-height:1em; }
.eppt-tier.is-earned { border-color:currentColor; }
.eppt-tier-bronze.is-earned { color:var(--eppt-bronze); } .eppt-tier-silver.is-earned { color:var(--eppt-silver); } .eppt-tier-gold.is-earned { color:var(--eppt-gold); }
.eppt-tier.is-earned .eppt-tier-dot { border:0; background:currentColor; box-shadow:inset 0 0 0 4px var(--eppt-card), 0 0 0 2px currentColor; }
.eppt-tier.is-earned em { color:var(--eppt-ink); font-weight:600; }
.eppt-sheet-grid a.is-bronze .eppt-card-stamp, .eppt-sheet-grid a.is-silver .eppt-card-stamp, .eppt-sheet-grid a.is-gold .eppt-card-stamp { opacity:1; }