.base-layout{min-height:100vh;display:flex;flex-direction:column}.base-layout__header{background-color:var(--color-white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100}.base-layout__nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0}.base-layout__logo{font-size:var(--text-xl);font-weight:700;color:var(--color-black);text-decoration:none}.base-layout__logo:hover{color:var(--accent-blue)}.base-layout__menu{display:flex;gap:var(--space-xl)}.base-layout__menu a{color:var(--gray-700);text-decoration:none;transition:color .2s;font-size:var(--text-sm)}.base-layout__menu a:hover{color:var(--accent-blue)}.base-layout__main{flex:1;display:flex;flex-direction:column;min-height:0}.base-layout__footer{background-color:var(--gray-100);padding:var(--space-xl) 0;margin-top:auto}.base-layout__footer p{color:var(--gray-600);text-align:center;font-size:var(--text-sm)}.base-layout__hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--gray-700);transition:color .2s}.base-layout__hamburger:hover{color:var(--accent-blue)}.base-layout__hamburger svg{width:24px;height:24px;stroke-width:2.5}@media (max-width: 480px){.base-layout__hamburger{display:block}.base-layout__menu{display:none}}@media (max-width: 360px){.base-layout__hamburger svg{width:20px;height:20px}.base-layout__logo{font-size:var(--text-lg)}}.mobile-sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end;animation:fadeIn .4s cubic-bezier(.25,.8,.25,1)}.mobile-sidebar-overlay.closing{animation:fadeOut .3s cubic-bezier(.25,.8,.25,1);animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mobile-sidebar{background-color:var(--color-white);width:280px;max-width:80vw;height:100vh;box-shadow:-4px 0 20px #00000026;transform:translate(0);animation:slideIn .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}.mobile-sidebar-overlay.closing .mobile-sidebar{animation:slideOut .3s cubic-bezier(.25,.8,.25,1);animation-fill-mode:forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.mobile-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.mobile-sidebar__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.mobile-sidebar__close{background:none;border:none;font-size:1.5rem;color:var(--gray-600);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.mobile-sidebar__close:hover{color:var(--gray-800)}.mobile-sidebar__nav{flex:1;padding:var(--space-md) 0;list-style:none;margin:0}.mobile-sidebar__nav-item{margin:0}.mobile-sidebar__nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--text-primary);text-decoration:none;transition:background-color .2s,color .2s;border-left:3px solid transparent}.mobile-sidebar__nav-link:hover{background-color:var(--gray-50);color:var(--accent-blue);border-left-color:var(--accent-blue)}.mobile-sidebar__nav-emoji{font-size:1.25rem;width:1.5rem;text-align:center}.mobile-sidebar__nav-label{font-size:var(--text-base);font-weight:500}@media (min-width: 481px){.mobile-sidebar-overlay{display:none}}@media (max-width: 360px){.mobile-sidebar{width:260px;max-width:85vw}.mobile-sidebar__nav-link{padding:var(--space-sm) var(--space-md)}.mobile-sidebar__nav-emoji{font-size:1.1rem}.mobile-sidebar__nav-label{font-size:var(--text-sm)}}.navigation{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-lg);margin:0}.navigation__logo{font-size:var(--text-xl);font-weight:700;color:var(--color-black);text-decoration:none}.navigation__logo:hover{color:var(--accent-blue)}.navigation__menu{display:flex;gap:var(--space-xl);margin:0;padding:0;list-style:none}.navigation__link{color:var(--gray-700);text-decoration:none;transition:color .2s;font-size:var(--text-sm)}.navigation__link:hover{color:var(--accent-blue)}.navigation__hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--gray-700);transition:color .2s}.navigation__hamburger:hover{color:var(--accent-blue)}.navigation__hamburger svg{width:24px;height:24px;stroke-width:2.5}@media (max-width: 480px){.navigation__hamburger{display:block}.navigation__menu{display:none}}@media (max-width: 360px){.navigation__hamburger svg{width:20px;height:20px}.navigation__logo{font-size:var(--text-lg)}}