@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--rust:#5c3317;--rust-dark:#4a2810;--ochre:#e8a857;--ochre-light:#fbf0dc;--sand:#f5ede0;--sand-dark:#e0d4c4;--white:#fff;--text-dark:#2a1508;--text-mid:#7a6050;--text-light:#a09080;--text-faint:#c0a880;--border:#e0d4c4;--border-light:#f0e8dc;--green:#3a5a10;--green-light:#e8f0dc;--green-mid:#b8d098;--red:#8b2020;--red-light:#fbe9e8;--amber:#7a4a10;--amber-light:#fbf0dc;--brand-navy:#242b47;--brand-navy-card:#2d3552;--brand-panel:#f7f5f0;--brand-panel-border:#e5e1d6;--brand-amber:#f2a65a;--brand-rose:#c99a9a;--brand-cream:#f0ede4;--brand-cream-dim:#8a90ac;--brand-navy-text:#242b47;--brand-navy-text-dim:#6b7088;--brand-green:#3b7a4a;--brand-status-monitor:#a85d2e;--brand-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body{background:var(--sand);color:var(--text-dark);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.wrap{max-width:760px;margin:0 auto;padding:16px 16px 80px}.top-nav{background:var(--brand-navy);font-family:var(--brand-font);z-index:100;justify-content:space-between;align-items:center;height:54px;padding:0 18px;display:flex;position:sticky;top:0}.logo{color:var(--brand-cream);letter-spacing:.02em;font-size:17px;font-weight:700}.bottom-nav{font-family:var(--brand-font);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.bnav-item{cursor:pointer;color:var(--text-light);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px 10px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.bnav-item.on{color:var(--brand-navy);font-weight:700}.bnav-icon{font-size:22px;line-height:1}.dropdown-menu{width:220px;font-family:var(--brand-font);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:200;background:#fff;border-radius:0 0 14px;display:none;position:fixed;top:54px;left:0;box-shadow:4px 4px 20px #0000001a}.dropdown-menu.on{display:block}.dd-item{color:var(--text-dark);border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:12px;padding:13px 18px;font-size:14px;transition:background .1s;display:flex}.dd-item:last-child{border-bottom:none}.dd-item:hover{background:var(--brand-panel)}.dd-item.on{color:var(--brand-navy);font-weight:700}.dd-overlay{z-index:150;display:none;position:fixed;inset:0}.dd-overlay.on{display:block}.card{border:1px solid var(--border);background:#fff;border-radius:14px;margin-bottom:12px;padding:16px}.ct{color:var(--brand-navy-text-dim);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:11px;font-weight:600}.btn{border:1px solid var(--border);color:var(--text-dark);background:#fff;border-radius:8px;padding:9px 18px;font-size:13px;transition:background .15s}.btn:hover{background:var(--sand)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-rust{background:var(--rust);color:var(--ochre);border-color:var(--rust);font-weight:700}.btn-rust:hover{background:var(--rust-dark)}.btn-ochre{background:var(--ochre-light);color:var(--amber);border-color:#d4a050}.btn-sm{padding:6px 12px;font-size:12px}.btn-red{color:var(--red);border-color:#f0cece}.btn-full{width:100%;padding:11px}.btn-row{gap:8px;margin-top:14px;display:flex}.fld{margin-bottom:11px}.fld label{color:var(--text-mid);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.fld input,.fld select,.fld textarea{width:100%;color:var(--text-dark);background:#fff;border:1px solid #d8ccbc;border-radius:8px;padding:9px 12px;font-size:13px;transition:border-color .15s}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--ochre);outline:none;box-shadow:0 0 0 3px #e8a85733}.g2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.p-rust{background:var(--rust);color:var(--ochre)}.p-ochre{background:var(--ochre-light);color:var(--amber)}.p-green{background:var(--green-light);color:var(--green)}.p-gray{color:#5a5048;background:#ede8e0}.p-blue{color:#1a4480;background:#e6f0fb}.p-pink{color:#7a1a4a;background:#fbe9f2}.p-red{background:var(--red-light);color:var(--red)}.dog-row{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:13px;transition:border-color .15s;display:flex}.dog-row:hover{border-color:var(--ochre)}.dog-row.dim{opacity:.5}.ava{background:var(--rust);width:50px;height:50px;color:var(--ochre);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;overflow:hidden}.ava img{object-fit:cover;width:100%;height:100%;display:block}.profile-hero{background:var(--rust);border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:14px;padding:20px;display:flex}.prof-photo{width:76px;height:76px;color:var(--ochre);background:#3a1f08;border:1px solid #e8a85733;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;overflow:hidden}.prof-photo img{object-fit:cover;border-radius:9px;width:100%;height:100%;display:block}.stat-box{background:#ffffff12;border-radius:8px;flex:1;padding:8px 12px}.stat-v{color:var(--ochre);font-size:16px;font-weight:700}.stat-k{color:#fff6;margin-top:1px;font-size:10px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{border:1px solid var(--border);color:var(--text-mid);cursor:pointer;background:#fff;border-radius:20px;padding:7px 18px;font-size:12px;font-weight:500;transition:all .15s}.tab.on{background:var(--rust);color:var(--ochre);border-color:var(--rust)}.fr{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 0;font-size:13px;display:flex}.fr:last-child{border-bottom:none}.fr .k{color:var(--text-mid);flex-shrink:0}.fr .v{color:var(--text-dark);text-align:right;font-weight:600}.modal-bg{z-index:300;background:#2a150899;padding:16px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-bg.on{display:block}.modal{background:#fff;border-radius:14px;width:100%;max-width:480px;margin:32px auto;padding:24px}.modal-title{color:var(--text-dark);margin-bottom:16px;font-size:16px;font-weight:700}.modal-close{float:right;cursor:pointer;color:#aaa;background:0 0;border:none;margin-top:-4px;font-size:22px;line-height:1}.toast{background:var(--rust);color:var(--ochre);z-index:999;opacity:0;pointer-events:none;white-space:nowrap;border:1px solid #e8a8574d;border-radius:10px;padding:11px 22px;font-size:13px;font-weight:600;transition:opacity .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast.on{opacity:1}.spinner{border:2px solid #e8a8574d;border-top-color:var(--ochre);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.upload-zone{border:2px dashed var(--sand-dark);text-align:center;cursor:pointer;background:#fafaf7;border-radius:10px;padding:22px;transition:border-color .15s}.upload-zone:hover{border-color:var(--ochre)}.pdrop{border:2px dashed var(--sand-dark);cursor:pointer;background:#fafaf7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:140px;transition:border-color .15s;display:flex;overflow:hidden}.pdrop:hover{border-color:var(--ochre)}.pdrop.has{border-style:solid;border-color:var(--border);padding:0}.pdrop.has img{object-fit:cover;border-radius:8px;width:100%;height:140px;display:block}.filter-bar{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:14px;padding:13px 16px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;color:var(--text-mid);background:#fff;border:1px solid #d8ccbc;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.chip.on{font-weight:700}.chip.ca.on{background:var(--rust);color:var(--ochre);border-color:var(--rust)}.chip.cb.on{background:var(--green-light);color:var(--green);border-color:var(--green)}.chip.cc.on{background:var(--ochre-light);color:var(--amber);border-color:var(--ochre)}.chip.cd.on{color:#5a5048;background:#ede8e0;border-color:#888}.chip.ce.on{color:#7a1a4a;background:#fbe9f2;border-color:#d4537e}.chip.cf.on{background:var(--red-light);color:var(--red);border-color:#d85a30}.ped-wrap{padding-bottom:4px;overflow-x:auto}.ped-grid{min-width:640px;display:flex}.ped-col{flex-direction:column;display:flex}.ped-cell{align-items:center;display:flex;position:relative}.ped-box{cursor:pointer;background:#fff;border:1px solid #d8ccbc;border-radius:8px;width:100%;padding:8px 10px;font-size:11px;transition:border-color .15s}.ped-box:hover{border-color:var(--ochre)}.ped-empty{background:#fafaf7;border-style:dashed}.ped-nm{color:var(--text-dark);margin-bottom:1px;font-size:12px;font-weight:700}.ped-rg{color:var(--text-faint);margin-top:1px;font-size:10px}.ped-lb{color:var(--text-light);margin-bottom:2px;font-size:10px}.ped-add{color:var(--ochre);margin-top:2px;font-size:10px;font-weight:600}.divlabel{color:#aaa;letter-spacing:.04em;text-transform:uppercase;padding:8px 0 5px;font-size:11px;font-weight:600}.sh{color:var(--text-dark);font-size:20px;font-weight:700}.ss{color:var(--text-mid);margin-top:2px;font-size:12px}.srow{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.info-box{border-radius:8px;margin-bottom:12px;padding:10px 13px;font-size:12px}.tl-item{border-bottom:1px solid var(--border-light);gap:12px;padding:10px 0;display:flex}.tl-item:last-child{border-bottom:none}.tl-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.prog-bg{background:#ede4d4;border-radius:4px;flex:1;height:5px;overflow:hidden}.prog-fill{border-radius:4px;height:5px}.auth-wrap{background:var(--brand-panel);min-height:100vh;font-family:var(--brand-font);justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{border:1px solid var(--brand-panel-border);background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px 28px}.auth-card input:focus,.auth-card select:focus,.auth-card textarea:focus{border-color:var(--brand-amber);outline:none;box-shadow:0 0 0 3px #f2a65a38}.auth-card .fld label{color:var(--brand-navy-text-dim)}.auth-logo{text-align:center;margin-bottom:28px}.auth-sub{color:var(--brand-navy-text-dim);text-align:center;margin-top:6px;font-size:13px}.auth-switch{text-align:center;color:var(--brand-navy-text-dim);margin-top:16px;font-size:13px}.auth-switch span{color:var(--brand-navy);cursor:pointer;font-weight:600}.auth-error{background:var(--red-light);color:var(--red);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.btn-brand{background:var(--brand-navy);color:var(--brand-cream);border-color:var(--brand-navy);font-weight:700}.btn-brand:hover{background:#1b2138}.weather-bar{background:var(--rust);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.weather-temp{color:var(--ochre);font-size:20px;font-weight:700}.bcs-grid{grid-template-columns:repeat(9,1fr);gap:4px;margin-bottom:10px;display:grid}.bcs-btn{border:1.5px solid var(--border);text-align:center;cursor:pointer;background:#fff;border-radius:6px;padding:8px 2px;transition:all .15s}.bcs-btn.on{background:var(--rust);border-color:var(--rust)}.bcs-btn .num{color:var(--text-dark);font-size:14px;font-weight:700}.bcs-btn.on .num{color:var(--ochre)}.bcs-btn .lbl{color:var(--text-light);margin-top:1px;font-size:8px}.bcs-btn.on .lbl{color:#ffffff80}.dog-chip-sel{cursor:pointer;border:1.5px solid var(--border);color:var(--text-mid);background:#fff;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s}.dog-chip-sel.on{background:var(--rust);border-color:var(--rust);color:var(--ochre)}.food-compare-card{border:1.5px solid var(--border);background:#fff;border-radius:12px;margin-bottom:10px;padding:14px}.food-compare-winner{border-color:var(--ochre);background:#fffaf3}.food-bar-bg{background:#ede4d4;border-radius:4px;flex:1;height:8px;margin-top:4px;overflow:hidden}.food-bar-fill{background:var(--rust);border-radius:4px;height:8px}@media (max-width:500px){.g2{grid-template-columns:1fr}.bcs-grid{grid-template-columns:repeat(5,1fr)}}