.compact-view{padding:.5rem 0}.compact-wrapper{gap:1rem}.compact-card{min-height:500px;padding:1rem}.compact-title h1{margin-bottom:.5rem;font-size:1.5rem}.compact-session{margin-bottom:1rem}.compact-display{margin:.5rem 0}.compact-circle{width:clamp(200px,50vw,280px);height:clamp(200px,50vw,280px)}.compact-time .time-text{font-size:clamp(1.5rem,6vw,2.5rem)}.compact-session-info{margin:.25rem 0;font-size:.9rem}.compact-counter{margin:.25rem 0;font-size:.8rem}.compact-controls{gap:.5rem;margin-top:1rem}.compact-btn{padding:.5rem 1rem;font-size:.9rem}.task-stats{color:#6b7280;background:#e5e7eb;border-radius:6px;padding:6px 10px;font-size:clamp(.75rem,2vw,.8rem);font-weight:600}.add-task-compact-section{width:fit-content;margin-top:.1rem}.compact-task{background:#ffffff1a;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.5rem;display:flex}.current-task-content{flex:1}.current-task-label{opacity:.8;margin-bottom:.25rem;font-size:.75rem}.current-task-text{margin-bottom:.25rem;font-size:.9rem;font-weight:500}.task-time-spent{opacity:.7;font-size:.75rem}.add-task-plus-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.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;margin:0 auto .5rem;font-size:1.5rem}.no-task-indicator{text-align:center;padding:.5rem}.add-task-hint{opacity:.7;margin-top:.25rem;font-size:.75rem}.compact-sidebar .task-card{padding:1rem}.compact-task-list{max-height:350px}.pomodoro-container{background:#fff0;min-height:10vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.main-container{background:#ffffff80;justify-content:center;align-items:center;min-height:10vh;display:flex}.combined-wrapper{background:#fffffff2;border:1px solid #fff0;border-radius:20px;width:100%;min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #065efc26}.timer-card{text-align:center;flex-direction:column;flex:1;min-width:100px;display:flex;position:relative}.sidebar-toggle-container{z-index:10;position:absolute;top:20px;right:20px;transform:none}.sidebar-toggle{cursor:pointer;color:#fff;background:#065efc;border:none;border-radius:15px;justify-content:center;align-items:center;width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);transition:all .3s;display:flex;box-shadow:0 4px 12px #065efc4d}.sidebar-toggle:hover{background:#0450c7;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 18px #065efc66}.toggle-arrow{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;line-height:1;transition:transform .3s}.sidebar-toggle.sidebar-open .toggle-arrow{transform:rotate(180deg)}.task-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-sizing:border-box;background:#ffffffd9;border-radius:20px 0 0 20px;width:clamp(280px,80vw,320px);height:100%;padding:0;transition:right .4s;position:absolute;top:0;right:calc(-1*clamp(280px,80vw,320px));overflow-y:auto}.task-sidebar.sidebar-visible{right:0}.task-sidebar:before{content:"";opacity:0;pointer-events:none;z-index:-1;background:#0003;transition:opacity .4s;position:fixed;inset:0}.task-sidebar.sidebar-visible:before{opacity:1;pointer-events:auto}.task-card{background:#fff;flex-direction:column;height:100%;padding:clamp(15px,4vw,20px);display:flex;position:relative;overflow-y:auto}.sidebar-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;display:flex}.sidebar-header h3{color:#1f2937;margin:0;font-size:clamp(1.1rem,3vw,1.2rem);font-weight:700}.sidebar-close-arrow{color:#065efc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:clamp(35px,8vw,40px);height:clamp(35px,8vw,40px);padding:0;font-size:clamp(1.5rem,4vw,2rem);transition:all .3s;display:flex}.sidebar-close-arrow:hover{color:#0450c7;transform:rotate(180deg)scale(1.1)}.title-section h1{color:#1f2937;letter-spacing:1px;margin-bottom:20px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.session-indicator{background:#f8fafc;border:2px solid #e2e8f0;border-radius:25px;max-width:min(280px,90%);margin:20px auto 30px;padding:4px;display:flex;box-shadow:0 4px 12px #0000001a}.session-tab{cursor:pointer;color:#64748b;letter-spacing:.5px;text-align:center;border-radius:20px;flex:1;padding:clamp(10px,2vw,12px) clamp(15px,3vw,20px);font-size:clamp(.8rem,2vw,.9rem);font-weight:700;transition:all .3s}.session-tab:hover{background:#065efc1a;transform:translateY(-1px)}.session-tab.active{color:#fff;background:linear-gradient(135deg,#065efc 0%,#0450c7 100%);transform:translateY(-1px);box-shadow:0 4px 12px #065efc4d}.timer-display{flex:1;justify-content:center;align-items:center;margin:10px 0 30px;display:flex}.glass-circle{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:clamp(250px,60vw,320px);height:clamp(250px,60vw,320px);display:flex;position:relative;box-shadow:0 25px 50px #0000004d,inset 0 1px #fff3}.progress-ring{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#e5e7eb;stroke-width:clamp(6px,1.5vw,8px)}.ring-outer{fill:none;stroke:#065efc;stroke-width:clamp(6px,1.5vw,8px);stroke-linecap:round;filter:drop-shadow(0 0 clamp(6px,1.5vw,10px) #065efc66);transition:stroke-dashoffset .5s}.ring-inner{fill:none;stroke:#10b981;stroke-width:clamp(4px,1.2vw,6px);stroke-linecap:round;filter:drop-shadow(0 0 clamp(5px,1.2vw,8px) #22c55e66);transition:stroke-dashoffset .5s}.time-display{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:70%;height:70%;margin:0 auto;display:flex;position:relative}.time-text{color:#1f2937;letter-spacing:1px;margin-bottom:5px;font-family:Courier New,monospace;font-size:clamp(2rem,8vw,2.8rem);font-weight:100;line-height:1;transition:all .3s}.time-text.time-blink{color:#ef4444;transform:scale(1.05)}.session-info{color:#4b5563;margin-bottom:3px;font-size:clamp(.8rem,2.5vw,.9rem);font-weight:600;line-height:1.2;transition:all .3s}.session-counter{color:#6b7280;background:#065efc1a;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:clamp(.65rem,2vw,.7rem);font-weight:500;line-height:1.2;display:inline-block}.current-task-indicator{background:#065efc0d;border:1px solid #065efc1a;border-radius:8px;max-width:min(160px,80%);margin:5px auto 0;padding:8px 10px}.current-task-label{color:#065efc;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:clamp(.6rem,1.8vw,.7rem);font-weight:600;line-height:1.2}.current-task-text{color:#1f2937;word-break:break-word;margin-bottom:3px;font-size:clamp(.85rem,2.5vw,1rem);font-weight:500;line-height:1.2;overflow:hidden}.task-time-spent{color:#6b7280;font-size:clamp(.6rem,1.8vw,.7rem);font-weight:500;line-height:1.2}.controls{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0 20px;display:flex}.btn{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:1px solid #0000;border-radius:12px;min-width:min(100px,20vw);padding:clamp(10px,2vw,12px) clamp(20px,3vw,24px);font-size:clamp(.8rem,2vw,.9rem);font-weight:700;transition:all .3s;box-shadow:0 4px 12px #00000026}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003}.start-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.start-btn:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%)}.stop-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.stop-btn:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)}.reset-btn{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.reset-btn:hover{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%)}.settings-btn{color:#fff;background:linear-gradient(135deg,#065efc 0%,#0450c7 100%)}.settings-btn:hover{background:linear-gradient(135deg,#389aff 0%,#065efc 100%)}.task-header{justify-content:flex-end;align-items:center;margin-bottom:20px;display:flex}.add-task-form{gap:10px;margin-bottom:20px;display:flex}.task-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex:1;padding:clamp(8px,2vw,10px) clamp(12px,2vw,14px);font-size:clamp(.85rem,2vw,.9rem);transition:border-color .3s}.task-input:focus{border-color:#065efc;outline:none}.add-task-btn{color:#fff;cursor:pointer;background:#065efc;border:none;border-radius:10px;min-width:clamp(45px,10vw,50px);padding:clamp(8px,2vw,10px) clamp(12px,2vw,16px);font-size:clamp(.9rem,2vw,1rem);font-weight:600;transition:all .3s}.add-task-btn:hover{background:#0450c7;transform:translateY(-1px)}.task-list{flex:1;margin-bottom:15px;overflow-y:auto}.empty-state{text-align:center;color:#6b7280;padding:40px 20px}.empty-state p{margin:0;font-size:clamp(.85rem,2vw,.9rem);line-height:1.4}.empty-subtitle{color:#9ca3af;margin-top:8px!important;font-size:clamp(.75rem,1.8vw,.8rem)!important}.task-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:clamp(10px,2vw,12px) 0;transition:all .3s;display:flex}.task-item:last-child{border-bottom:none}.task-item.current{background:#065efc14;border-left:3px solid #065efc;border-radius:8px;margin:0 -12px;padding:clamp(10px,2vw,12px) 12px}.task-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.task-status{align-items:center;gap:8px;display:flex}.task-checkbox{cursor:pointer;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;width:clamp(14px,3vw,16px);height:clamp(14px,3vw,16px);margin:0}.task-text{color:#374151;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:clamp(.85rem,2vw,.9rem);line-height:1.3;overflow:hidden}.task-item.completed .task-text{color:#9ca3af;text-decoration:line-through}.task-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.task-time{color:#6b7280;text-align:right;min-width:clamp(40px,10vw,45px);font-size:clamp(.75rem,1.8vw,.8rem);font-weight:500}.delete-task-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:clamp(1rem,2.5vw,1.1rem);transition:all .3s}.delete-task-btn:hover{color:#ef4444;background:#ef44441a}.blinking-clock{opacity:0;font-size:clamp(.75rem,2vw,.8rem);transition:all .3s;animation:1s infinite blink;transform:scale(.8)}.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{border-top:2px solid #e5e7eb;padding-top:15px}.total-time{color:#065efc;text-align:center;font-size:clamp(.85rem,2vw,.9rem);font-weight:600}.settings-screen-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-screen{background:#fff;border-radius:15px;width:90%;max-width:min(500px,95vw);max-height:80vh;padding:clamp(20px,4vw,30px);overflow-y:auto;box-shadow:0 25px 50px #0000004d}.settings-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}.settings-header h3{color:#1f2937;margin:0;font-size:clamp(1.2rem,4vw,1.4rem);font-weight:700}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px;font-size:clamp(1.3rem,4vw,1.5rem);transition:all .3s}.close-btn:hover{color:#ef4444;background:#ef44441a}.settings-content{margin-bottom:25px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.setting-item{flex-direction:column;gap:8px;display:flex}.setting-item label{color:#374151;font-size:clamp(.85rem,2vw,.9rem);font-weight:600}.number-input{border:2px solid #e5e7eb;border-radius:8px;padding:clamp(8px,2vw,10px) clamp(10px,2vw,12px);font-size:clamp(.85rem,2vw,.9rem);transition:border-color .3s}.number-input:focus{border-color:#065efc;outline:none}.toggle-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.toggle-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-item:last-child{border-bottom:none}.toggle-item label{color:#374151;font-size:clamp(.85rem,2vw,.9rem);font-weight:600}.toggle-switch{cursor:pointer;background:#e5e7eb;border-radius:25px;width:clamp(45px,10vw,50px);height:clamp(24px,5vw,26px);padding:3px;transition:all .3s;position:relative}.toggle-switch.active{background:#065efc}.toggle-slider{background:#fff;border-radius:50%;width:clamp(18px,4vw,20px);height:clamp(18px,4vw,20px);transition:all .3s;transform:translate(0)}.toggle-switch.active .toggle-slider{transform:translate(calc(100% - 4px))}.settings-footer{justify-content:center;display:flex}.save-btn{color:#fff;background:linear-gradient(135deg,#065efc 0%,#0450c7 100%);min-width:min(150px,40vw);padding:clamp(10px,2vw,12px) clamp(25px,4vw,30px);font-size:clamp(.85rem,2vw,.9rem)}.save-btn:hover{background:linear-gradient(135deg,#389aff 0%,#065efc 100%)}@media (max-width:1024px){.combined-wrapper{max-width:95%;margin:0 auto}}@media (max-width:768px){.pomodoro-container{min-height:100vh;padding:clamp(5px,3vw,10px)}.combined-wrapper{border-radius:clamp(10px,4vw,15px);flex-direction:column;min-height:auto}.timer-card{min-height:auto;padding:clamp(15px,4vw,20px)}.sidebar-toggle-container{order:1;justify-content:center;margin:clamp(10px,3vw,15px) 0;display:flex;position:static;transform:none}.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{min-height:100vh;padding:clamp(3px,2vw,5px)}.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{margin-bottom:clamp(12px,3vw,15px);font-size:clamp(1rem,4vw,1.5rem)}.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{padding:clamp(1px,.5vw,2px) clamp(4px,1vw,6px);font-size:clamp(.55rem,1.3vw,.65rem)}.current-task-indicator{max-width:min(140px,80%);padding:clamp(6px,2vw,8px)}.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{min-width:min(90px,18vw);padding:clamp(8px,2vw,10px) clamp(12px,2vw,16px);font-size:clamp(.65rem,1.8vw,.75rem)}.task-sidebar{width:clamp(260px,95vw,300px);right:calc(-1*clamp(260px,95vw,300px))}.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{padding:clamp(2px,.5vw,4px) clamp(4px,1vw,6px);font-size:clamp(.65rem,1.5vw,.75rem)}}@media (max-width:320px){.pomodoro-container{padding:clamp(2px,1.5vw,3px)}.timer-card{padding:clamp(10px,2.5vw,12px)}.title-section h1{letter-spacing:clamp(.5px,1vw,.8px);margin-bottom:clamp(10px,2vw,12px);font-size:clamp(.9rem,3.5vw,1.2rem)}.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-outer,.ring-inner{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}}@media print{.no-print,footer,nav,header{display:none!important}body{margin:0!important;padding:0!important}.compact-container,.pomodoro-container{width:100%!important;display:block!important}.compact-input-panel,.compact-actions,.compact-cta-banner,.compact-toast{display:none!important}.compact-preview-panel,.pomodoro-preview-panel{border:none!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;position:static!important}@page{margin:12mm;size:auto}}