@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";
@font-face{font-family:HdiTitle;font-style:normal;font-weight:400;src:url(https://hdi.binitright.com/-/biro-script-plus-font.fifthtry.site/assets/BiroScriptPlus.woff2)format("woff2")}:root{--brand-green:#158538;--brand-blue:#199cbf;--brand-gray:#565656;--brand-yellow:#e8ae11;--bg:#fff;--text-strong:#1f2937;--text-body:var(--brand-gray);--muted-border:#e5e7eb;--green-50:#1585381a;--green-700:var(--brand-green);--blue-50:#199cbf1f;--blue-800:#0a6073;--red-50:#fee2e2;--red-800:#991b1b;--yellow-50:#e8ae111f;--yellow-800:#624b05;--black-50:#1111111a;--black-900:#111;--shadow-sm:0 2px 6px #0206170f;--shadow-md:0 6px 18px #00020524}html,body{background:var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.tagline{text-transform:none;color:var(--brand-gray);text-align:center;font-size:24px;font-weight:400;line-height:1.3}.h1{text-align:center;color:var(--text-strong);text-transform:none;letter-spacing:0;font-family:HdiTitle,Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:42px;font-weight:600;line-height:1.15}body,.container,input,button,.result{font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;font-weight:400}.container{width:100%;min-width:700px;max-width:700px;box-shadow:var(--shadow-md);background:var(--bg);border:1px solid var(--muted-border);border-radius:16px;align-self:center;max-height:60vh;padding:24px}.search-wrapper{width:100%;margin-bottom:24px;position:relative}.search-input{width:100%;color:var(--text-strong);background:#fff;border:1px solid #d1d5db;border-radius:9999px;outline:none;padding:14px 56px 14px 16px;font-size:1rem;transition:box-shadow .15s,border-color .15s,background-color .15s;display:block}.search-input::placeholder{color:#9aa3af;opacity:1}.search-input:focus{border-color:var(--brand-green);box-shadow:0 0 0 4px #15853826}.search-btn{background:var(--brand-green);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:5;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:0 6px 12px #1018281a}.search-btn:hover{animation:.9s infinite pulse}.search-btn:focus-visible{outline-offset:2px;outline:3px solid #199cbf73}@keyframes pulse{0%{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.07)}to{transform:translateY(-50%)scale(1)}}.search-icon{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:relative}.search-icon:after{content:"";background:#fff;border-radius:1px;width:8px;height:2px;position:absolute;bottom:-4px;right:-8px;transform:rotate(45deg)}.green-btn{color:#fff;cursor:pointer;text-align:center;background-color:#158538;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:400}#results{scrollbar-width:none;-ms-overflow-style:none;background:#f7f7f7;border-radius:10px;justify-content:center;width:100%;max-height:200px;padding-bottom:16px;display:grid;overflow-y:auto}#results::-webkit-scrollbar{display:none}#results:empty{display:none}.tip-area{max-width:450px;color:var(--text-strong);border:1px solid var(--muted-border);box-shadow:var(--shadow-sm);z-index:900;background-color:#f9f9f9;border-radius:12px;margin-top:0;padding:12px 14px;font-size:10px;display:none;position:fixed;top:20px;right:20px}.tip-area strong{margin-bottom:6px;font-weight:600;display:block}.result{text-align:center;box-sizing:border-box;width:100%;box-shadow:var(--shadow-sm);word-break:break-word;border:1px solid var(--muted-border);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:1rem;font-weight:600;display:flex}.result span.icon{font-size:1.4rem}.green{background:var(--green-50);color:var(--green-700);border:1px solid #1585382e;margin-top:12px}.blue{background:var(--blue-50);color:var(--blue-800);border:1px solid #199cbf2e;margin-top:12px}.red{background:var(--red-50);color:var(--red-800);border:1px solid #ef444429;margin-top:12px}.black{background:var(--black-50);color:var(--black-900);border:1px solid #11111138;margin-top:12px}.yellow{background:var(--yellow-50);color:var(--yellow-800);border:1px solid #e8ae1138;margin-top:12px}.result .img{vertical-align:middle;display:inline-block}.result img{object-fit:contain;flex:0 0 20px;width:20px;max-width:20px;height:auto}@media (max-width:640px){.container{border-radius:12px;max-height:72vh;padding:12px}.h1{margin-bottom:14px;font-size:1.45rem}.search-input{padding:12px 52px 12px 12px;font-size:.95rem}.search-btn{width:40px;height:40px;right:8px}.result{padding:10px 12px;font-size:.95rem}.tip-area{box-sizing:border-box;width:100%;max-width:none;box-shadow:none;border:none;padding:0;font-size:12px;position:static}.tagline{font-size:18px}#results{padding-left:12px;padding-right:12px}}.share-container{z-index:999;position:fixed;bottom:20px;right:20px}.share-icon{background:var(--brand-green);color:#fff;cursor:pointer;text-align:center;border-radius:50%;padding:14px;transition:transform .2s;box-shadow:0 2px 6px #0000004d}.share-icon:hover{transform:scale(1.1)}.share-options{flex-direction:column;display:none;position:absolute;bottom:50px;right:2px}.share-option{color:#fff;cursor:pointer;white-space:nowrap;background:#fff;border-radius:50%;margin-top:10px;padding:8px;transition:background .2s;box-shadow:0 2px 6px #0003}.share-option:hover{background:#f0f0f0}@media (max-width:640px){.h1{margin-bottom:14px;font-size:1.45rem}.search-input{padding:12px 52px 12px 12px;font-size:.95rem}.search-btn{width:40px;height:40px;right:8px}.result{padding:10px 12px;font-size:.95rem}.tip-area{box-sizing:border-box;width:100%;max-width:none;position:static}.share-container{bottom:70px;right:16px}}.tip{border-radius:8px;margin:4px 0;padding:6px 10px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:500;display:block}.tip-dry{background:var(--blue-50);color:var(--blue-800);border:1px solid #199cbf2e}.tip-ewaste{background:var(--black-50);color:var(--black-900);border:1px solid #11111138}.tip-hazard{background:var(--red-50);color:var(--red-800);border:1px solid #ef444429}.green-btn,.green-btn a,.green-btn a:visited,.green-btn a:hover,.green-btn a:active{color:#fff;text-decoration:none}#autocomplete-list{color:#000;z-index:1000;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;border:1px solid #ddd;border-radius:24px;width:100%;max-height:156px;padding:12px;position:absolute;top:56px;overflow-y:scroll;box-shadow:0 4px 8px #0000001a}#autocomplete-list::-webkit-scrollbar{width:0;height:0}.autocomplete-item{cursor:pointer;color:#000;width:100%;font:inherit;text-align:left;background:#fff;border:0;border-radius:12px;padding:8px 10px}.autocomplete-item:hover{background-color:#f0f0f0}.autocomplete-item strong{font-weight:700}