*{box-sizing:border-box}body{color:#333;background:#f5f6f8;margin:0;font-family:Yu Gothic,Meiryo,sans-serif}main{width:min(100% - 32px,700px);margin:30px auto}header{margin:25px 0}h1{font-size:24px}header p{color:#777}h2{font-size:18px}.menu-title{margin:28px 0 12px}section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:14px;padding:20px}.menu{grid-template-columns:1fr 1fr;gap:10px;display:grid}button{color:#333;cursor:pointer;background:#fff;border:1px solid #d9dce1;border-radius:9px;min-height:52px;padding:12px;font-family:inherit;font-size:15px}button:hover{background:#edf1f5}.today{background:#eef3f8}.today button,.add-button{color:#fff;background:#465b70;border:none}.back-button{min-height:42px;margin-bottom:15px}.work-item textarea{width:100%;min-height:110px;font:inherit;resize:vertical;border:1px solid #ccc;border-radius:8px;margin:12px 0;padding:12px;line-height:1.6;display:block}.work-item label{padding:10px 0;font-size:15px;font-weight:500;display:block}.work-item input[type=checkbox]{vertical-align:middle;width:18px;height:18px;margin-right:8px}.work-item select,.work-item input[type=text]{color:#333;background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;min-width:0;height:50px;margin:8px 0 18px;padding:10px 14px;font-family:inherit;font-size:16px;display:block}input[type=date]{color:#333;background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;min-width:0;height:56px;min-height:56px;margin:8px 0 18px;padding:10px;font-family:inherit;font-size:20px;display:block}.work-item input[type=text][data-nickname]{width:100%;max-width:100%}.remove-button{color:#8b3535;border-color:#e2caca;min-height:38px;margin-top:10px}.add-button{width:100%;min-height:56px;margin-top:8px;font-size:16px;font-weight:700}#save-status{color:#58745d;text-align:right;font-size:13px}@media (width<=480px){main{width:calc(100% - 24px)}.menu{grid-template-columns:1fr}h1{font-size:21px}}