:root{--background: hsl(0 0% 100%);--foreground: hsl(222.2 84% 4.9%);--card: hsl(0 0% 100%);--card-foreground: hsl(222.2 84% 4.9%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(222.2 84% 4.9%);--primary: hsl(217.2 91.2% 59.8%);--primary-foreground: hsl(210 40% 98%);--secondary: hsl(210 40% 96.1%);--secondary-foreground: hsl(222.2 47.4% 11.2%);--muted: hsl(210 40% 96.1%);--muted-foreground: hsl(215.4 16.3% 46.9%);--accent: hsl(210 40% 96.1%);--accent-foreground: hsl(222.2 47.4% 11.2%);--warning: hsl(38.9 92.3% 50%);--warning-foreground: hsl(48 95.5% 12.9%);--destructive: hsl(0 84.2% 60.2%);--destructive-foreground: hsl(0 0% 98%);--border: hsl(214.3 31.8% 91.4%);--input: hsl(214.3 31.8% 91.4%);--ring: hsl(217.2 91.2% 59.8%);--radius: .5rem;--current-task-bg: hsl(217.2 91.2% 59.8% / .08);--current-task-border: var(--primary);--current-task-foreground: hsl(217.2 71.2% 39.8%);--expiring-task-bg: hsl(38.9 92.3% 50% / .1);--expiring-task-border: var(--warning);--expiring-task-foreground: hsl(38.9 82.3% 30%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app-container{max-width:800px;margin:2rem auto;padding:1.5rem 2rem}header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}#app-title{font-size:2em;font-weight:600;color:var(--foreground);margin-bottom:.5rem}#timers-container{display:flex;justify-content:space-around;align-items:center;margin-bottom:1rem;padding:.75rem .5rem;background-color:var(--secondary);border-radius:var(--radius);border:1px solid var(--border)}.timer-label{font-size:.85em;color:var(--muted-foreground);margin-right:.5rem}.timer-value{font-size:1.1em;font-weight:600;color:var(--primary)}#bedtime-timer-container,#productive-timer-container{padding:.25rem .5rem;text-align:center;flex-basis:50%}#current-time-display{font-size:2.5em;font-weight:700;color:var(--primary);margin-bottom:1rem;letter-spacing:.5px}.button-base{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.95em;font-weight:500;padding:.6rem 1.2rem;transition:background-color .2s ease-in-out,opacity .2s ease-in-out,border-color .2s ease-in-out;cursor:pointer;border:1px solid transparent;text-align:center}.button-base:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.button-primary{background-color:var(--primary);color:var(--primary-foreground)}.button-primary:hover:not(:disabled){background-color:#196cf4}.button-primary:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.7}.button-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.button-secondary:hover:not(:disabled){background-color:#e3ebf3}.button-secondary:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.7}#go-to-current-task-btn{margin-bottom:1rem}#test-alarm-btn{width:100%;margin-top:2rem}#schedule-list{list-style:none;padding:0}.task-item{margin-bottom:1rem}.task-card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px #0000000d;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease;padding:1rem 1.25rem}.task-item:hover .task-card{border-color:#ced8e6;box-shadow:0 4px 12px #00000012}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.task-activity{font-size:1.15em;font-weight:600;color:var(--card-foreground);margin-right:1rem}.task-time{font-size:.9em;color:var(--muted-foreground);white-space:nowrap;font-weight:500}.task-content{margin-bottom:.75rem}.task-notes{font-size:.875em;color:var(--muted-foreground);padding-left:.75rem;border-left:2px solid var(--border)}.task-footer{display:flex;justify-content:flex-end}.task-duration-badge{font-size:.8em;font-weight:500;color:var(--secondary-foreground);background-color:var(--secondary);padding:.25rem .6rem;border-radius:calc(var(--radius) / 1.5);white-space:nowrap}.current-task .task-card{background-color:var(--current-task-bg);border-left:4px solid var(--current-task-border);box-shadow:0 4px 15px #3780f61a}.current-task .task-activity{color:var(--current-task-foreground)}.current-task .task-time{color:var(--current-task-foreground);opacity:.9}.task-expiring .task-card{background-color:var(--expiring-task-bg);border-left:4px solid var(--expiring-task-border);animation:pulse-border-expiring 1.5s infinite ease-in-out}.task-expiring .task-activity{color:var(--expiring-task-foreground)}.task-expiring .task-time{color:var(--expiring-task-foreground);opacity:.9}@keyframes pulse-border-expiring{0%{box-shadow:0 0 hsl(var(--warning) / .4),0 4px 15px hsl(var(--warning) / .1)}70%{box-shadow:0 0 0 7px hsl(var(--warning) / 0),0 4px 15px hsl(var(--warning) / .1)}to{box-shadow:0 0 hsl(var(--warning) / 0),0 4px 15px hsl(var(--warning) / .1)}}@media (max-width: 768px){#app-container{margin:1rem;padding:1rem 1.5rem}#app-title{font-size:1.8em}#current-time-display{font-size:2em}.button-base{padding:.5rem 1rem;font-size:.9em}#go-to-current-task-btn{margin-bottom:.75rem}#test-alarm-btn{margin-top:1.5rem}.task-card{padding:.75rem 1rem}.task-activity{font-size:1.05em}}@media (max-width: 600px){#timers-container{flex-direction:column;align-items:stretch}#bedtime-timer-container,#productive-timer-container{padding:.4rem .5rem;display:flex;justify-content:space-between;align-items:center}#bedtime-timer-container:not(:last-child){margin-bottom:.5rem}.timer-value{font-size:1em}}@media (max-width: 480px){body{font-size:15px}#app-container{margin:.5rem;padding:.75rem}#app-title{font-size:1.6em}#current-time-display{font-size:1.7em}#go-to-current-task-btn{width:100%;padding:.7rem 1rem;margin-bottom:.5rem}#test-alarm-btn{padding:.7rem 1rem}.task-header{flex-direction:column;align-items:flex-start}.task-activity{margin-bottom:.25rem}.task-time{font-size:.85em}.task-notes{font-size:.825em;padding-left:.5rem}#timers-container{margin-bottom:.75rem;padding:.5rem}.timer-label{font-size:.8em}.timer-value{font-size:.95em}}