:root{--oyako-color-bg: #faf7f2;--oyako-color-fg: #333333;--oyako-color-accent: #ff8a3d;--oyako-space-unit: 8px;--oyako-radius: 12px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--oyako-color-bg);color:var(--oyako-color-fg);font-family:system-ui,sans-serif}#app{display:flex;flex-direction:column;min-height:100vh}.oyako-main{flex:1;padding:calc(var(--oyako-space-unit) * 2)}.oyako-nav{display:flex;justify-content:space-around;border-top:1px solid var(--oyako-color-accent);padding:var(--oyako-space-unit);background:var(--oyako-color-bg)}.oyako-nav__item{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--oyako-space-unit);border-radius:var(--oyako-radius)}.oyako-nav__item--active{background:var(--oyako-color-accent)}.oyako-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}