*{box-sizing:border-box}:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#e5e5e7;--border:#d1d1d6;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent:#0071e3;--ok:#2e7d32;--warn:#f39c12;--danger:#c0392b;--chosen-bg:#e6f4ea;--chosen-border:#2e7d32}@media (prefers-color-scheme:dark){:root{--bg-primary:#1d1d1f;--bg-secondary:#2d2d2f;--bg-tertiary:#3d3d3f;--border:#424245;--text-primary:#f5f5f7;--text-secondary:#9a9a9f;--accent:#0a84ff;--chosen-bg:#2e7d322e;--chosen-border:#4caf50}}html,body,#root{height:100%}body{background:var(--bg-primary);color:var(--text-primary);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}a{color:var(--accent)}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 .4rem;font-size:.7rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:.8rem;padding:.9rem 1rem}.app-header{padding-top:calc(.9rem + env(safe-area-inset-top,0px));padding-left:calc(1rem + env(safe-area-inset-left,0px));padding-right:calc(1rem + env(safe-area-inset-right,0px))}body{padding-bottom:env(safe-area-inset-bottom,0px)}.flagbar{background:var(--danger);color:#fff;border-radius:10px;margin-bottom:.8rem;padding:.6rem .7rem;font-weight:600;line-height:1.5}.flagbar span{margin-right:.5rem;display:inline-block}.chip{border:1px solid var(--border);background:var(--bg-secondary);min-height:44px;color:var(--text-primary);border-radius:999px;margin:2px 4px 2px 0;padding:6px 12px;font-size:.8rem;font-weight:600;line-height:32px;display:inline-block}.chip.selected{background:var(--ok);color:#fff;border-color:var(--ok)}.btn{border:1.5px solid var(--border);width:100%;min-height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:.7rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.scope-chips{gap:.5rem;margin-bottom:.8rem;display:flex}.profile-row{justify-content:space-between;min-height:56px;margin-bottom:.5rem}.profile-role{color:var(--text-secondary);font-size:.85rem;font-weight:400}.btn-primary{background:var(--ok);border-color:var(--ok);color:#fff}.input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;min-height:44px;color:var(--text-primary);border-radius:8px;padding:.5rem .7rem;font-size:1rem;display:block}.input:focus{outline:2px solid var(--accent);outline-offset:1px}label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.85rem;display:block}.search-status{color:var(--text-secondary);margin:.4rem 0 0;font-size:.85rem}.dog-list{margin:0;padding:0;list-style:none}.dog-list li+li{border-top:1px solid var(--border)}.dog-row{text-align:left;width:100%;min-height:44px;font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem .2rem;text-decoration:none;display:flex}.dog-row-name{font-weight:700}.dog-row-breed,.dog-row-owner{color:var(--text-secondary);font-size:.85rem}.jump-bar{flex-wrap:wrap;gap:.3rem;margin-bottom:.8rem;display:flex}.jump-bar a.chip{text-decoration:none}.warnbar{background:var(--warn);color:#fff;border-radius:10px;margin-bottom:.8rem;padding:.6rem .7rem}.warnbar p{margin:0 0 .5rem;font-weight:600}.warnbar .btn{color:#fff;border-color:#fff;width:auto;min-height:40px}.checkbox-row{align-items:center;gap:.5rem;min-height:44px;margin:.4rem 0;display:flex}.checkbox-row input{width:20px;height:20px}.save-indicator{align-items:center;gap:.6rem;margin:.4rem 0;font-size:.85rem;font-weight:600;display:flex}.save-indicator-saving{color:var(--text-secondary)}.save-indicator-saved{color:var(--ok)}.save-indicator-error{color:var(--danger)}.save-indicator-retry{border-color:var(--danger);width:auto;min-height:44px;color:var(--danger);padding:.3rem .9rem}.dog-header-name{margin:0;font-size:1.3rem}.dog-header-meta{color:var(--text-secondary);margin:.2rem 0 0;font-size:.9rem}.dog-owner-link{align-items:center;min-height:44px;display:inline-flex}.note-list{margin:0;padding:0;list-style:none}.note-item{border-bottom:1px dashed var(--border);padding:.4rem 0}.note-item:last-child{border-bottom:none}.note-meta{color:var(--text-secondary);font-size:.8rem}.photo-grid{flex-wrap:wrap;gap:.5rem;display:flex}.photo-thumb{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:100%;height:100%;display:block}.photo-groups{flex-direction:column;gap:.7rem;margin-top:.6rem;display:flex}.photo-group:first-child{margin-top:0}.photo-group-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 .4rem;font-size:.7rem;font-weight:600}.photo-group-empty{color:var(--text-secondary);margin:0;font-size:.85rem}.photo-tile{flex-direction:column;gap:.3rem;width:84px;display:flex}.photo-thumb-wrap{width:84px;height:84px;position:relative}.photo-spinner-overlay{color:#fff;background:#00000059;border-radius:10px;justify-content:center;align-items:center;font-size:1.3rem;animation:.9s linear infinite photo-spin;display:flex;position:absolute;inset:0}@keyframes photo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-tile-btn{border:1.5px solid var(--border);width:100%;min-height:44px;color:var(--text-primary);text-align:center;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.2rem .3rem;font-size:.7rem;font-weight:600;line-height:1.15;display:inline-flex}.photo-tile-btn-danger{border-color:var(--danger);color:var(--danger)}.photo-tile-error-msg{color:var(--danger);margin:0;font-size:.68rem;line-height:1.2}.photo-add-tile{border:1.5px dashed var(--text-secondary);width:84px;height:84px;color:var(--text-secondary);text-align:center;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.weight-row{padding:.4rem .2rem}.weight-row+.weight-row{border-top:1px solid var(--border)}.prefill-badge{color:var(--text-primary);background:#f39c1233;border-radius:6px;margin:.4rem 0 0;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.finished-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;margin:.4rem 0 0;padding:3px 8px;font-size:.8rem;font-weight:600;display:inline-block}.card.changed{border-color:var(--warn);background:#f39c1226}.pattern-row{border:none;border-bottom:1px solid var(--border);width:100%;min-height:44px;color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:.5rem .2rem;display:flex}.pattern-row:last-child{border-bottom:none}.sheet-overlay{z-index:50;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-panel{background:var(--bg-secondary);border-top:3px solid var(--warn);border-radius:16px 16px 0 0;width:100%;max-width:480px;max-height:85vh;padding:1rem;transition:transform .25s ease-out;overflow-y:auto;transform:translateY(100%);box-shadow:0 -6px 20px #00000059}.sheet-panel-open{transform:translateY(0)}.sheet-grab{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto .8rem}.dict-tabs{flex-wrap:wrap;gap:.3rem;display:flex}.dict-list{margin:0;padding:0;list-style:none}.dict-row{padding:.6rem .2rem}.dict-row+.dict-row{border-top:1px solid var(--border)}.dict-row-inactive{opacity:.5}.dict-row-name{width:100%;min-height:44px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:.3rem .2rem;font-size:1rem;font-weight:700;display:block}.dict-row-fields{flex-direction:column;gap:.4rem;margin:.4rem 0;display:flex}