:root{color:#f9fafb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:inherit;background-color:#020617;background-image:radial-gradient(circle at top,#f8fafc1f,#0f172afa),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0;display:block}#root{min-height:100vh}a{color:inherit}.app{color:#f6f6f9;flex-direction:column;gap:14px;width:100%;min-width:0;max-width:1280px;margin:0 auto;padding:24px 28px 48px;display:flex}.app-topbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.app-title{letter-spacing:.06em;color:#f8fafcf2;white-space:nowrap;flex-shrink:0;margin:0;font-size:22px;font-weight:700}.update-banner{color:#e2e8f0f2;background:#0f172aeb;border:1px solid #38bdf859;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.update-btn{flex-shrink:0;padding:6px 12px;font-size:12px}.panel{background:#0e0e18e0;border:1px solid #ffffff0d;border-radius:18px;padding:14px 18px 16px;box-shadow:0 10px 30px #0009}.panel h2{letter-spacing:.06em;text-transform:uppercase;color:#e2e8f0cc;margin:0 0 12px;font-size:16px;font-weight:600}.settings-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.s-field{color:#94a3b8e6;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.s-field span{color:#94a3b8d9}.s-field input{color:#f6f6f9;font:inherit;background:#080812d9;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:3px 6px;font-size:12px;transition:border-color .15s,box-shadow .15s}.s-field input[type=number]{appearance:textfield}.s-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.s-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-field input:focus{border-color:#7abaffcc;box-shadow:0 0 0 2px #7abaff33}.s-field--hour input{width:50px}.s-field--day input{width:30px}.s-field--focus input{width:36px}.s-volume-wrap{position:relative}.s-volume-btn{color:#e2e8f0e6;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:flex}.s-volume-btn:hover{color:#fff;background:#ffffff24}.s-volume-backdrop{z-index:10;position:fixed;inset:0}.s-volume-popover{z-index:20;background:#0e0e18fa;border:1px solid #ffffff1a;border-radius:12px;min-width:160px;margin-top:6px;padding:10px 12px;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0009}.s-volume-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8e6;margin-bottom:6px;font-size:11px}.s-volume-popover input[type=range]{accent-color:#f87116e6;width:100%;height:6px;margin:0}.timers-section{flex-direction:column;gap:12px;display:flex}.timers-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.timer-card{aspect-ratio:1;filter:brightness(.45)saturate(.6);border:1.5px solid #ffffff0f;border-radius:20px;transition:filter .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 14px 36px #000000b3}.timer-card.timer-card-active{filter:none}.timer-card-pomodoro{background:url(/eff/images/pomodoro.png) 50%/cover no-repeat}.timer-card-patata{background:url(/eff/images/patata.png) 50%/cover no-repeat}.timer-card-active.timer-card-pomodoro{border-color:#fbbf248c;box-shadow:0 0 0 1.5px #fbbf2466,0 0 50px #f87116b3}.timer-card-active.timer-card-patata{border-color:#60a5fa8c;box-shadow:0 0 0 1.5px #60a5fa66,0 0 50px #38bdf8b3}.timer-inner{background:linear-gradient(160deg,#050816b8 0%,#0508168c 50%,#050816ad 100%);flex-direction:column;justify-content:flex-end;gap:8px;padding:18px 20px 68px;display:flex;position:absolute;inset:0}.timer-label{letter-spacing:.14em;text-transform:uppercase;color:#f8fafcbf;font-size:13px;font-weight:700}.timer-time{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#fff;text-shadow:0 2px 12px #000c;font-size:clamp(36px,5vw,62px);font-weight:700;line-height:1}.timer-status{color:#cbd5e1e0;min-height:18px;font-size:13px}.timer-progress{align-items:center;gap:8px;display:flex}.timer-progress-bar{background:#ffffff1f;border-radius:999px;flex:1;height:5px;overflow:hidden}.timer-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#f97316);height:100%;transition:width .25s ease-out;box-shadow:0 0 10px #f87116b3}.timer-progress-pct{color:#e2e8f0d9;text-align:right;min-width:40px;font-size:12px}.timer-btn{z-index:2;filter:brightness(2.2)saturate(1.6);position:absolute;bottom:20px;left:20px}.timer-card-active .timer-btn{filter:none}.primary-button,.danger-button{cursor:pointer;border:none;border-radius:999px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:transform 80ms,box-shadow .14s,background .14s}.primary-button{color:#0f0e16;background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 8px 22px #f8711680,0 0 0 1px #f8be7838}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #f87116a6,0 0 0 1px #f8be784d}.primary-button:active{transform:translateY(0)}.danger-button{color:#ff8c8ce6;background:0 0;border:1px solid #ff638480;flex-shrink:0;padding:9px 16px}.danger-button:hover{background:#7f1d1d8c}.danger-button-small{padding:5px 10px;font-size:12px}.money-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.money-card{border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.money-earned{background:linear-gradient(135deg,#22c55e1a,#064e3bf2);border:1px solid #4ade8080}.money-lost{background:linear-gradient(135deg,#f871711a,#7f1d1df2);border:1px solid #f8717199}.money-card span{color:#d1d5dbe6}.money-card strong{font-size:20px;font-weight:700}.panel-progress{padding:12px 18px 14px}.progress-header{color:#cbd5e1e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.progress-header span:first-child{color:#e2e8f0f2;letter-spacing:.04em;font-size:14px;font-weight:600}.progress-bar{background:#0f172af2;border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#f97316);height:100%;transition:width .3s ease-out;box-shadow:0 0 14px #34d399b3}.log-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.log-header h2{margin:0}.panel-log .log-list{padding-right:0}.log-day+.log-day{border-top:1px solid #94a3b833;margin-top:14px;padding-top:12px}.log-day h3{color:#e2e8f0e6;margin:0 0 8px;font-size:14px}.log-day ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.log-item{background:#0f172acc;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.log-item.pomodoro{border-left:3px solid #4ade80d9}.log-item.patata{border-left:3px solid #f87171e6}.log-time{color:#cbd5e1d9;font-variant-numeric:tabular-nums;white-space:nowrap}.log-bottom{align-items:baseline;gap:8px;display:flex}.log-duration{color:#94a3b8f2;white-space:nowrap;font-size:11px}.log-amount{white-space:nowrap;font-size:12px;font-weight:700}.log-amount-positive{color:#4ade80}.log-amount-negative{color:#f97373}.empty-log{color:#94a3b8e6;margin:0;font-size:14px}@media (width>=701px){.timers-row[data-mode=pomodoro] .timer-card-patata .timer-btn,.timers-row[data-mode=patata] .timer-card-pomodoro .timer-btn{display:none}}@media (width<=700px){.app{padding:10px 10px 28px}.app-title{font-size:16px}.update-banner{flex-direction:column;align-items:flex-start}.settings-bar{gap:4px}.s-field{gap:3px;font-size:10px}.s-field input{padding:2px 4px;font-size:11px}.s-field--hour input{width:44px}.s-field--day input{width:34px}.s-field--focus input{width:38px}.s-volume-btn{width:26px;height:26px}.timers-row{grid-template-columns:1fr}.timers-row[data-mode=idle] .timer-card-patata,.timers-row[data-mode=pomodoro] .timer-card-patata,.timers-row[data-mode=patata] .timer-card-pomodoro{display:none}.timer-card{aspect-ratio:4/3}.money-row{grid-template-columns:1fr}}@media (width<=219px){.app{gap:8px;padding:6px 4px 12px;overflow-x:hidden}.app-topbar{gap:6px}.app-title,.settings-bar,.update-banner{display:none}.timer-card{aspect-ratio:1;position:relative}.timer-inner{background:0 0;justify-content:flex-end;gap:4px;padding:8px;position:relative}.timer-label,.timer-status,.timer-progress-pct{display:none}.timer-progress{display:block;position:absolute;top:0;left:0;right:0}.timer-progress-bar{background:#ffffff38;border-radius:0;height:3px}.timer-time{font-size:clamp(22px,20vw,30px)}.timer-card .timer-btn{z-index:2;border-radius:999px;align-self:auto;width:36px;height:36px;padding:0;font-size:0;line-height:0;margin:0!important;position:absolute!important;inset:auto 8px 8px auto!important}.timer-btn:before{content:"";background:#0f0e16cc;border-radius:999px;width:12px;height:12px;margin:0 auto;display:block}.money-card{padding:10px 8px}.money-label,.progress-title{display:none}.money-card strong{text-align:center;width:100%;font-size:16px}.panel-progress{padding:0}.progress-header{display:none}.panel-log{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.log-header{display:none}.log-day+.log-day{margin-top:8px;padding-top:8px}.log-day h3{margin:0 0 4px;font-size:12px}.log-item{background:0 0;border-left-width:2px;border-radius:0;flex-direction:column;align-items:flex-start;gap:2px;padding:2px 0 2px 4px;display:flex}.log-time{font-size:11px}.log-bottom{justify-content:space-between;gap:6px;width:100%;display:flex}.log-duration,.log-amount{font-size:10px}.app-topbar,.timers-section,.timers-row,.panel,.money-row,.money-card,.log-list,.log-day,.log-item,.progress-bar{min-width:0}}