.compact-view{padding:.5rem 0}.compact-wrapper{gap:1rem}.compact-card{padding:1rem;min-height:500px}.compact-title h1{font-size:1.5rem;margin-bottom:.5rem}.compact-session{margin-bottom:1rem}.compact-display{margin:.5rem 0}.compact-circle{width:280px;height:280px}.compact-time .time-text{font-size:2.5rem}.compact-session-info{font-size:.9rem;margin:.25rem 0}.compact-counter{font-size:.8rem;margin:.25rem 0}.compact-controls{margin-top:1rem;gap:.5rem}.compact-btn{padding:.5rem 1rem;font-size:.9rem}.task-stats{font-size:clamp(.75rem,2vw,.8rem);color:#6b7280;font-weight:600;background:#e5e7eb;padding:6px 10px;border-radius:6px}.add-task-compact-section{margin-top:.1rem;width:-moz-fit-content;width:fit-content}.compact-task{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.5rem;background:rgba(255,255,255,.1);border-radius:8px;margin-top:.5rem}.current-task-content{flex:1}.current-task-label{font-size:.75rem;opacity:.8;margin-bottom:.25rem}.current-task-text{font-size:.9rem;margin-bottom:.25rem}.task-time-spent{font-size:.75rem;opacity:.7}.add-task-plus-btn{background:#3b82f6;color:white;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-task-plus-btn:hover{background:#2563eb;transform:scale(1.05)}.compact-plus{width:28px;height:28px;font-size:1rem}.large-plus{width:40px;height:40px;font-size:1.5rem;margin:0 auto .5rem}.no-task-indicator{text-align:center;padding:.5rem}.add-task-hint{font-size:.75rem;opacity:.7;margin-top:.25rem}.compact-sidebar .task-card{padding:1rem}.compact-task-list{max-height:350px}.pomodoro-container{min-height:10vh;padding:20px;background:rgba(255,255,255,0);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.main-container{display:flex;justify-content:center;align-items:center;min-height:10vh;background:rgba(255,255,255,.5)}.combined-wrapper{width:100%;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 20px 40px rgba(6,94,252,.15);border:1px solid rgba(255,255,255,0);overflow:hidden;min-height:500px}.combined-wrapper,.timer-card{display:flex;position:relative}.timer-card{text-align:center;flex:1;min-width:100px;flex-direction:column}.sidebar-toggle-container{position:absolute;right:20px;top:20px;transform:none;z-index:10}.sidebar-toggle{background:#065EFC;border:none;border-radius:15px;width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(6,94,252,.3);color:white}.sidebar-toggle:hover{background:#0450c7;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 18px rgba(6,94,252,.4)}.toggle-arrow{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;line-height:1;transition:transform .3s ease}.sidebar-toggle.sidebar-open .toggle-arrow{transform:rotate(180deg)}.task-sidebar{position:absolute;top:0;right:calc(-1 * clamp(280px, 80vw, 320px));width:clamp(280px,80vw,320px);height:100%;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);transition:right .4s ease;z-index:1000;padding:0;box-sizing:border-box;overflow-y:auto;border-radius:20px 0 0 20px}.task-sidebar.sidebar-visible{right:0}.task-sidebar:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:-1}.task-sidebar.sidebar-visible:before{opacity:1;pointer-events:auto}.task-card{background:white;padding:clamp(15px,4vw,20px);height:100%;display:flex;flex-direction:column;overflow-y:auto;position:relative}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.sidebar-header h3{font-size:clamp(1.1rem,3vw,1.2rem);font-weight:700;color:#1f2937;margin:0}.sidebar-close-arrow{background:none;border:none;font-size:clamp(1.5rem,4vw,2rem);color:#065EFC;cursor:pointer;padding:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:clamp(35px,8vw,40px);height:clamp(35px,8vw,40px)}.sidebar-close-arrow:hover{transform:rotate(180deg) scale(1.1);color:#0450c7}.title-section h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;color:#1f2937;margin-bottom:20px;letter-spacing:1px}.session-indicator{display:flex;background:#f8fafc;border-radius:25px;padding:4px;border:2px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:min(280px,90%);margin:20px auto 30px}.session-tab{padding:clamp(10px,2vw,12px) clamp(15px,3vw,20px);border-radius:20px;font-weight:700;flex:1;transition:all .3s ease;cursor:pointer;color:#64748b;font-size:clamp(.8rem,2vw,.9rem);letter-spacing:.5px;text-align:center}.session-tab:hover{background:rgba(6,94,252,.1);transform:translateY(-1px)}.session-tab.active{background:linear-gradient(135deg,#065EFC,#0450c7);color:white;box-shadow:0 4px 12px rgba(6,94,252,.3);transform:translateY(-1px)}.timer-display{margin:10px 0 30px;flex:1}.glass-circle,.timer-display{display:flex;justify-content:center;align-items:center}.glass-circle{position:relative;width:clamp(250px,60vw,320px);height:clamp(250px,60vw,320px);background:rgba(255,255,255,.05);backdrop-filter:blur(25px);border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2)}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);width:100%;height:100%}.ring-bg{fill:none;stroke:#e5e7eb;stroke-width:clamp(6px,1.5vw,8px)}.ring-outer{stroke:#065EFC;stroke-width:clamp(6px,1.5vw,8px);stroke-linecap:round;filter:drop-shadow(0 0 clamp(6px,1.5vw,10px) rgba(6,94,252,.4))}.ring-inner,.ring-outer{fill:none;transition:stroke-dashoffset .5s ease}.ring-inner{stroke:#10b981;stroke-width:clamp(4px,1.2vw,6px);stroke-linecap:round;filter:drop-shadow(0 0 clamp(5px,1.2vw,8px) rgba(34,197,94,.4))}.time-display{position:relative;z-index:2;text-align:center;width:70%;height:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.time-text{font-size:clamp(2rem,8vw,2.8rem);font-weight:100;font-family:Courier New,monospace;color:#1f2937;margin-bottom:5px;letter-spacing:1px;transition:all .3s ease;line-height:1}.time-text.time-blink{color:#ef4444;transform:scale(1.05)}.session-info{font-size:clamp(.8rem,2.5vw,.9rem);font-weight:600;color:#4b5563;margin-bottom:3px;transition:all .3s ease;line-height:1.2}.session-counter{font-size:clamp(.65rem,2vw,.7rem);color:#6b7280;font-weight:500;margin-top:4px;background:rgba(6,94,252,.1);padding:2px 6px;border-radius:4px;display:inline-block;line-height:1.2}.current-task-indicator{padding:8px 10px;border-radius:8px;max-width:min(160px,80%);margin:5px auto 0;background:rgba(6,94,252,.05);border:1px solid rgba(6,94,252,.1)}.current-task-label{font-size:clamp(.6rem,1.8vw,.7rem);font-weight:600;color:#065EFC;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.current-task-text{font-size:clamp(.85rem,2.5vw,1rem);font-weight:500;color:#1f2937;margin-bottom:3px;line-height:1.2;word-break:break-word;overflow:hidden}.task-time-spent{font-size:clamp(.6rem,1.8vw,.7rem);color:#6b7280;font-weight:500;line-height:1.2}.controls{display:flex;gap:12px;justify-content:center;margin:30px 0 20px;flex-wrap:wrap}.btn{padding:clamp(10px,2vw,12px) clamp(20px,3vw,24px);border-radius:12px;font-weight:700;font-size:clamp(.8rem,2vw,.9rem);cursor:pointer;transition:all .3s ease;min-width:min(100px,20vw);letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid transparent}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.2)}.start-btn{background:linear-gradient(135deg,#10b981,#059669);color:white}.start-btn:hover{background:linear-gradient(135deg,#34d399,#10b981)}.stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.stop-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.reset-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:white}.reset-btn:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)}.settings-btn{background:linear-gradient(135deg,#065EFC,#0450c7);color:white}.settings-btn:hover{background:linear-gradient(135deg,#389aff,#065EFC)}.task-header{justify-content:flex-end;align-items:center}.add-task-form,.task-header{display:flex;margin-bottom:20px}.add-task-form{gap:10px}.task-input{flex:1;padding:clamp(8px,2vw,10px) clamp(12px,2vw,14px);border:2px solid #e5e7eb;border-radius:10px;font-size:clamp(.85rem,2vw,.9rem);transition:border-color .3s ease;background:white}.task-input:focus{outline:none;border-color:#065EFC}.add-task-btn{padding:clamp(8px,2vw,10px) clamp(12px,2vw,16px);background:#065EFC;color:white;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:clamp(.9rem,2vw,1rem);min-width:clamp(45px,10vw,50px)}.add-task-btn:hover{background:#0450c7;transform:translateY(-1px)}.task-list{flex:1;overflow-y:auto;margin-bottom:15px}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.empty-state p{margin:0;font-size:clamp(.85rem,2vw,.9rem);line-height:1.4}.empty-subtitle{font-size:clamp(.75rem,1.8vw,.8rem)!important;margin-top:8px!important;color:#9ca3af}.task-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(10px,2vw,12px) 0;border-bottom:1px solid #f3f4f6;transition:all .3s ease}.task-item:last-child{border-bottom:none}.task-item.current{background:rgba(6,94,252,.08);margin:0 -12px;padding:clamp(10px,2vw,12px) 12px;border-radius:8px;border-left:3px solid #065efc}.task-content{gap:10px;flex:1;min-width:0}.task-content,.task-status{display:flex;align-items:center}.task-status{gap:8px}.task-checkbox{width:clamp(14px,3vw,16px);height:clamp(14px,3vw,16px);border-radius:4px;border:2px solid #d1d5db;cursor:pointer;flex-shrink:0;margin:0}.task-text{flex:1;font-size:clamp(.85rem,2vw,.9rem);color:#374151;cursor:pointer;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item.completed .task-text{text-decoration:line-through;color:#9ca3af}.task-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-time{font-size:clamp(.75rem,1.8vw,.8rem);color:#6b7280;font-weight:500;min-width:clamp(40px,10vw,45px);text-align:right}.delete-task-btn{background:none;border:none;font-size:clamp(1rem,2.5vw,1.1rem);color:#9ca3af;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .3s ease;flex-shrink:0}.delete-task-btn:hover{color:#ef4444;background:rgba(239,68,68,.1)}.blinking-clock{font-size:clamp(.75rem,2vw,.8rem);animation:blink 1s infinite;opacity:0;transform:scale(.8);transition:all .3s ease}.blinking-clock.blink-on{opacity:1;transform:scale(1)}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.9)}}.task-summary{padding-top:15px;border-top:2px solid #e5e7eb}.total-time{font-size:clamp(.85rem,2vw,.9rem);font-weight:600;color:#065EFC;text-align:center}.settings-screen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.settings-screen{background:white;border-radius:15px;padding:clamp(20px,4vw,30px);width:90%;max-width:min(500px,95vw);max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.3)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.settings-header h3{font-size:clamp(1.2rem,4vw,1.4rem);font-weight:700;color:#1f2937;margin:0}.close-btn{background:none;border:none;font-size:clamp(1.3rem,4vw,1.5rem);color:#6b7280;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.close-btn:hover{color:#ef4444;background:rgba(239,68,68,.1)}.settings-content{margin-bottom:25px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-size:clamp(.85rem,2vw,.9rem);font-weight:600;color:#374151}.number-input{padding:clamp(8px,2vw,10px) clamp(10px,2vw,12px);border:2px solid #e5e7eb;border-radius:8px;font-size:clamp(.85rem,2vw,.9rem);transition:border-color .3s ease}.number-input:focus{outline:none;border-color:#065EFC}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.toggle-item:last-child{border-bottom:none}.toggle-item label{font-size:clamp(.85rem,2vw,.9rem);font-weight:600;color:#374151}.toggle-switch{width:clamp(45px,10vw,50px);height:clamp(24px,5vw,26px);background:#e5e7eb;border-radius:25px;padding:3px;cursor:pointer;transition:all .3s ease;position:relative}.toggle-switch.active{background:#065EFC}.toggle-slider{width:clamp(18px,4vw,20px);height:clamp(18px,4vw,20px);background:white;border-radius:50%;transition:all .3s ease;transform:translateX(0)}.toggle-switch.active .toggle-slider{transform:translateX(calc(100% - 4px))}.settings-footer{display:flex;justify-content:center}.save-btn{background:linear-gradient(135deg,#065EFC,#0450c7);color:white;padding:clamp(10px,2vw,12px) clamp(25px,4vw,30px);min-width:min(150px,40vw);font-size:clamp(.85rem,2vw,.9rem)}.save-btn:hover{background:linear-gradient(135deg,#389aff,#065EFC)}@media (max-width:1024px){.combined-wrapper{max-width:95%;margin:0 auto}}@media (max-width:768px){.pomodoro-container{padding:clamp(5px,3vw,10px);min-height:100vh}.combined-wrapper{flex-direction:column;min-height:auto;border-radius:clamp(10px,4vw,15px)}.timer-card{padding:clamp(15px,4vw,20px);min-height:auto}.sidebar-toggle-container{position:static;transform:none;display:flex;justify-content:center;margin:clamp(10px,3vw,15px) 0;order:1}.sidebar-toggle{width:clamp(50px,12vw,60px);height:clamp(50px,12vw,60px)}.task-sidebar{width:clamp(280px,90vw,320px);right:calc(-1 * clamp(280px, 90vw, 320px))}.task-sidebar.sidebar-visible{width:clamp(280px,90vw,320px);right:0}.task-card{min-height:auto;padding:clamp(15px,4vw,20px)}.title-section h1{font-size:clamp(1.2rem,5vw,2rem)}.glass-circle{width:clamp(200px,65vw,280px);height:clamp(200px,65vw,280px)}.time-text{font-size:clamp(1.5rem,7vw,2.5rem)}.session-info{font-size:clamp(.7rem,2vw,.85rem)}.session-counter{font-size:clamp(.6rem,1.5vw,.7rem)}.current-task-indicator{max-width:min(150px,85%)}.current-task-text{font-size:clamp(.75rem,2vw,.9rem)}.controls{flex-direction:column;align-items:stretch;gap:clamp(8px,2vw,10px);margin:clamp(20px,5vw,30px) 0 clamp(15px,4vw,20px)}.btn{width:100%;min-width:auto;padding:clamp(10px,2.5vw,12px) clamp(15px,3vw,20px)}.settings-grid{grid-template-columns:1fr}.session-indicator{max-width:min(280px,95%)}.session-tab{padding:clamp(8px,2vw,10px) clamp(12px,2.5vw,15px);font-size:clamp(.75rem,2vw,.85rem)}.compact-circle{width:240px;height:240px}.compact-time .time-text{font-size:2rem}}@media (max-width:480px){.pomodoro-container{padding:clamp(3px,2vw,5px);min-height:100vh}.combined-wrapper{border-radius:clamp(8px,3vw,10px);min-height:auto}.timer-card{padding:clamp(12px,3vw,15px)}.sidebar-toggle{width:clamp(45px,10vw,50px);height:clamp(45px,10vw,50px)}.toggle-arrow{font-size:clamp(1rem,2.5vw,1.2rem)}.title-section h1{font-size:clamp(1rem,4vw,1.5rem);margin-bottom:clamp(12px,3vw,15px)}.session-indicator{max-width:min(260px,95%);margin:clamp(15px,3vw,20px) 0}.session-tab{padding:clamp(6px,2vw,8px) clamp(10px,2vw,12px);font-size:clamp(.65rem,1.8vw,.75rem)}.glass-circle{width:clamp(180px,60vw,240px);height:clamp(180px,60vw,240px)}.time-text{font-size:clamp(1.2rem,6vw,2rem)}.session-info{font-size:clamp(.65rem,1.8vw,.75rem)}.session-counter{font-size:clamp(.55rem,1.3vw,.65rem);padding:clamp(1px,.5vw,2px) clamp(4px,1vw,6px)}.current-task-indicator{padding:clamp(6px,2vw,8px);max-width:min(140px,80%)}.current-task-label{font-size:clamp(.55rem,1.3vw,.65rem)}.current-task-text{font-size:clamp(.7rem,1.8vw,.85rem)}.task-time-spent{font-size:clamp(.55rem,1.3vw,.65rem)}.timer-display{margin:clamp(15px,3vw,20px) 0}.controls{gap:clamp(6px,1.5vw,8px);margin:clamp(15px,3vw,20px) 0 clamp(10px,2vw,15px)}.btn{padding:clamp(8px,2vw,10px) clamp(12px,2vw,16px);font-size:clamp(.65rem,1.8vw,.75rem);min-width:min(90px,18vw)}.task-sidebar{right:calc(-1 * clamp(260px, 95vw, 300px))}.task-sidebar,.task-sidebar.sidebar-visible{width:clamp(260px,95vw,300px)}.task-card{padding:clamp(12px,3vw,15px)}.task-header h3{font-size:clamp(.95rem,3vw,1.1rem)}.task-stats{font-size:clamp(.65rem,1.5vw,.75rem);padding:clamp(2px,.5vw,4px) clamp(4px,1vw,6px)}}@media (max-width:320px){.pomodoro-container{padding:clamp(2px,1.5vw,3px)}.timer-card{padding:clamp(10px,2.5vw,12px)}.title-section h1{font-size:clamp(.9rem,3.5vw,1.2rem);margin-bottom:clamp(10px,2vw,12px);letter-spacing:clamp(.5px,1vw,.8px)}.glass-circle{width:clamp(160px,55vw,200px);height:clamp(160px,55vw,200px)}.time-text{font-size:clamp(1rem,5vw,1.5rem)}.session-indicator{max-width:min(240px,90%);padding:clamp(2px,.5vw,3px)}.session-tab{padding:clamp(5px,1.5vw,6px) clamp(8px,1.5vw,10px);font-size:clamp(.6rem,1.5vw,.65rem)}.controls{gap:clamp(4px,1vw,6px);margin:clamp(12px,2vw,15px) 0 clamp(8px,1.5vw,10px)}.btn{padding:clamp(6px,1.5vw,8px) clamp(10px,1.5vw,12px);font-size:clamp(.6rem,1.5vw,.65rem)}.ring-bg,.ring-inner,.ring-outer{stroke-width:clamp(4px,1vw,6px)}}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.task-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.task-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (min-resolution:192dpi){.glass-circle{border-width:.5px}}