/* Común — expressive navigation, with compact and reduced-motion variants. */
@media(min-width:761px){
 .shell{grid-template-columns:286px minmax(0,1fr)}
 .sidebar{padding:30px 20px 18px;height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#527c61 transparent;background:radial-gradient(ellipse at 0 0,#476d4255,transparent 55%),radial-gradient(ellipse at 100% 85%,#70864c24,transparent 50%),#182f29;color:#fcf8e9;border-right:1px solid #3e5647;box-shadow:8px 0 35px #19382a0c;isolation:isolate}
 .sidebar .brand{display:flex;align-items:center;gap:12px;padding:0 8px;font-size:43px;letter-spacing:-2.6px}
 .brand-bloom{width:44px;height:44px;display:grid;place-items:center;flex:none;color:#d9f592;font:44px Georgia,serif;filter:drop-shadow(0 0 14px #c5e97930);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
 .brand:hover .brand-bloom{transform:rotate(90deg)}
 .sidebar .brand small{margin:7px 0 0 2px;font-size:6.4px;letter-spacing:1.7px;color:#acc8aa}
 .household-card{position:relative;margin:26px 0 28px;border:1px solid #c9e6aa26;border-radius:18px;padding:14px 15px;background:linear-gradient(115deg,#77915925,#fff9dc08);box-shadow:inset 0 1px #e4f5cb0d}
 .household-faces{display:flex;align-items:center;margin-bottom:9px}
 .household-faces .avatar-portrait{width:49px;height:49px;background:#c2d491;border:2px solid #314b38;transition:transform .25s}
 .household-faces .avatar-portrait+img{margin-left:-9px;background:#e5bca6;transform:rotate(8deg)}
 .household-card:hover img:first-child{transform:rotate(-8deg) translateY(-3px)}
 .household-card:hover img+img{transform:rotate(12deg) translateY(-3px)}
 .household-spark{margin-left:auto;color:#d6ed9e;font-size:28px;font-weight:400}
 .household-card strong{font:19px/1.2 Georgia,serif;letter-spacing:-.4px;display:block;color:#f9f6e8}
 .household-card>div>span:not(.household-spark){font-size:10px;color:#bbccb5;display:block;margin-top:7px}
 .household-card i{font-style:normal;font-size:7px;letter-spacing:1px;background:#d3eeb517;padding:3px 6px;border-radius:5px;color:#d9edae;margin-left:8px}
 .nav-section-label{font-size:8px;letter-spacing:1.7px;color:#9daf9c;padding:0 9px;display:flex;justify-content:space-between}
 .nav-section-label>span{color:#6e8775;font-size:7px;letter-spacing:1px}
 .sidebar nav{margin-top:12px;gap:8px}
 .sidebar .navbtn{position:relative;min-height:67px;padding:10px 11px;gap:12px;border:1px solid transparent;border-radius:15px;color:#e3e9db;transition:background .22s,transform .22s,border-color .22s,box-shadow .22s}
 .nav-gem{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;box-shadow:inset 0 1px #ffffff4d,0 4px 9px #0003;transition:transform .3s cubic-bezier(.2,.9,.2,1);color:#243e2c;background:linear-gradient(145deg,#ecf8a9,#adc966)}
 .nav-gem .ico{width:23px;height:23px;stroke-width:1.65;filter:drop-shadow(0 1px #fff5)}
 .gem-recipes{color:#7f3d24;background:linear-gradient(145deg,#ffd6b9,#d99670)}
 .gem-pantry{color:#375854;background:linear-gradient(145deg,#c5eae1,#7ab4a7)}
 .gem-shopping{color:#6a5122;background:linear-gradient(145deg,#fce8a8,#d8b964)}
 .gem-progress{color:#594479;background:linear-gradient(145deg,#e2d5fd,#b4a0d4)}
 .nav-label{font-size:13px;font-weight:600;min-width:0;white-space:nowrap}
 .nav-label small{display:block;font-size:8px;font-weight:400;color:#abbfa9;margin-top:3px;letter-spacing:0}
 .nav-chevron{margin-left:auto;font-size:21px;color:#95ab87;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
 .sidebar .navbtn:hover{background:#ffffff09;border-color:#e2f5c41b;transform:translateX(3px)}
 .sidebar .navbtn:hover .nav-gem{transform:rotate(-7deg) scale(1.07)}
 .sidebar .navbtn:hover .nav-chevron,.sidebar .navbtn.active .nav-chevron{opacity:1;transform:translateX(0)}
 .sidebar .navbtn.active{background:linear-gradient(115deg,#e5f5b5,#c9e394);color:#243d2d;border-color:#edffc755;box-shadow:0 7px 20px #0002,inset 0 1px #ffffff65}
 .sidebar .navbtn.active .nav-label small{color:#516444}.sidebar .navbtn.active .nav-chevron{color:#476033}
 .sidebar .navbtn.active .nav-gem{background:#ffffff75;box-shadow:inset 0 1px #fff9,0 3px 8px #49682d20}
 .sidebar .navbtn:active{transform:scale(.97)}
 .sidebar .badge-number{background:#eaf6c4;color:#294832;font-size:10px;min-width:23px;height:23px;margin-left:auto}
 .sidebar .navbtn.active .badge-number{background:#355438;color:#f4ffda}
 .sidebar-discovery{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:166px;flex-shrink:0;border-radius:18px;overflow:hidden;margin:26px 3px 24px;padding:16px;color:#fffef4;background:#273e2e;box-shadow:0 8px 20px #0002;border:1px solid #dff2c622}
 .sidebar-discovery>img,.discovery-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
 .discovery-shade{background:linear-gradient(90deg,#112b22eb,#112b2230),linear-gradient(0deg,#112b22c9,transparent)}
 .sidebar-discovery:hover>img{transform:scale(1.08) rotate(2deg)}
 .discovery-kicker,.discovery-title,.discovery-cta{position:relative}.discovery-kicker{font-size:6.5px;letter-spacing:1.3px;display:flex;align-items:center;justify-content:space-between;color:#e1edcc}.discovery-kicker b{font-size:16px;line-height:1}
 .discovery-title{font:26px/1.07 Georgia,serif;letter-spacing:-.6px;margin:13px 0}
 .discovery-cta{font-size:10px;display:flex;justify-content:space-between;align-items:center;color:#e8f4d6}.discovery-cta>span{display:grid;place-items:center;background:#effbd82b;border:1px solid #effbd83b;border-radius:50%;width:24px;height:24px;font-size:14px;transition:transform .2s}.sidebar-discovery:hover .discovery-cta>span{transform:rotate(45deg)}
 .sidebar-bottom{margin-top:auto;padding:0 4px}
 .sidebar-today{display:flex;align-items:center;gap:10px;border-top:1px solid #d2e6b822;padding-top:17px;font-size:9px;color:#a2b79f}.sidebar-today strong{font-size:10px;color:#dce6d1;display:block;font-weight:500;margin-top:3px}.today-orbit{display:grid;place-items:center;width:31px;height:31px;background:#b1d78210;border-radius:50%;color:#c5df9b}.today-orbit .ico{width:15px;height:15px}.sidebar-today button{margin-left:auto;background:none;color:#c7dfab;padding:8px}
 .sidebar .connection{font-size:8px;margin-top:20px;color:#a2b59b;gap:7px}.sidebar .dot{background:#bddf87;box-shadow:0 0 0 3px #bddf8712,0 0 10px #b5e38a30}.sidebar .dot.off{background:#df976b;box-shadow:none}.connection-leaf{margin-left:auto;color:#bfd696;font-size:18px}
}
.page-arrive{animation:page-arrive .32s ease-out}@keyframes page-arrive{from{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-height:1050px){.sidebar{padding-top:21px}.household-card{margin:19px 0 21px;padding:11px 14px}.household-faces{float:left;margin:0 10px 0 0}.household-faces .avatar-portrait{width:35px;height:35px}.household-spark{display:none}.household-card strong{font-size:15px}.household-card>div>span:not(.household-spark){font-size:8px}.household-card i{display:none}.sidebar .navbtn{min-height:61px}.sidebar-discovery{min-height:142px;margin:20px 3px}.discovery-title{font-size:24px}.sidebar .connection{margin-top:12px}}
@media(min-width:761px) and (max-width:1100px){.shell{grid-template-columns:245px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar .navbtn{gap:9px;padding:9px}.nav-label{font-size:12px}.nav-label small{font-size:7px}.nav-gem{width:35px;height:35px}.household-card strong{font-size:17px}.sidebar .brand{font-size:39px}.sidebar .brand small{font-size:6px}}
@media(max-width:760px){.mobile-nav{left:10px;right:10px;bottom:10px;border:1px solid #dce5ce;border-radius:22px;padding:8px 4px max(8px,env(safe-area-inset-bottom));box-shadow:0 8px 32px #294d3626;background:#fffef5ed}.mobile-nav .navbtn{border-radius:15px;gap:4px;padding:7px 1px;transition:background .2s,transform .2s}.mobile-nav .navbtn.active{background:#e1efc5;color:#294b31}.nav-label{font-size:8px;font-weight:500}.nav-label small,.nav-chevron{display:none}.nav-gem{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#59754a}.gem-recipes{color:#b56d49}.gem-pantry{color:#508f81}.gem-shopping{color:#a28739}.gem-progress{color:#8871a6}.mobile-nav .navbtn.active .nav-gem{background:#fffaf08c}.mobile-nav .navbtn:active{transform:scale(.92)}.main{padding-bottom:118px}}
@media(prefers-reduced-motion:reduce){.page-arrive{animation:none}.sidebar *,.mobile-nav *{transition:none!important;animation:none!important}.sidebar .navbtn:hover,.sidebar .navbtn:hover .nav-gem,.sidebar-discovery:hover>img,.household-card:hover img:first-child,.household-card:hover img+img,.brand:hover .brand-bloom{transform:none}}

@media(min-width:761px) and (max-height:740px){.sidebar{padding-top:16px}.household-card{margin:15px 0}.sidebar nav{gap:5px}.sidebar .navbtn{min-height:54px;padding-top:7px;padding-bottom:7px}.sidebar-discovery{min-height:122px;margin:17px 3px 14px;padding:12px 15px}.discovery-title{font-size:22px;margin:9px 0}.sidebar-today{padding-top:11px}.sidebar .connection{margin-top:9px}}