*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:#fff;background:linear-gradient(180deg,#d84315,#e53935,#d32f2f)}.app{height:100vh;display:flex;flex-direction:column;padding:0;background:radial-gradient(ellipse at center,#ff5722,#e53935 40%,#c62828);position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.15) 0%,transparent 30%);pointer-events:none}.app-header{background:linear-gradient(180deg,#558b2f,#689f38,#7cb342);text-align:center;padding:16px 20px;border-bottom:3px solid #33691E;box-shadow:0 4px 12px #0000004d;position:relative;z-index:1}.app-header:before{content:"🍃";position:absolute;left:20px;font-size:20px;opacity:.7}.app-header:after{content:"🍃";position:absolute;right:20px;font-size:20px;opacity:.7;transform:scaleX(-1)}.app-header h1{font-size:26px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.app-main{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px;position:relative;z-index:1;overflow-y:auto}.session-counter{background:linear-gradient(135deg,#ffffff40,#ffffff26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:20px;padding:16px;text-align:center;box-shadow:0 4px 16px #00000040,inset 0 1px 3px #ffffff4d}.session-label{font-size:11px;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:4px}.session-count{font-size:36px;font-weight:800;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.4)}.timer-container{background:linear-gradient(135deg,#ffffff40,#ffffff26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:28px;box-shadow:0 6px 20px #0000004d,inset 0 1px 3px #ffffff4d}.mode-indicator{text-align:center;margin-bottom:16px}.mode-badge{display:inline-block;padding:8px 20px;border-radius:25px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px #0000004d}.mode-badge.work{background:linear-gradient(135deg,#ffa726,#ff7043);color:#fff;border:2px solid rgba(255,255,255,.4)}.mode-badge.break{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border:2px solid rgba(255,255,255,.4)}.timer-display{text-align:center;margin-bottom:20px}.time{font-size:64px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;margin-bottom:16px;text-shadow:3px 3px 8px rgba(0,0,0,.5)}.progress-bar{width:100%;height:10px;background:#00000040;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 4px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,#ffa726,#ff7043,#f4511e);box-shadow:0 0 10px #ffa72699;transition:width 1s linear}.timer-controls{display:flex;gap:12px;justify-content:center}.btn{padding:14px 28px;border:none;border-radius:16px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000004d}.btn-primary{background:linear-gradient(135deg,#ffa726,#ff7043);color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-primary:hover{background:linear-gradient(135deg,#fb8c00,#f4511e);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.btn-secondary{background:linear-gradient(135deg,#ffffff4d,#fff3);color:#fff;border:2px solid rgba(255,255,255,.4)}.btn-secondary:hover{background:linear-gradient(135deg,#fff6,#ffffff4d);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.btn-tertiary{background:linear-gradient(135deg,#0003,#00000026);color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-tertiary:hover{background:linear-gradient(135deg,#0000004d,#00000040);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.todo-list{background:linear-gradient(135deg,#ffffff40,#ffffff26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:24px;box-shadow:0 6px 20px #0000004d,inset 0 1px 3px #ffffff4d}.todo-list h2{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.todo-items{display:flex;flex-direction:column;gap:12px}.todo-item{display:flex;align-items:center;gap:12px}.todo-checkbox{width:22px;height:22px;cursor:pointer;flex-shrink:0;accent-color:#FFA726}.todo-input{flex:1;padding:12px 16px;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:14px;background:#fff3;color:#fff;font-weight:500;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.todo-input::placeholder{color:#fff9}.todo-input:focus{outline:none;border-color:#fff9;background:#ffffff40;box-shadow:0 0 12px #ffa72666}.todo-input.completed{text-decoration:line-through;opacity:.7}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,#e53935,#c62828);border:3px solid rgba(255,255,255,.3);border-radius:24px;padding:36px;width:90%;max-width:400px;box-shadow:0 8px 32px #00000080,inset 0 1px 3px #fff3}.modal-content h2{font-size:26px;font-weight:800;color:#fff;margin-bottom:12px;text-align:center;text-shadow:2px 2px 6px rgba(0,0,0,.4)}.modal-content p{font-size:14px;color:#ffffffe6;margin-bottom:24px;text-align:center}.modal-inputs{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.modal-input{padding:14px 18px;border:2px solid rgba(255,255,255,.4);border-radius:14px;font-size:15px;background:#ffffff40;color:#fff;font-weight:500;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-input::placeholder{color:#fff9}.modal-input:focus{outline:none;border-color:#ffffffb3;background:#ffffff4d;box-shadow:0 0 16px #ffa72680}.modal-submit{width:100%;padding:16px;font-size:16px}.settings-button{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ffffff4d,#fff3);border:2px solid rgba(255,255,255,.4);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 12px #0000004d}.settings-button:hover:not(.disabled){background:linear-gradient(135deg,#fff6,#ffffff4d);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #0006}.settings-button.disabled{opacity:.4;cursor:not-allowed}.setting-field{display:flex;flex-direction:column;gap:8px}.setting-field label{font-size:13px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.modal-buttons{display:flex;gap:12px}.modal-buttons .btn{flex:1}.duck-mode{background:radial-gradient(ellipse at center,#a0826d,#8b7355 40%,#6d5a47)!important}.duck-mode:before{background:radial-gradient(circle at 30% 20%,rgba(255,248,220,.2) 0%,transparent 30%)!important}.duck-mode .app-header{background:linear-gradient(180deg,#1b5e20,#2e7d32,#4caf50)!important;border-bottom:3px solid #FDD835!important}.duck-mode .app-header:before{content:"🦆"!important}.duck-mode .app-header:after{content:"🦆"!important}.duck-mode .session-counter{background:linear-gradient(135deg,#fdd83540,#fdd83526)!important;border:2px solid rgba(253,216,53,.4)!important}.duck-mode .timer-circle{background:linear-gradient(135deg,#fdd83540,#fdd83526)!important;border:3px solid rgba(253,216,53,.4)!important}.duck-mode .timer-circle:before{background:conic-gradient(from 0deg,#FDD835 0deg,#FDD835 var(--progress),rgba(253,216,53,.2) var(--progress))!important}.duck-mode .timer-time{color:#fff9c4!important;text-shadow:3px 3px 6px rgba(27,94,32,.8)!important}.duck-mode .timer-mode{color:#fff9c4e6!important}.duck-mode .timer-button{background:linear-gradient(135deg,#fdd835,#fbc02d)!important;color:#1b5e20!important;border:2px solid rgba(255,255,255,.3)!important}.duck-mode .timer-button:hover{background:linear-gradient(135deg,#fff59d,#fdd835)!important;box-shadow:0 6px 20px #fdd83566,inset 0 1px 3px #ffffff80!important}.duck-mode .timer-button:active{background:linear-gradient(135deg,#fbc02d,#f9a825)!important}.duck-mode .todo-container{background:linear-gradient(135deg,#8b73554d,#6d5a4733)!important;border:2px solid rgba(253,216,53,.3)!important}.duck-mode .todo-checkbox:checked{background:linear-gradient(135deg,#fdd835,#fbc02d)!important;border-color:#fdd835!important}.duck-mode .modal-overlay{background:#1b5e20b3!important}.duck-mode .modal-content{background:linear-gradient(135deg,#8b7355f2,#6d5a47f2)!important;border:3px solid #FDD835!important}.duck-mode .modal-title{color:#fff9c4!important;text-shadow:2px 2px 4px rgba(27,94,32,.8)!important}.duck-mode .modal-input{background:#fdd83533!important;border:2px solid rgba(253,216,53,.4)!important;color:#fff9c4!important}.duck-mode .modal-input:focus{border-color:#fdd835!important;background:#fdd8354d!important;box-shadow:0 0 16px #fdd83580!important}.duck-mode .settings-button{background:linear-gradient(135deg,#fdd8354d,#fdd83533)!important;border:2px solid rgba(253,216,53,.4)!important}.duck-mode .settings-button:hover:not(.disabled){background:linear-gradient(135deg,#fdd83566,#fdd8354d)!important}.tomato-splat-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.tomato-flying{font-size:60px;animation:flyAtScreen .8s cubic-bezier(.25,.46,.45,.94) forwards;transform-origin:center;will-change:transform}@keyframes flyAtScreen{0%{transform:scale(.1) rotate(0) translateZ(0);opacity:.5}20%{opacity:1}to{transform:scale(8) rotate(720deg) translateZ(0);opacity:1}}.tomato-splat-effect{position:relative;width:400px;height:400px;animation:splatPulse .3s ease-out}@keyframes splatPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.splat-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,#e53935,#c62828,#b71c1c);border-radius:50%;animation:splatExpand .3s ease-out;box-shadow:0 0 40px #e53935cc}@keyframes splatExpand{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:1}}.splat-drop{position:absolute;background:linear-gradient(180deg,#e53935,#c62828);border-radius:50% 50% 50% 0;animation:splatDrop .4s ease-out forwards;box-shadow:0 2px 8px #0000004d}.splat-drop-1{top:50%;left:50%;width:40px;height:60px;animation-delay:0s;transform:translate(-50%,-50%) rotate(45deg);--drop-x: 120px;--drop-y: -80px}.splat-drop-2{top:50%;left:50%;width:35px;height:50px;animation-delay:.05s;transform:translate(-50%,-50%) rotate(90deg);--drop-x: 140px;--drop-y: 0px}.splat-drop-3{top:50%;left:50%;width:30px;height:45px;animation-delay:.02s;transform:translate(-50%,-50%) rotate(135deg);--drop-x: 110px;--drop-y: 90px}.splat-drop-4{top:50%;left:50%;width:38px;height:55px;animation-delay:.08s;transform:translate(-50%,-50%) rotate(180deg);--drop-x: 0px;--drop-y: 130px}.splat-drop-5{top:50%;left:50%;width:32px;height:48px;animation-delay:.04s;transform:translate(-50%,-50%) rotate(225deg);--drop-x: -100px;--drop-y: 85px}.splat-drop-6{top:50%;left:50%;width:36px;height:52px;animation-delay:.06s;transform:translate(-50%,-50%) rotate(270deg);--drop-x: -130px;--drop-y: 0px}.splat-drop-7{top:50%;left:50%;width:34px;height:50px;animation-delay:.03s;transform:translate(-50%,-50%) rotate(315deg);--drop-x: -115px;--drop-y: -75px}.splat-drop-8{top:50%;left:50%;width:28px;height:42px;animation-delay:.07s;transform:translate(-50%,-50%) rotate(0);--drop-x: 0px;--drop-y: -120px}@keyframes splatDrop{0%{transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--drop-x, 0)),calc(-50% + var(--drop-y, 0))) rotate(var(--rotation, 0deg)) scale(1);opacity:.9}}.tomato-splat-message{text-align:center;animation:messageSlideIn .4s ease-out;max-width:500px;padding:40px}@keyframes messageSlideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.tomato-splat-message h2{font-size:48px;font-weight:800;color:#fff9c4;margin-bottom:16px;text-shadow:3px 3px 8px rgba(0,0,0,.5);animation:celebrationPulse .6s ease-in-out infinite alternate}@keyframes celebrationPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.splat-count{font-size:32px;font-weight:700;color:#ffb74d;margin-bottom:12px;text-shadow:2px 2px 6px rgba(0,0,0,.4)}.splat-subtitle{font-size:20px;color:#ffffffe6;margin-bottom:32px;text-shadow:1px 1px 4px rgba(0,0,0,.3)}.splat-dismiss{font-size:18px;padding:16px 40px;cursor:pointer}.duck-mode .tomato-splat-overlay{background-color:#1b5e20e6!important}.duck-mode .splat-circle{background:radial-gradient(circle,#fdd835,#fbc02d,#f9a825)!important;box-shadow:0 0 40px #fdd835cc!important}.duck-mode .splat-drop{background:linear-gradient(180deg,#fdd835,#fbc02d)!important}.duck-mode .tomato-splat-message h2{color:#fdd835!important}