:root{--tomato-red:#ff6b6b;--tomato-dark:#e55555;--tomato-light:#ff8a8a;--cream:#fff9f0;--cream-dark:#f5ebe0;--green:#5a9c2d;--green-dark:#4a7c23;--text-dark:#3d3d3d;--text-light:#6b6b6b;--break-blue:#7ec8e3;--break-blue-dark:#5bb5d6;--long-break-purple:#b39ddb;--long-break-purple-dark:#9575cd;color:var(--text-dark);background-color:var(--cream);font-family:Nunito,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(135deg,var(--cream)0%,var(--cream-dark)100%);min-height:100vh;margin:0}.app{max-width:900px;margin:0 auto;padding:2rem 1rem}.app__header{display:flex;justify-content:center;align-items: center;gap:1rem;margin-bottom:2rem}.app__help-btn{border:2px solid var(--tomato-light);color:var(--tomato-dark);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;width:36px;height:36px;transition:all .2s;font-size:1.2rem;font-weight:700}.app__help-btn:hover{background:var(--tomato-red);border-color:var(--tomato-red);color:#fff;transform:scale(1.1)}.app__title{color:var(--tomato-dark);text-shadow:2px 2px #0000000d;margin:0;font-size:2.5rem;font-weight:800}.app__main{display:grid;gap:2rem}@media (min-width:768px){.app__main{grid-template-columns:1fr 1fr;align-items: start}}.app__timer-section{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 8px 32px #00000014}.app__current-task{text-align:center;background:var(--cream);border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem}.app__current-label{color:var(--text-light);display:block;font-size:.85rem}.app__current-title{color:var(--tomato-dark);font-size:1.1rem;font-weight:700}.app__blocks-section{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 8px 32px #00000014}.timer{text-align:center}.timer__phase-label{color:var(--tomato-dark);text-transform:uppercase;letter-spacing:.1em;margin-top:1rem;font-size:1.1rem;font-weight:600}.timer--shortBreak .timer__phase-label{color:var(--break-blue-dark)}.timer--longBreak .timer__phase-label{color:var(--long-break-purple-dark)}.timer__display{color:var(--text-dark);font-variant-numeric:tabular-nums;margin:.5rem 0;font-size:5rem;font-weight:800;line-height:1}.timer__pomodoro-count{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}.timer__dot{opacity:.3;transition:opacity .3s,transform .3s;font-size:1.5rem}.timer__dot--filled{opacity:1;transform:scale(1.1)}.timer__controls{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.timer__btn{cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;transition:all .2s;font-size:1rem;font-weight:700}.timer__btn--start{background:var(--tomato-red);color:#fff;padding:.75rem 2.5rem}.timer__btn--start:hover{background:var(--tomato-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.timer__btn--pause{background:var(--break-blue);color:#fff;padding:.75rem 2.5rem}.timer__btn--pause:hover{background:var(--break-blue-dark);transform:translateY(-2px)}.timer__btn--reset,.timer__btn--skip{background:var(--cream);color:var(--text-dark)}.timer__btn--reset:hover,.timer__btn--skip:hover{background:var(--cream-dark);transform:translateY(-2px)}.timer__total{color:var(--text-light);margin-top:1.5rem;font-size:.9rem}.timer__mascot{text-align:center;font-size:4rem;line-height:1}.timer__mascot--bouncing{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.block-list__section{margin-bottom:1.5rem}.block-list__section--completed{opacity:.7}.block-list__header{display:flex;justify-content:space-between;align-items: center;margin-bottom:1rem}.block-list__heading{color:var(--text-dark);display:flex;align-items: center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700}.block-list__section>.block-list__heading{margin-bottom:1rem}.block-list__heading:before{content:"🍅"}.block-list__section--completed .block-list__heading:before{content:"✓"}.block-list__clear-btn{border:1px solid var(--cream-dark);color:var(--text-light);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .75rem;transition:all .2s;font-size:.85rem;font-weight:600}.block-list__clear-btn:hover{background:var(--tomato-red);border-color:var(--tomato-red);color:#fff}.block-list__empty{color:var(--text-light);text-align:center;background:var(--cream);border-radius:12px;padding:1rem;font-size:.95rem}.block-list__items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.pomodoro-block{display:flex;background:var(--cream);border-left:4px solid var(--tomato-light);border-radius:12px;align-items: flex-start;gap:.75rem;padding:1rem;transition:all .2s}.pomodoro-block__number{background:var(--tomato-light);display:flex;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:36px;height:36px}.pomodoro-block__number-text{color:#fff;font-size:.75rem;font-weight:800}.pomodoro-block--completed .pomodoro-block__number{background:var(--green)}.pomodoro-block--current .pomodoro-block__number{background:var(--tomato-red);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pomodoro-block--current{border-left-color:var(--tomato-red);background:linear-gradient(135deg,#fff5f5 0%,#ffe0e0 100%);box-shadow:0 4px 12px #ff6b6b26}.pomodoro-block--completed{border-left-color:var(--green);opacity:.8}.pomodoro-block__content{flex:1}.pomodoro-block__header{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}.pomodoro-block__title{color:var(--text-dark);margin:0;font-size:1rem;font-weight:700}.pomodoro-block__check{color:var(--green);margin-right:.25rem}.pomodoro-block__badge{text-transform:uppercase;letter-spacing:.05em;background:var(--tomato-red);color:#fff;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.pomodoro-block__eta{color:var(--text-light);font-size:.75rem;font-weight:500}.pomodoro-block__description{color:var(--text-light);margin:.5rem 0 0;font-size:.9rem;line-height:1.4}.pomodoro-block__actions{display:flex;gap:.5rem}.pomodoro-block__btn{cursor:pointer;display:flex;border:none;border-radius:8px;justify-content:center;align-items: center;width:28px;height:28px;transition:all .2s;font-size:1rem}.pomodoro-block__btn--complete{background:var(--green);color:#fff}.pomodoro-block__btn--complete:hover{background:var(--green-dark);transform:scale(1.1)}.pomodoro-block__btn--delete{color:var(--text-light);background:0 0}.pomodoro-block__btn--delete:hover{color:var(--tomato-red);background:#ffebeb}.block-form__add-btn{border:2px dashed var(--cream-dark);color:var(--text-light);cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:1rem;transition:all .2s;font-size:1rem;font-weight:600}.block-form__add-btn:hover{border-color:var(--tomato-light);color:var(--tomato-dark);background:#fff5f5}.block-form{background:var(--cream);border-radius:12px;padding:1rem}.block-form__header{display:flex;align-items: center;gap:.5rem;margin-bottom:.75rem}.block-form__pomodoro-badge{background:var(--tomato-red);color:#fff;border-radius:8px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.block-form__subtitle{color:var(--text-light);font-size:.8rem}.block-form__input,.block-form__textarea{color:var(--text-dark);background:#fff;border:2px solid #0000;border-radius:10px;width:100%;padding:.75rem 1rem;transition:border-color .2s;font-family:inherit;font-size:1rem}.block-form__input:focus,.block-form__textarea:focus{outline:none;border-color:var(--tomato-light)}.block-form__input::placeholder,.block-form__textarea::placeholder{color:#aaa}.block-form__textarea{resize:vertical;min-height:60px;margin-top:.75rem}.block-form__actions{display:flex;gap:.75rem;margin-top:.75rem}.block-form__submit{background:var(--tomato-red);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:.75rem 1rem;transition:all .2s;font-size:1rem;font-weight:700}.block-form__submit:hover{background:var(--tomato-dark);transform:translateY(-2px)}.block-form__cancel{color:var(--text-light);cursor:pointer;background:#fff;border:none;border-radius:10px;padding:.75rem 1rem;transition:all .2s;font-size:1rem;font-weight:600}.block-form__cancel:hover{background:var(--cream-dark);color:var(--text-dark)}@media (max-width:767px){.app__title{font-size:2rem}.timer__display{font-size:4rem}.timer__controls{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.help-overlay{position:fixed;display:flex;z-index:100;background:#00000080;justify-content:center;align-items: center;padding:1rem;inset:0}.help{overflow-y:auto;position:relative;background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;padding:2rem;box-shadow:0 20px 60px #0003}.help__close{position:absolute;background:var(--cream);color:var(--text-light);cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;transition:all .2s;font-size:1.5rem;line-height:1;top:1rem;right:1rem}.help__close:hover{background:var(--tomato-red);color:#fff}.help__title{color:var(--tomato-dark);margin:0 0 1.5rem;font-size:1.5rem;font-weight:800}.help__section{margin-bottom:1.5rem}.help__section h3{color:var(--text-dark);margin:0 0 .5rem;font-size:1rem;font-weight:700}.help__section p{color:var(--text-light);margin:0;line-height:1.6}.help__section ol,.help__section ul{color:var(--text-light);margin:0;padding-left:1.25rem}.help__section li{margin-bottom:.5rem;line-height:1.5}.help__section kbd{background:var(--cream);border:1px solid var(--cream-dark);border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.85rem}.help__footer{border-top:1px solid var(--cream-dark);margin-top:2rem;padding-top:1.5rem}.help__footer p{color:var(--text-light);margin:0 0 .5rem;font-size:.9rem;line-height:1.6}.help__footer a{color:var(--tomato-red);font-weight:600}.help__footer a:hover{color:var(--tomato-dark)}