:root{--color-bg:#faf9f6;--color-text:#333;--color-primary:#5b7a5e;--color-skip:#e74c3c;--color-postpone:#f39c12;--color-do:#27ae60;--color-border:#e0ddd8;--color-card:#fff;--max-width:640px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;min-height:100vh}.site-header{border-bottom:1px solid var(--color-border);padding:1.5rem 1rem;text-align:center}.site-title{color:var(--color-primary);font-size:1.4rem;font-weight:700;letter-spacing:.05em;text-decoration:none}.site-main{flex:1;margin:0 auto;max-width:var(--max-width);padding:2rem 1rem;width:100%}.site-footer{border-top:1px solid var(--color-border);font-size:.8rem;padding:1rem;text-align:center}.footer-nav a{color:#888;margin:0 .5rem;text-decoration:none}.footer-nav a:hover{text-decoration:underline}