body{background-color:#f5f5f5;font-family:Pretendard,Noto Sans KR,sans-serif;margin:0;padding:0}.container{margin:0 auto;max-width:800px;padding:20px}h1{color:#4a6141;text-align:center}.input-area{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px}.time-input-wrapper{position:relative}#time-input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.input-hint{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;font-size:14px;margin-top:10px;padding:10px}.input-hint p{font-weight:700;margin:0 0 5px}.input-hint ul{margin:0;padding-left:20px}button{background-color:#4a6141;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .2s}button:hover{background-color:#5a7151}.timers-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:20px}h2{border-bottom:1px solid #eee;color:#4a6141;margin-top:0;padding-bottom:10px}.timers-list{list-style:none;margin:0;padding:0}.empty-message{color:#888;padding:20px;text-align:center}.timer-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 0}.timer-item:last-child{border-bottom:none}.timer-info{display:flex;flex-direction:column;gap:5px}.timer-time{font-size:24px;font-weight:700}.timer-end-time{color:#666;font-size:14px}.remove-timer{background-color:#d9534f;font-size:14px;padding:8px 12px}.remove-timer:hover{background-color:#c9302c}@media (min-width:600px){.input-area{align-items:flex-end;flex-direction:row}.time-input-wrapper{flex-grow:1}button{align-self:flex-end}}