:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Yu Gothic,Meiryo,sans-serif}body{min-width:320px;margin:0}*{box-sizing:border-box}body{color:#343b35;background:#f7f7f2;margin:0;font-family:Yu Gothic,Meiryo,sans-serif}.app{max-width:520px;min-height:100vh;margin:auto;padding:20px 16px 50px}header{padding:30px 10px 22px}.subtitle{color:#779782;letter-spacing:3px;font-size:11px}h1{margin:8px 0;font-size:28px}header p{color:#7a817b}.panel{background:#fff;border-radius:18px;margin-bottom:18px;padding:22px;box-shadow:0 3px 15px #00000008}h2{margin:0 0 18px;font-size:17px}label{margin:16px 0 8px;font-size:13px;font-weight:700;display:block}input{background:#fff;border:1px solid #dce4dc;border-radius:10px;width:100%;padding:13px;font-size:16px}.event{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.event strong{margin-top:5px;display:block}.time{color:#6c967b;font-size:13px}.empty{color:#999;text-align:center;padding:20px 0}button{cursor:pointer;border:none;border-radius:10px}.add{color:#fff;background:#668c75;width:100%;margin-top:22px;padding:15px;font-size:15px;font-weight:700}.delete{color:#a45c5c;background:#f9eeee;padding:8px 12px}.switch-auth{color:#668c75;background:0 0;margin:22px auto 0;padding:10px;font-size:14px;text-decoration:underline;display:block}.logout{color:#4b6f57;background:#e9eee9;margin-top:10px;padding:10px 16px;font-weight:700}.monthly-calendar{width:100%}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-header strong{font-size:18px}.calendar-header button{color:#52745e;background:#edf3ee;width:40px;height:40px;font-size:26px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.weekday{text-align:center;color:#777;padding:8px 0;font-size:12px}.weekday:first-child{color:#bf7777}.weekday:nth-child(7){color:#6687b0}.calendar-day{aspect-ratio:1;color:#343b35;background:#f5f8f5;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;font-size:14px;display:flex}.calendar-day.selected{color:#fff;background:#668c75;font-weight:700}.calendar-day:hover{background:#dfece2}.calendar-day.selected:hover{background:#52745e}.event-dot{background:#668c75;border-radius:50%;width:5px;height:5px}.calendar-day.selected .event-dot{background:#fff}.selected-date{color:#668c75;text-align:center;margin-top:18px;font-size:13px}.event-actions{flex-shrink:0;gap:8px;display:flex}.edit-button{color:#52745e;background:#edf3ee;padding:8px 12px;font-size:13px}.cancel-button{color:#666;background:#f0f0f0;width:100%;margin-top:10px;padding:13px;font-size:14px}.edit-button:hover{background:#dfece2}.cancel-button:hover{background:#e4e4e4}@media (width<=600px){.app{width:100%;max-width:100%;padding:12px 12px 40px}header{padding:22px 8px 18px}h1{font-size:25px}.panel{border-radius:15px;margin-bottom:14px;padding:16px}h2{font-size:16px}.calendar-grid{gap:3px}.calendar-day{border-radius:8px;font-size:13px}.calendar-header button{width:44px;height:44px}.event{gap:8px}.event strong{overflow-wrap:anywhere}.event-actions{gap:5px}.edit-button,.delete{padding:10px 9px;font-size:12px}input,.add,.cancel-button{min-height:44px}}@media (width<=360px){.app{padding-left:8px;padding-right:8px}.panel{padding:12px}.calendar-grid{gap:2px}.calendar-day{font-size:12px}}