*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0d1117;color:#e6edf3;line-height:1.6}
a{text-decoration:none;color:inherit}.navbar{position:sticky;top:0;z-index:20;background:#161b22;border-bottom:1px solid #30363d}
.nav-inner{max-width:1150px;margin:auto;display:flex;align-items:center;gap:20px;padding:14px 18px}.brand{font-size:1.35rem;font-weight:800}
.nav-links{display:flex;gap:16px;align-items:center;margin-left:auto}.nav-links a,.nav-btn{color:#c9d1d9;font-size:.94rem;background:none;border:0;cursor:pointer;padding:7px 4px}.nav-links a:hover,.nav-btn:hover{color:#fff}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid #30363d;color:#fff;border-radius:8px;padding:7px 10px}
.mobile-menu{display:none;padding:10px 18px 18px;border-top:1px solid #30363d}.mobile-menu a{display:block;padding:9px 0;color:#c9d1d9}
.container{max-width:1050px;margin:auto;padding:28px 18px}.hero{min-height:330px;display:flex;align-items:center;border-radius:18px;margin:22px auto;padding:40px;background:linear-gradient(135deg,#161b22,#21262d);overflow:hidden}
.hero h1{font-size:clamp(2rem,6vw,4rem);margin:0 0 10px}.hero p{max-width:650px;color:#b8c1cc}
.btn{display:inline-block;border:1px solid #30363d;border-radius:10px;padding:10px 16px;margin:5px;background:#238636;color:white;cursor:pointer}
.btn.secondary{background:transparent}.search-card,.card{background:#161b22;border:1px solid #30363d;border-radius:14px;padding:20px;margin:18px 0}
.search-bar{width:100%;padding:15px;border-radius:12px;border:1px solid #30363d;background:#0d1117;color:#fff;font-size:1rem}
.search-form{display:none;margin-top:15px}.search-form.open{display:block}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
label{display:block;font-size:.9rem;color:#c9d1d9;margin-bottom:5px}input,select,textarea{width:100%;padding:11px;border-radius:9px;border:1px solid #30363d;background:#0d1117;color:#fff}
textarea{min-height:110px}.section-title{margin-top:35px}.notice{padding:13px;border-radius:10px;background:#1c2128;color:#b8c1cc}
footer{margin-top:45px;background:#161b22;border-top:1px solid #30363d}.footer-inner{max-width:1050px;margin:auto;padding:28px 18px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer-inner h3{margin-top:0}.footer-links a{display:block;color:#aeb8c4;margin:5px 0}.muted{color:#8b949e}.page-title{padding:35px 0 10px}.result-card{padding:17px;border:1px solid #30363d;border-radius:12px;margin:12px 0;background:#161b22}.tag{display:inline-block;padding:3px 8px;border-radius:999px;background:#21262d;color:#c9d1d9;font-size:.78rem;margin-right:5px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tabs a{border:1px solid #30363d;padding:8px 12px;border-radius:9px}.tabs a.active{background:#238636;color:white}
@media(max-width:760px){.nav-links{display:none}.menu-btn{display:block}.mobile-menu.open{display:block}.grid,.footer-inner{grid-template-columns:1fr}.hero{padding:25px;min-height:280px}}

body.light{background:#f6f8fa;color:#24292f}body.light .navbar,body.light .card,body.light .search-card,body.light .result-card,body.light footer{background:#fff;border-color:#d0d7de}body.light input,body.light select,body.light textarea,body.light .search-bar{background:#fff;color:#24292f;border-color:#d0d7de}body.light .muted,body.light .hero p{color:#57606a}

/* GAS-INFO default shop image placeholder; respects the current theme. */
.gas-placeholder{width:100%;max-width:220px;height:116px;margin:0 0 14px;border:1px solid #22d3ee;border-radius:12px;background:linear-gradient(135deg,#0b1924,#111827);display:flex;align-items:center;justify-content:center;gap:13px;color:#67e8f9;font-weight:800;letter-spacing:2px;overflow:hidden}
.gas-placeholder .cylinder{position:relative;width:36px;height:67px;border:3px solid currentColor;border-radius:8px 8px 10px 10px;background:linear-gradient(90deg,transparent 0 25%,#22d3ee22 25% 75%,transparent 75%)}
.gas-placeholder .cylinder:before{content:"";position:absolute;top:-9px;left:9px;width:12px;height:7px;border:2px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0}
.gas-placeholder .cylinder:after{content:"";position:absolute;top:23px;left:0;right:0;border-top:2px solid currentColor;opacity:.7}
.gas-placeholder .placeholder-label{font-size:.9rem;line-height:1.15}
body.light .gas-placeholder{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#075985;border-color:#0284c7}
body.light .gas-placeholder .cylinder{background:linear-gradient(90deg,transparent 0 25%,#0284c722 25% 75%,transparent 75%)}
.shop-map-link{display:inline-block;margin:4px 0 10px;color:#67e8f9;text-decoration:underline}
body.light .shop-map-link{color:#075985}
.stock-history{margin-top:10px}
@media(max-width:480px){.gas-placeholder{max-width:none;height:100px}.gas-placeholder .cylinder{transform:scale(.88)}}

/* GAS-INFO: Report Stock Mismatch modal */
.report-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.72);overflow-y:auto}
.report-modal.open{display:flex}
.report-dialog{width:100%;max-width:540px;max-height:92vh;overflow-y:auto;padding:24px;border:1px solid #30363d;border-radius:16px;background:#161b22;color:#e6edf3;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.report-dialog h2{margin:0 35px 8px 0;font-size:1.45rem}
.report-dialog .report-description{color:#b8c1cc;margin:0 0 18px}
.report-dialog .report-close{float:right;width:38px;height:38px;padding:0;border:1px solid #30363d;border-radius:9px;background:transparent;color:inherit;font-size:1.4rem;cursor:pointer}
.report-dialog .report-field{margin:16px 0}
.report-dialog textarea{min-height:125px;resize:vertical}
.report-dialog .report-help{margin:6px 0 0;color:#8b949e;font-size:.84rem}
.report-dialog .report-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.report-dialog .report-actions .btn{margin:0}
.report-dialog .report-status{display:none;padding:12px;margin-top:16px;border:1px solid #30363d;border-radius:10px;overflow-wrap:anywhere}
.report-dialog .report-status.visible{display:block}
.report-dialog .report-status.success{border-color:#238636;color:#3fb950}
.report-dialog .report-status.error{border-color:#da3633;color:#ff7b72}
.report-dialog .report-status.info{color:#b8c1cc}
body.light .report-dialog{background:#fff;color:#24292f;border-color:#d0d7de}
body.light .report-dialog .report-description{color:#57606a}
body.light .report-dialog .report-close{border-color:#d0d7de}
body.light .report-dialog .report-help{color:#57606a}
body.light .report-dialog .report-status{border-color:#d0d7de}
@media(max-width:480px){.report-modal{padding:10px;align-items:flex-end}.report-dialog{max-height:90vh;padding:19px;border-radius:16px 16px 12px 12px}.report-dialog .report-actions{flex-direction:column}.report-dialog .report-actions .btn{width:100%;text-align:center}}