.pomodoro-card{display:flex;align-items:center;gap:.75rem;background-color:var(--card);border-radius:.75rem;padding:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);text-align:center;transition:box-shadow .2s ease;border-width:1px;border-style:solid;border-color:var(--border)}.pomodoro-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (min-width:640px){.pomodoro-card{padding:.75rem 1rem;text-align:left}}.pomodoro-card__icon-container{padding:.375rem;border-radius:.5rem;background-color:color-mix(in srgb,#ef4444 10%,transparent)}@media (min-width:640px){.pomodoro-card__icon-container{padding:.5rem}}.pomodoro-card__icon{width:1rem;height:1rem;color:#ef4444}@media (min-width:640px){.pomodoro-card__icon{width:1.25rem;height:1.25rem}}.pomodoro-card__content{flex:1}@media (min-width:640px){.pomodoro-card__content{flex:none}}.pomodoro-card__timer-section{display:flex;align-items:center;justify-content:space-between}.pomodoro-card__timer-info{flex:1}.pomodoro-card__time-display{font-size:1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Consolas,monospace;font-weight:700}@media (min-width:640px){.pomodoro-card__time-display{font-size:1.125rem}}.pomodoro-card__time-display--completed{color:#10b981}.pomodoro-card__time-display--running{color:#ef4444}.pomodoro-card__time-display--idle{color:var(--text)}.pomodoro-card__duration-selector{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-description);font-weight:500}.pomodoro-card__duration-button{transition:color .2s ease;cursor:pointer;background:none;border:none;padding:.125rem .25rem}.pomodoro-card__duration-button--active{color:#ef4444;font-weight:500}.pomodoro-card__duration-button--inactive{color:var(--text-description)}.pomodoro-card__duration-button--inactive:hover{color:var(--text)}.pomodoro-card__controls{display:flex;align-items:center;gap:.25rem;margin-left:.5rem}.pomodoro-card__control-button{padding:.375rem;transition:color .2s ease;color:var(--text-description);background:none;border:none;cursor:pointer;border-radius:.25rem}.pomodoro-card__control-button:hover{color:var(--text)}.pomodoro-card__control-button--play:hover,.pomodoro-card__control-button--settings:hover{color:#ef4444}.pomodoro-card__control-icon{width:1rem;height:1rem}.pomodoro-modal{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.pomodoro-modal__content{background-color:var(--surface);border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:1rem;width:16rem}.pomodoro-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.pomodoro-modal__title{font-size:.875rem;font-weight:500;color:var(--text)}.pomodoro-modal__close-button{padding:.25rem;color:var(--text-secondary);transition:color .2s ease;background:none;border:none;cursor:pointer}.pomodoro-modal__close-button:hover{color:var(--text)}.pomodoro-modal__close-icon{width:.75rem;height:.75rem}.pomodoro-modal__form{display:flex;flex-direction:column;gap:.5rem}.pomodoro-modal__field{display:flex;align-items:center;gap:.5rem}.pomodoro-modal__label{font-size:.75rem;width:3rem;color:var(--text-description)}.pomodoro-modal__input{flex:1;padding:.5rem;font-size:.75rem;border:1px solid var(--border);border-radius:.25rem;background-color:var(--surface);color:var(--text)}.pomodoro-modal__input:focus{outline:none;border-color:#ef4444}.pomodoro-modal__unit{font-size:.75rem;color:var(--text-description)}.pomodoro-modal__actions{display:flex;gap:.5rem;margin-top:1rem}.pomodoro-modal__button{flex:1;padding:.75rem;font-size:.75rem;border-radius:.25rem;transition:background-color .2s ease;cursor:pointer}.pomodoro-modal__button--cancel{border:1px solid var(--border);color:var(--text-secondary);background-color:transparent}.pomodoro-modal__button--cancel:hover{background-color:var(--card)}.pomodoro-modal__button--save{background-color:#ef4444;color:#fff;border:none}.pomodoro-modal__button--save:hover{background-color:#dc2626}