:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));color:#eee;background:#0b1410;margin:0;font:16px system-ui,sans-serif}a{color:inherit}.df-header h1{margin:0 0 4px;font-size:22px}.df-subtitle{color:#9db8a8;margin:0 0 16px;font-size:16px;line-height:1.5}.df-rater-bar{color:#9db8a8;background:#5ab47814;border:1px solid #5ab47840;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:8px 12px;font-size:16px;display:flex}.df-rater-form{flex:auto;gap:8px;min-width:220px;display:flex}.df-rater-form[hidden]{display:none}.df-rater-form input{color:#eee;min-width:0;font:inherit;background:#101c16;border:1px solid #5ab47866;border-radius:6px;flex:1;padding:7px 10px}.df-zip-form{margin:4px 0 16px}.df-zip-label{color:#9db8a8;margin-bottom:6px;font-size:16px;display:block}.df-zip-row{gap:8px;display:flex}.df-zip-row input{color:#eee;min-width:0;font:inherit;background:#101c16;border:1px solid #5ab47866;border-radius:8px;flex:1;padding:9px 12px;font-size:16px}.df-zip-btn,.df-chip{color:#6adf8c;font:inherit;cursor:pointer;background:0 0;border:1px solid #6adf8c;border-radius:8px;padding:9px 14px;font-size:16px}.df-chip{color:#9db8a8;border-color:#5ab47866;padding:6px 12px;font-size:16px}.df-chip.active{color:#0b1410;background:#6adf8c;border-color:#6adf8c;font-weight:700}.df-chip-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.df-warning{color:#ffb84d;background:#ffb84d1a;border:1px solid #ffb84d4d;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:16px}.df-status{color:#9db8a8;font-size:16px}.df-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:8px 0 0;padding:0;list-style:none;display:grid}.df-card{background:#101c16;border:1px solid #5ab4784d;border-radius:12px;overflow:hidden}.df-photo{aspect-ratio:4/3;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#0e1712;transition:transform .1s;position:relative}.df-photo.df-pressed{transform:scale(.95)}.df-photo:focus-visible{outline-offset:2px;outline:2px solid #6adf8c}.df-distance{color:#6adf8c;font-variant-numeric:tabular-nums;background:#0b1410d9;border-radius:999px;padding:3px 8px;font-size:16px;position:absolute;top:6px;right:6px}.df-photo img{object-fit:cover;width:100%;height:100%;display:block}.df-photo--none{color:#567;justify-content:center;align-items:center;font-size:16px;display:flex}.df-body{padding:10px 12px 14px}.df-name{color:#fff;margin:0 0 4px;font-size:17px}.df-meta{color:#cfe;margin:0 0 4px;font-size:16px}.df-shelter{color:#9db8a8;margin:0 0 8px;font-size:16px}.df-badge{color:#ffb84d;letter-spacing:.03em;background:#ffb84d26;border-radius:999px;padding:3px 9px;font-size:16px;display:inline-block}.df-badge[hidden]{display:none}.df-view-link{color:#6adf8c;margin-top:10px;font-size:16px;text-decoration:none;display:block}.df-view-link:hover{text-decoration:underline}.df-footer{color:#6a8577;margin-top:24px;font-size:16px;line-height:1.6}.df-footer a{color:#6adf8c}.df-rating-row{justify-content:space-between;align-items:center;gap:8px;padding:0 12px 12px;display:flex}.df-rating-avg{color:#9db8a8;font-size:16px}.df-bones{gap:2px;display:flex}.df-bone{cursor:pointer;filter:grayscale()opacity(.4);background:0 0;border:none;padding:2px;font-size:16px;transition:filter .1s}.df-bone:hover{filter:grayscale(.4)opacity(.8)}.df-bone.filled{filter:none;opacity:1}.df-modal{z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.df-modal[hidden]{display:none}@media (width>=480px){.df-modal{align-items:center}}.df-modal-backdrop{background:#050a08bf;position:absolute;inset:0}.df-modal-content{width:100%;max-width:420px;max-height:90vh;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#101c16;border:1px solid #5ab47866;border-radius:16px 16px 0 0;position:relative;overflow-y:auto}@media (width>=480px){.df-modal-content{border-radius:16px}}.df-modal-close{color:#eee;cursor:pointer;background:#0b1410d9;border:none;border-radius:999px;width:32px;height:32px;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.df-modal-photo{aspect-ratio:4/3;background:#0e1712;border-radius:10px;margin-bottom:12px;overflow:hidden}.df-modal-photo img{object-fit:cover;width:100%;height:100%;display:block}#modal-name{color:#fff;margin:0 0 6px;font-size:20px}#modal-shelter{margin-bottom:8px}#modal-badge:empty{display:none}.df-modal-link{text-align:center;color:#0b1410;background:#6adf8c;border-radius:8px;margin-top:14px;padding:10px;font-size:16px;font-weight:700;text-decoration:none;display:block}