:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-color: #ffffff;--text-color: #222222;--card-bg: #ffffff;--border-color: #e0e0e0;--skeleton-bg: #f2f2f2;--skeleton-shimmer: #dfd9d9;--header-bg: #1a1a1af5;--header-text: #ffffff;--button-active-bg: #222222;--button-active-text: #ffffff;--button-hover-bg: #A8C0D8;--accent: #4caf50;--danger: #f44336;--button-hover-border: #9a9898;--input-hover-border: #bdbdbd;--input-focus-border: #222222;--input-focus-ring: #0100001A;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ghost-hover-bg: rgba(0, 0, 0, .05);--link-color: #646cff;--link-hover-color: #535bf2}body[data-theme=dark]{--bg-color: #121212;--text-color: #f5f5f5;--card-bg: #1e1e1e;--border-color: #343333;--skeleton-bg: #1f1f1f;--skeleton-shimmer: #2a2a2a;--header-bg: #ffffff;--header-text: #222222;--button-active-bg: #ffffff;--button-active-text: #101010f0;--button-hover-bg: #B0B0B0;--button-hover-border: #4a4848;--input-hover-border: #565454;--input-focus-border: #ffffff;--input-focus-ring: #ffafff25;--ghost-hover-bg: rgba(255, 255, 255, .08);--link-color: #9aa8ff;--link-hover-color: #c2caff}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}input,textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);color:var(--text-color);font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}input:hover,textarea:hover{border-color:var(--input-hover-border)}input:focus,textarea:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px var(--input-focus-ring)}textarea{resize:none;min-height:44px;overflow:hidden}label{font-size:13px;opacity:.7}._button_1p4dp_1{padding:8px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:background .2s,border-color .2s,transform .2s,filter .2s}._button_1p4dp_1:hover:not(:disabled):not(._primary_1p4dp_21):not(._danger_1p4dp_21):not(._ghost_1p4dp_21){background:var(--button-hover-bg);transform:translateY(-1px)}._primary_1p4dp_21{background:var(--accent);color:#fff;border-color:var(--accent)}._primary_1p4dp_21:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}._danger_1p4dp_21{background:var(--danger);color:#fff;border-color:var(--danger)}._danger_1p4dp_21:hover:not(:disabled){filter:brightness(.95)}._active_1p4dp_73{background:var(--button-active-bg);color:var(--button-active-text);border-color:var(--button-active-bg)}._active_1p4dp_73:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.95)}._ghost_1p4dp_21{background:transparent;border-color:transparent;color:inherit}._ghost_1p4dp_21:hover{text-decoration:underline}._button_1p4dp_1:disabled{opacity:.5;cursor:not-allowed}._button_1p4dp_1:active:not(:disabled){transform:translateY(0)}._button_1p4dp_1:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._icon_1p4dp_143{padding:6px;display:flex;align-items:center;justify-content:center}._ghost_1p4dp_21:hover:not(:disabled){background:var(--ghost-hover-bg);border-color:var(--border-color);text-decoration:underline}._button_1p4dp_1 svg{width:20px;height:20px}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{background:var(--header-bg);color:var(--header-text);padding:16px 0}.app__header-content{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.app__nav a{margin-left:16px;color:var(--header-text);text-decoration:none;font-size:14px}.app__nav a:hover{text-decoration:underline}.app__container{flex:1;max-width:1200px;margin:0 auto;padding:24px 16px}.app__logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;text-decoration:none;color:var(--header-text)}.app__logo-icon{font-size:26px;color:#8aa530}.theme-toggle{width:40px;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center;color:var(--header-text)}.app__nav a.active{text-decoration:underline;font-weight:600;pointer-events:none}.pet-card{background:var(--card-bg);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 2px 6px #0000000d;animation:fadeIn .3s ease}.pet-card:hover{box-shadow:0 10px 24px #0000001f;transform:translateY(-4px)}.pet-card:active{transform:scale(.98)}.pet-card__image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.pet-card__description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.pet-card:hover .pet-card__image{transform:scale(1.03)}.pet-card__content{padding:16px}.pet-card__actions{display:flex;justify-content:space-between;margin-top:12px}.pet-card__actions button{background:none;border:none;cursor:pointer;font-size:18px;transition:transform .15s ease;color:var(--text-color)}.pet-card__actions button:hover{transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.skeleton-card{background:var(--skeleton-bg);border-radius:14px;overflow:hidden;padding:16px;animation:pulse 1.4s ease-in-out infinite}.skeleton-image{width:100%;height:200px;background:#e0e0e0;border-radius:10px;margin-bottom:12px}.skeleton-text{height:16px;background:var(--skeleton-bg);border-radius:6px;margin-bottom:8px}.skeleton-text.short{width:60%}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.pets-page{padding:24px}.pets-page__controls{margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap}.pets-page__search{padding:8px;min-width:250px}.pets-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.pets-page__pagination{margin-top:24px;display:flex;align-items:center;gap:12px}.pets-page__loading{font-size:18px;margin:20px 0}.pets-page__error{color:red;font-weight:500;margin:20px 0}.pets-page__empty{margin-top:40px;font-size:18px;opacity:.6}@media(max-width:1024px){.pets-page__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pets-page__grid{grid-template-columns:1fr}}.pet-page__image{width:200px}.form-error{color:var(--danger);font-size:12px;min-height:16px;margin-top:4px}.pet-form{max-width:900px;display:flex;flex-direction:column;gap:24px}.form-row{display:flex;gap:12px;align-items:flex-start}.form-row>*{flex:1;min-width:0}.form-row button{flex:0 0 auto;align-self:flex-start;margin-top:22px}.form-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.form-field span{font-size:12px;color:var(--danger)}.form-field label{height:16px}@media(max-width:768px){.form-row{flex-direction:column}.form-row button{align-self:stretch;width:100%}}.image-preview{width:200px;border-radius:12px;margin-top:12px;object-fit:cover}.drop-zone{border:2px dashed var(--border-color);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:.2s ease;background:var(--card-bg)}.drop-zone:hover{border-color:#888}.drop-zone.dragging{border-color:#4f46e5;background:#4f46e514}.drop-zone.disabled{opacity:.5;cursor:not-allowed}