@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-green:#2d5f4f;--light-cream:#f5f1e8;--warm-beige:#e8dcc8;--tan:#d4a574;--dark-text:#1a1a1a;--light-text:#fff;--alert-warm:#c97c3d;--critical-red:#a84c38;--transition-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-smooth:cubic-bezier(0.25,0.46,0.45,0.94)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f1e8;background-color:var(--light-cream);color:#1a1a1a;color:var(--dark-text);font-family:Space Grotesk,sans-serif}.app-container{background:linear-gradient(135deg,#f5f1e8,#fffbf5);background:linear-gradient(135deg,var(--light-cream) 0,#fffbf5 100%);min-height:100vh;overflow:hidden;position:relative}.app-container,.modal-overlay{align-items:center;display:flex;justify-content:center;width:100%}.modal-overlay{animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94);animation:fadeIn .4s var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1a1a80;height:100%;left:0;position:fixed;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);animation:slideUp .5s var(--transition-spring);background:#f5f1e8;background:var(--light-cream);border-radius:12px;box-shadow:0 20px 60px #2d5f4f26,0 0 1px #2d5f4f1a;max-width:400px;padding:48px 40px;position:relative;width:90%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#2d5f4f;color:var(--primary-green);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;line-height:1;opacity:.55;position:absolute;right:18px;top:18px;transition:opacity .2s cubic-bezier(.25,.46,.45,.94),background-color .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.34,1.56,.64,1);transition:opacity .2s var(--transition-smooth),background-color .2s var(--transition-smooth),transform .2s var(--transition-spring);width:32px}.modal-close:hover{background-color:#2d5f4f14;opacity:1}.modal-close:focus-visible{box-shadow:0 0 0 3px #2d5f4f2e;opacity:1;outline:none}.modal-close:active{transform:scale(.9)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:#2d5f4f;color:var(--primary-green);font-family:Playfair Display,serif;font-size:32px;font-weight:600;letter-spacing:-.02em;margin-bottom:32px;text-align:center}.time-inputs{display:flex;gap:24px;margin-bottom:32px}.input-group{display:flex;flex:1 1;flex-direction:column}.input-group label{color:#2d5f4f;color:var(--primary-green);font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:10px;opacity:.8;text-transform:uppercase}.task-input-group{display:flex;flex-direction:column;margin-bottom:32px}.task-input-group label{font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:10px;opacity:.8;text-transform:uppercase}.task-input,.task-input-group label{color:#2d5f4f;color:var(--primary-green)}.task-input{background:#d4a57408;border:2px solid #e8dcc8;border:2px solid var(--warm-beige);border-radius:6px;font-family:Space Grotesk,sans-serif;font-size:16px;padding:14px 16px;transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s var(--transition-smooth)}.task-input:focus{background:#2d5f4f14;border-color:#2d5f4f;border-color:var(--primary-green);box-shadow:0 0 0 3px #2d5f4f1a;outline:none}.input-group input{background:#d4a57408;border:2px solid #e8dcc8;border:2px solid var(--warm-beige);border-radius:6px;color:#2d5f4f;color:var(--primary-green);font-family:Playfair Display,serif;font-size:36px;font-weight:600;padding:16px 12px;text-align:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s var(--transition-smooth)}.input-group input:focus{background:#2d5f4f14;border-color:#2d5f4f;border-color:var(--primary-green);box-shadow:0 0 0 3px #2d5f4f1a;outline:none}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;overflow:hidden;padding:14px 28px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s var(--transition-spring)}.btn:before{background:#ffffff1a;content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .3s cubic-bezier(.25,.46,.45,.94);transition:left .3s var(--transition-smooth);width:100%}.btn:hover:before{left:100%}.btn-primary{background-color:#2d5f4f;background-color:var(--primary-green);box-shadow:0 8px 24px #2d5f4f33;color:#fff;color:var(--light-text);width:100%}.btn-primary:hover{background-color:#234b3f;box-shadow:0 12px 32px #2d5f4f4d}.btn-primary:active{box-shadow:0 4px 12px #2d5f4f33}.btn-secondary{background-color:#e8dcc8;background-color:var(--warm-beige);box-shadow:0 4px 12px #d4a57426;color:#2d5f4f;color:var(--primary-green)}.btn-secondary:hover{background-color:#d4a574;background-color:var(--tan);box-shadow:0 8px 20px #d4a5744d}.btn-secondary:active{box-shadow:0 2px 8px #d4a57426}.btn-ghost{background-color:initial;border:2px solid #e8dcc8;border:2px solid var(--warm-beige);color:#2d5f4f;color:var(--primary-green)}.btn-ghost:hover{background-color:#2d5f4f0f;border-color:#d4a574;border-color:var(--tan)}.btn-ghost:focus-visible{box-shadow:0 0 0 3px #2d5f4f26;outline:none}.btn-ghost:active{background-color:#2d5f4f1a}.modal-actions{display:flex;gap:12px}.modal-actions .btn-ghost{flex:0 0 auto;padding-left:24px;padding-right:24px;width:auto}.modal-actions .btn-primary{flex:1 1}.completion-modal{text-align:center}.completion-check{animation:popCheck .5s cubic-bezier(.34,1.56,.64,1) both;animation:popCheck .5s var(--transition-spring) both;background:linear-gradient(135deg,#2d5f4f,#234b3f);background:linear-gradient(135deg,var(--primary-green) 0,#234b3f 100%);border-radius:50%;box-shadow:0 10px 28px #2d5f4f47;color:#fff;color:var(--light-text);font-size:32px;font-weight:600;height:64px;line-height:64px;margin:0 auto 20px;width:64px}@keyframes popCheck{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.completion-modal .modal-title{margin-bottom:8px}.completion-task-name{color:#1a1a1a;color:var(--dark-text);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;margin-bottom:28px;opacity:.75}.completion-details{background:#d4a57414;border:1px solid #d4a57433;border-radius:8px;margin-bottom:28px;padding:8px 20px}.completion-row{align-items:center;display:flex;justify-content:space-between;padding:14px 0}.completion-row+.completion-row{border-top:1px solid #d4a57433}.completion-label{font-size:11px;letter-spacing:.12em;opacity:.7;text-transform:uppercase}.completion-label,.completion-value{color:#2d5f4f;color:var(--primary-green);font-weight:600}.completion-value{font-family:Playfair Display,serif;font-size:20px}.timer-display{animation:fadeIn .6s cubic-bezier(.25,.46,.45,.94) .1s backwards;animation:fadeIn .6s var(--transition-smooth) .1s backwards;text-align:center;transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:all .8s var(--transition-smooth)}.timer-display.alert{--primary-green:#b8885a}.timer-display.warning{--primary-green:#c97c3d}.timer-display.critical{--primary-green:#a84c38}.progress-container{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 24px;position:relative;width:360px}.progress-ghost{background-color:#f5f1e899;border:1.5px solid #d4a57440;z-index:1}.progress-bar,.progress-ghost{border-radius:6px;height:100%;left:0;position:absolute;top:0;width:100%}.progress-bar{background:linear-gradient(90deg,#d4a57459,#d4a57433);transition:width .5s cubic-bezier(.25,.46,.45,.94),background .8s cubic-bezier(.25,.46,.45,.94);transition:width .5s var(--transition-smooth),background .8s var(--transition-smooth);z-index:2}.countdown{color:#2d5f4f;color:var(--primary-green);font-family:Playfair Display,serif;font-size:60px;font-weight:700;letter-spacing:-.03em;line-height:1;position:relative;text-shadow:0 2px 12px #2d5f4f14;transition:color .8s cubic-bezier(.25,.46,.45,.94),text-shadow .8s cubic-bezier(.25,.46,.45,.94);transition:color .8s var(--transition-smooth),text-shadow .8s var(--transition-smooth);z-index:20}.time-unit{display:inline-block;min-width:1em}.separator{animation:pulse 2s ease-in-out infinite;margin:0 2px;opacity:.7}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.4}}.sidebar{background:#f5f1e8;background:var(--light-cream);border-right:1px solid #d4a57433;box-shadow:2px 0 12px #2d5f4f1a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);transition:transform .3s var(--transition-smooth);width:300px;z-index:999}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #d4a57426;display:flex;justify-content:space-between;padding:24px}.sidebar-header h2{font-family:Playfair Display,serif;font-weight:600;letter-spacing:-.02em;margin:0}.sidebar-close,.sidebar-header h2{color:#2d5f4f;color:var(--primary-green);font-size:24px}.sidebar-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:opacity .2s;width:32px}.sidebar-close:hover{opacity:.7}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px 0}.no-logs{color:#2d5f4f80;font-size:14px;padding:32px 16px;text-align:center}.logs-list{list-style:none;margin:0;padding:0}.log-item{border-bottom:1px solid #d4a5741a;padding:16px 20px;transition:background-color .2s}.log-item:hover{background-color:#d4a57414}.log-name{font-family:Space Grotesk,sans-serif;font-size:14px;margin-bottom:6px}.log-name,.log-time{color:#2d5f4f;color:var(--primary-green);font-weight:600}.log-time{font-family:Playfair Display,serif;font-size:18px;margin-bottom:4px;opacity:.8}.log-timestamp{color:#2d5f4f80;font-size:12px}.sidebar-overlay{animation:fadeIn .3s cubic-bezier(.25,.46,.45,.94);animation:fadeIn .3s var(--transition-smooth);background:#1a1a1a4d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.sidebar-toggle{align-items:center;background-color:#2d5f4f;background-color:var(--primary-green);border:none;border-radius:6px;box-shadow:0 4px 12px #2d5f4f26;color:#fff;color:var(--light-text);cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;left:24px;position:fixed;top:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s var(--transition-spring);width:48px;z-index:100}.sidebar-toggle:hover{background-color:#234b3f;box-shadow:0 8px 20px #2d5f4f40}.sidebar-toggle:active{box-shadow:0 2px 8px #2d5f4f26}.controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width:640px){.progress-container{height:100px;margin-bottom:24px;width:280px}.countdown{font-size:48px}.controls{flex-direction:column;gap:10px;margin:0 auto;max-width:280px;width:100%}.btn{font-size:12px;padding:12px 20px;width:100%}.modal{padding:40px 24px}.modal-title{font-size:24px;margin-bottom:24px}.time-inputs{gap:16px;margin-bottom:24px}.input-group input{font-size:28px;padding:12px 8px}}
/*# sourceMappingURL=main.a8e3f6d5.css.map*/