:root{--forest:#183f36;--pine:#102b26;--apricot:#d98962;--gold:#b79455;--muted:#64736e;--font-sans:Arial,sans-serif;--font-display:Georgia,serif}*{box-sizing:border-box}body{color:#19312c;font-family:var(--font-sans);background:#f8f7f3;margin:0}button{cursor:pointer}.shell{min-height:100vh;display:flex}.mobile-bar,.mobile-scrim{display:none}.sidebar{background:var(--pine);color:#d5dfda;z-index:12;flex-direction:column;width:240px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font:700 28px var(--font-display);color:#fff;text-decoration:none}.brand span{color:#e0a07d}.brand-button{text-align:left;background:0 0;border:0;padding:0}.pet{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;margin:34px 0 18px;padding:13px;display:flex}.pet>b,.profile{color:#604525;background:#e7dac8;border:0;border-radius:50%;padding:9px}.pet small,header small,.hero small,.tasks small,.ai>small,.overlay small{font:800 10px var(--font-sans);letter-spacing:1px;color:var(--gold)}.pet strong{display:block}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#c4d0cb;text-align:left;font:600 14px var(--font-sans);background:0 0;border:0;border-radius:8px;padding:12px}.sidebar nav button.active,.sidebar nav button:hover,.sidebar nav button:focus-visible{color:#fff;background:#ffffff13}.sidebar footer{color:#9aaba5;margin-top:auto;font-size:10px;line-height:1.5}.workspace{width:calc(100% - 240px);max-width:1360px;margin-left:240px;padding:32px 46px}.workspace>header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.workspace-actions{align-items:center;gap:10px;display:flex}.back-button{color:var(--forest);background:#fff;border:1px solid #cbd5ce;border-radius:9px;padding:9px 12px;font-weight:700}h1,h2,h3{font-family:var(--font-display)}h1{margin:7px 0;font-size:39px}.profile{font:600 13px var(--font-sans);border-radius:9px}.card{background:#fff;border:1px solid #e6e9e3;border-radius:16px;box-shadow:0 8px 20px #183f3609}.hero{background:linear-gradient(105deg,#eee4d2,#f9f5ea);justify-content:space-between;min-height:185px;padding:28px 32px;display:flex;overflow:hidden}.hero h2{margin:8px 0;font-size:31px}.hero p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.6}.hero>span{align-self:center;font-size:120px}.section-title{justify-content:space-between;align-items:end;margin:30px 0 14px;display:flex}.section-title h2{margin:0;font-size:25px}.section-title p{color:var(--muted);margin:4px 0;font-size:13px}.section-title button{color:var(--forest);background:0 0;border:0;font-weight:700}.tasks{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tasks article{gap:13px;padding:17px;display:flex}.tasks article>b{color:var(--gold);font-size:23px}.tasks h3{margin:3px 0;font-size:18px}.tasks p{color:var(--muted);margin:0;font-size:12px}.ai{background:var(--forest);color:#fff;border-radius:16px;margin-top:28px;padding:26px}.ai h2{margin:7px 0;font-size:27px}.ai>p{color:#d4e0da;max-width:700px;font-size:13px;line-height:1.6}.ai form{background:#fff;border-radius:9px;padding:5px;display:flex}.ai input{border:0;outline:0;flex:1;min-width:0;padding:11px}.ai form button,.primary{background:var(--apricot);color:#fff;border:0;border-radius:6px;padding:11px 14px;font-weight:700}.answer{background:#ffffff0f;border:1px solid #ffffff28;border-radius:9px;margin-top:14px;padding:14px;font-size:13px}.answer button{color:#fff;background:0 0;border:1px solid #fff;border-radius:5px;padding:6px}.panel{text-align:center;max-width:850px;padding:45px}.panel h2{font-size:31px}.panel p{color:var(--muted);line-height:1.6}.cart-summary{border:2px solid var(--gold);justify-content:space-between;align-items:center;margin:18px 0;padding:20px;display:flex}.cart-summary h3{margin:5px 0}.overlay{z-index:20;background:#102b26b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay article{background:#fff;border-radius:18px;width:min(100%,510px);padding:38px;position:relative}.overlay h2{font-size:34px;line-height:1.08}.overlay p{color:var(--muted);line-height:1.6}.overlay label{gap:7px;font-weight:700;display:grid}.overlay select{border:1px solid #cbd5ce;border-radius:7px;padding:11px}.overlay article>div{justify-content:end;gap:8px;margin-top:25px;display:flex}.close{background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:16px}.overlay article>div button:first-child{color:var(--forest);background:0 0;border:0;font-weight:700}@media (max-width:700px){body{overflow-x:hidden}.shell{display:block}.mobile-bar{z-index:11;background:var(--pine);justify-content:space-between;align-items:center;min-height:64px;padding:11px 16px;display:flex;position:sticky;top:0;box-shadow:0 5px 18px #102b2630}.mobile-bar .brand{font-size:24px}.mobile-menu-toggle{color:#fff;background:#ffffff0c;border:1px solid #ffffff38;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:8px 10px;font-weight:700;display:flex}.mobile-menu-toggle b{font-size:22px;line-height:1}.mobile-scrim{z-index:10;background:#071b17a8;border:0;width:100%;height:calc(100dvh - 64px);display:block;position:fixed;inset:64px 0 0}.sidebar{z-index:12;width:min(82vw,290px);padding:24px 18px;transition:transform .2s;display:flex;inset:64px auto 0 0;transform:translate(-105%);box-shadow:12px 0 28px #071b1740}.sidebar.mobile-open{transform:translate(0)}.sidebar>.brand{display:none}.sidebar .pet{margin-top:0}.sidebar nav button{min-height:44px}.workspace{width:100%;margin:0;padding:20px 16px 32px}.workspace>header{z-index:1;align-items:flex-start;gap:12px;margin-bottom:20px;padding:0;position:relative}.workspace>header h1{font-size:28px}.workspace-actions{flex-direction:column;align-items:flex-end}.back-button,.profile{min-height:40px}.hero{min-height:155px;padding:21px}.hero>span{font-size:75px}.tasks{grid-template-columns:1fr}.ai{padding:21px 17px}.ai form{display:block}.ai input,.ai form button{width:100%;font-size:16px}.ai form button{margin-top:5px}.cart-summary{flex-direction:column;align-items:flex-start;gap:12px}.overlay article{padding:30px 23px}}.brand:before{content:"";background:url(/favicon.svg) 50%/contain no-repeat;flex:0 0 27px;width:27px;height:27px;display:block}.brand{align-items:center;gap:0;font-size:0;display:inline-flex}.brand:before{display:none}.brand:after{content:"";background:url(/furrlife-logo.png) 50%/contain no-repeat;width:190px;height:58px;display:block}@media (max-width:700px){.sidebar .brand:after{width:170px;height:52px}}.brand:after{background-color:#f8f7f3;border-radius:10px;width:210px;height:68px;padding:6px 10px}.mobile-bar .brand:after{width:174px;height:54px}