@import url(https://fonts.googleapis.com/css2?family=Barrio&family=Delius&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#e8f7f8;--card:#e1f0f2;--muted:#c0e7ff;--accent:#0f6c89;--accent-2:#f7c948;--good:#43a047;--best:#36a66a;--bff:#6ed4b8;--ignore:#d4c7f2;--avoid:tomato;--text:#1f4d5c}body{background:#e8f7f8;background:var(--bg);color:#1f4d5c;color:var(--text);font-family:Delius,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}.App{box-sizing:border-box;padding:60px;text-align:left}.App h1{color:#0f6c89;color:var(--accent);font-family:Barrio,Delius,system-ui,sans-serif;letter-spacing:.4px;margin:0 0 8px}.app-home-trigger{background:#0000;border:none;color:inherit;cursor:pointer;margin:0;padding:0;text-align:inherit}.app-brand-title{align-items:baseline;display:inline-flex;gap:1px}.app-brand-paw{color:#0c5f78;font-size:1.28em;letter-spacing:.6px;line-height:.9}.app-tagline{color:#2c8fa8;font-size:.98rem;font-weight:700;margin-left:122px;margin-top:2px}.App-header{display:none}form input,textarea{border:1px solid #4b2e2e1f;border-radius:4px;padding:6px 8px}button{background:#0f6c89;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}button:hover{opacity:.95}.legend-swatch{border-radius:3px;display:inline-block;height:16px;margin-right:6px;vertical-align:middle;width:16px}.view-controls{flex-wrap:wrap}.view-controls button{min-height:40px}.glass-button{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid #ffffff52!important;box-shadow:0 5px 14px #0f6c892e;transition:transform .14s ease,box-shadow .2s ease,opacity .2s ease}.glass-button:hover{box-shadow:0 8px 18px #0f6c893d;opacity:.92;transform:translateY(-1px)}.blind-drop-panel{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-8px) scaleY(.98);transform-origin:top;transition:max-height .28s ease,opacity .22s ease,transform .22s ease}.blind-drop-panel.open{max-height:300px;opacity:1;pointer-events:auto;transform:translateY(0) scaleY(1)}.blind-drop-row{animation:blindDropIn .28s ease;transform-origin:top}@keyframes blindDropIn{0%{opacity:0;transform:translateY(-8px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}.share-panel{margin-left:auto;margin-right:auto;max-width:560px}.dogs-layout,.dogs-view{box-sizing:border-box}.matrix-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.matrix-shell{display:inline-block;min-width:max-content}@media (max-width:1280px){.App{padding:40px 32px}.dogs-view{margin-left:10px!important;margin-right:10px!important}.dogs-layout{flex-direction:column;gap:14px}.dogs-card-column,.dogs-form-column{flex:1 1 auto!important;min-width:0!important;width:100%}.dogs-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}}@media (max-width:980px){.App{padding:20px 16px}.app-header-row{align-items:flex-start;flex-direction:column;margin-bottom:24px!important}.app-brand-wrap{width:100%}.app-logo{height:74px!important;width:74px!important}.app-title{font-size:1.65rem!important;line-height:1.15}.app-user-controls{flex-wrap:wrap;gap:10px;justify-content:space-between;padding-right:0!important;width:100%}.app-tagline{font-size:.92rem;margin-left:0}.view-controls{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))}.view-controls button{width:100%}.share-panel{padding:10px!important}.share-input{box-sizing:border-box;max-width:none!important;width:100%!important}.dogs-view{margin-left:0!important;margin-right:0!important}.dogs-layout{flex-direction:column;gap:14px}.dogs-card-column,.dogs-form-column{flex:1 1 auto!important;min-width:0!important;width:100%}.add-dog-grid,.dogs-grid{grid-template-columns:1fr!important}.add-dog-actions{text-align:left!important}.add-dog-actions button{width:100%}.dog-card-main{flex-direction:column}.dog-card-photo-wrap{align-self:flex-start}.dog-card-actions button{flex:1 1 100%!important}.matrix-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x}}@media (max-width:560px){.App{padding:14px 10px}.view-controls{grid-template-columns:1fr}}
/*# sourceMappingURL=main.f4f3b4db.css.map*/