:root{--sidebar-width:280px;--content-max-width:960px;--layout-padding:16px;--tab-bar-height:56px}@media (min-width:600px){:root{--layout-padding:24px}}@media (min-width:1024px){:root{--layout-padding:32px}}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{background:var(--color-primary,#06c);width:auto;height:auto;color:var(--color-on-primary,#fff);z-index:100;border-radius:4px;padding:8px 16px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px}:focus-visible{outline:2px solid var(--color-primary,#06c);outline-offset:2px}.planner-layout{min-height:100vh;display:flex;position:relative}.planner-layout__content{padding:var(--layout-padding);flex:1;width:100%}@media (min-width:1024px){.planner-layout__content{max-width:var(--content-max-width);margin:0 auto;margin-left:var(--sidebar-width)}}
.bottom-tab-bar{height:var(--tab-bar-height,56px);background:var(--color-surface,#fff);border-top:1px solid var(--color-border,#e5e7eb);z-index:40;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.bottom-tab-bar{display:none}}.bottom-tab-bar__item{cursor:pointer;min-height:44px;color:var(--color-text-muted,#6b7280);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:.75rem;text-decoration:none;display:flex}.bottom-tab-bar__item[aria-selected=true]{color:var(--color-primary,#06c)}.bottom-tab-bar__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}
.planner-sidebar{background:var(--color-surface,#fff);border-right:1px solid var(--color-border,#e5e7eb);flex-direction:column;gap:16px;padding:16px;display:flex}@media (min-width:1024px){.planner-sidebar{height:100vh;width:var(--sidebar-width,280px);z-index:20;position:fixed;top:0;left:0;overflow-y:auto}}@media (min-width:600px) and (max-width:1023px){.planner-sidebar{height:100vh;width:var(--sidebar-width,280px);z-index:50;transition:transform .2s ease-out;position:fixed;top:0;left:0;transform:translate(-100%)}.planner-sidebar--expanded{transform:translate(0)}@media (prefers-reduced-motion:reduce){.planner-sidebar{opacity:0;pointer-events:none;transition:none}.planner-sidebar--expanded{opacity:1;pointer-events:auto}}}.planner-sidebar__backdrop{display:none}@media (min-width:600px) and (max-width:1023px){.planner-sidebar__backdrop{z-index:49;background:#0006;display:block;position:fixed;inset:0}}.planner-sidebar__wordmark{padding:8px 0;font-size:1.25rem;font-weight:700}.planner-sidebar__status-placeholder{flex:1}.sidebar-nav-link{color:var(--color-text-muted,#6b7280);border-left:3px solid #0000;border-radius:6px;padding:10px 12px;text-decoration:none;display:block}.sidebar-nav-link--active{color:var(--color-primary,#06c);background:var(--color-primary-tint,#eff6ff);border-left-color:var(--color-primary,#06c)}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:8px;display:flex}.hamburger-btn span{background:currentColor;width:20px;height:2px;display:block}