:root{color-scheme:light;font-family:DM Sans,sans-serif;background:#fbf6ee;color:#2c1810}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fbf6ee,#f8efe2)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.shell,.app-shell{min-height:100vh;padding:16px 16px 90px}.auth-shell{display:flex;align-items:center;justify-content:center}.auth-card{display:flex;flex-direction:column;gap:14px}.card{background:#fffdf9;border:1px solid #e8dccd;border-radius:22px;padding:16px;box-shadow:0 10px 30px #2c18100f}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#c17f3e;font-size:.8rem;margin:0 0 4px}h1,h2,h3,h4{font-family:Lora,serif;margin:0 0 8px}.muted{color:#7a5d45}.stack{display:flex;flex-direction:column;gap:12px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.metric{padding:12px;background:#f7ebda;border-radius:16px}.metric span{display:block;color:#7a5d45;font-size:.9rem}.metric strong{font-size:1.3rem}.big-number{font-size:2rem;font-weight:700;font-family:Lora,serif}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #e2d0b7;border-radius:14px;background:#fff}textarea{resize:vertical}input[type=radio],input[type=checkbox]{width:auto;padding:0;border:none;background:none;accent-color:#C17F3E;flex-shrink:0}.primary-btn,.ghost-btn,.tab,.fab,.link-btn{border:none;border-radius:999px;padding:10px 14px;cursor:pointer}.primary-btn{background:#c17f3e;color:#fff}.ghost-btn{background:#f6e8d8;color:#2c1810}.link-btn{background:none;color:#c17f3e;font-weight:600}.link-btn:hover{text-decoration:underline}.link-btn:focus-visible{outline:2px solid #C17F3E;outline-offset:2px}.tab{background:#f7ebda}.tab.active{background:#2d5016;color:#fff}.tabs{display:flex;gap:8px}.auth-tabs{margin-top:4px;margin-bottom:4px}.auth-form{margin-top:4px}.auth-error{margin:0;color:#a33a2d;font-size:.95rem}.top-actions{display:flex;gap:8px;align-items:center}.input-label-group{display:flex;flex-direction:column;gap:4px;flex:1}.input-label-group .muted{margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c181040;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.onboarding-card{width:min(100%,360px)}.onboarding-message{color:#2d5016;font-weight:600}.species-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip{display:flex;gap:6px;align-items:center;font-size:.95rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fffdf9;border-top:1px solid #eadfcb;padding:10px 0}.nav-item{font-size:.78rem;padding:8px 6px}.fab{position:fixed;right:20px;bottom:80px;width:56px;height:56px;font-size:1.6rem;background:#2d5016;color:#fff}.list-item{padding:10px 0;border-bottom:1px solid #f0e3ce}.enclosure-card{border:1px solid #f0e3ce;border-radius:16px;margin-bottom:10px;overflow:hidden}.enclosure-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px}.enclosure-card-title{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;background:none;padding:0;text-align:left}.enclosure-card-actions{display:flex;gap:6px;flex-shrink:0}.enclosure-card-actions .ghost-btn{padding:6px 10px;font-size:.85rem}.enclosure-rename-form{padding:0 14px 12px}.enclosure-residents{padding:0 14px 12px;display:flex;flex-direction:column;gap:8px}.animal-bio{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#f7ebda;border-radius:12px;padding:10px 12px}.animal-list-item{display:flex;align-items:center;gap:10px}.animal-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Lora,serif;flex-shrink:0}.avatar-large{width:72px;height:72px;font-size:1.6rem}.avatar-blue{background:#cfe3f2;color:#1f4a63}.avatar-pink{background:#f4d7e1;color:#7a2f47}.avatar-neutral{background:#f0e3ce;color:#7a5d45}.photo-input{display:flex;align-items:center;gap:14px}.photo-upload-label{cursor:pointer;white-space:nowrap}.photo-upload-label:focus-within{outline:2px solid #C17F3E;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio-group{display:flex;flex-wrap:wrap;gap:10px 16px}.rate-good{color:#2d5016;font-weight:700}.rate-fair{color:#c17f3e;font-weight:700}.rate-poor{color:#a33a2d;font-weight:700}.unit-label{font-size:1rem;font-weight:400;color:#7a5d45}.egg-log-item{display:flex;justify-content:space-between;align-items:center;gap:10px}@media (min-width: 700px){.app-shell{max-width:430px;margin:0 auto}}