:root{--color-primary: #2d6a4f;--color-primary-dark: #1b4332;--color-primary-light: #52b788;--color-accent: #74c69d;--color-accent-light: #b7e4c7;--color-bg: #f0faf4;--color-surface: #ffffff;--color-text: #1a2e22;--color-text-muted: #5a7a66;--color-border: #d8eedf;--color-red: #d62828;--color-red-bg: #fde8e8;--color-yellow: #b5630a;--color-yellow-bg: #fff3cd;--color-green: #1b5e3b;--color-green-bg: #d4edda;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.12);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100dvh}img{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}.app{max-width:700px;margin:0 auto;min-height:100dvh;position:relative}.page{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:96px}.page-header{background:var(--color-primary);color:#fff;padding:16px 20px 14px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.page-header__title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.page-content{flex:1;padding:20px 16px}.btn-back{background:#ffffff26;border:none;color:#fff;padding:8px 14px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;transition:background var(--transition);white-space:nowrap;min-height:44px}.btn-back:hover{background:#ffffff40}.plant-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 540px){.plant-grid{grid-template-columns:1fr 1fr}}.plant-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);border:1.5px solid var(--color-border);-webkit-tap-highlight-color:transparent;outline:none}.plant-card:hover,.plant-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md)}.plant-card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.plant-card__photo{width:100%;aspect-ratio:4 / 3;background:var(--color-accent-light);overflow:hidden;display:flex;align-items:center;justify-content:center}.plant-card__photo img{width:100%;height:100%;object-fit:cover}.plant-card__emoji{font-size:4rem;line-height:1}.plant-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.plant-card__name{font-size:1.05rem;font-weight:700;color:var(--color-primary-dark);line-height:1.25}.plant-card__badges{display:flex;flex-wrap:wrap;gap:6px}.plant-card__sunlight{font-size:.8rem;color:var(--color-text-muted)}.badge,.chip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:600;line-height:1.5}.badge--green,.chip--green{background:var(--color-green-bg);color:var(--color-green)}.badge--yellow,.chip--yellow{background:var(--color-yellow-bg);color:var(--color-yellow)}.badge--red,.chip--red{background:var(--color-red-bg);color:var(--color-red)}.fab{position:fixed;bottom:28px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:2rem;line-height:1;border:none;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform var(--transition);z-index:100;-webkit-tap-highlight-color:transparent}.fab:hover{background:var(--color-primary-dark);transform:scale(1.08)}.fab:active{transform:scale(.96)}.detail-photo{width:100%;max-height:280px;background:var(--color-accent-light);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.detail-photo img{width:100%;height:280px;object-fit:cover}.detail-photo__emoji{font-size:6rem;line-height:1;padding:32px 0}.detail-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.detail-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);padding:4px 0;margin-bottom:24px}.detail-list{list-style:none}.detail-list__row{display:flex;justify-content:space-between;align-items:baseline;padding:13px 18px;border-bottom:1px solid var(--color-border);gap:16px}.detail-list__row:last-child{border-bottom:none}.detail-list__row dt{font-size:.9rem;color:var(--color-text-muted);font-weight:500;flex-shrink:0}.detail-list__row dd{font-size:.95rem;font-weight:600;color:var(--color-text);text-align:right}.detail-actions{display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:1rem;font-weight:600;border:none;transition:background var(--transition),transform var(--transition),opacity var(--transition);min-height:48px;-webkit-tap-highlight-color:transparent}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-accent-light);color:var(--color-primary-dark)}.btn--secondary:hover{background:var(--color-accent)}.btn--large{padding:16px 28px;font-size:1.05rem;min-height:56px}.btn--full{width:100%}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.add-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.9rem;font-weight:600;color:var(--color-text)}.form-input{padding:13px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition);min-height:50px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #52b78833}.form-input--file{padding:10px 12px;cursor:pointer}.photo-preview{margin-top:10px;width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-md);border:1.5px solid var(--color-border)}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%232d6a4f'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px;cursor:pointer}.form-group--checkbox{flex-direction:row;align-items:center}.form-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:1rem;font-weight:500;-webkit-user-select:none;user-select:none}.form-checkbox{width:22px;height:22px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.form-error{color:var(--color-red);font-size:.9rem;font-weight:500;background:var(--color-red-bg);padding:10px 14px;border-radius:var(--radius-sm)}.form-actions{padding-top:4px}.state-message{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;color:var(--color-text-muted);text-align:center;font-size:1rem}.state-message--error{color:var(--color-red)}.state-message__icon{font-size:3.5rem;line-height:1}.action-error{color:var(--color-red);font-size:.9rem;font-weight:500;background:var(--color-red-bg);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:4px}.spinner{width:36px;height:36px;border:3.5px solid var(--color-accent-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}