:root{color:#edf3fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--background:#101722;--card:#1a2738;--accent:#89b9e8;background:#101722;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(900px 500px at 15% 0,#89b9e812,#0000 70%),#101722;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#fff;background:#89b9e84d}#root{min-height:100vh}main{width:min(1200px,100%);margin:0 auto;padding:56px 32px 80px}header{margin-bottom:36px}h1{color:#edf3fa;letter-spacing:-1.5px;margin:0;font-size:clamp(34px,5vw,46px);font-weight:600}header p{color:#a8b8cc;margin:12px 0 0;line-height:1.7}.dashboard{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.main-column,.side-column{gap:24px;min-width:0;display:grid}section{background:linear-gradient(145deg, #89b9e809, transparent 55%), var(--card);border:1px solid #89b9e821;border-radius:18px;min-width:0;padding:28px;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff09,0 12px 32px #00000024}h2{color:#edf3fa;letter-spacing:-.3px;margin:0 0 16px;font-size:20px;font-weight:600}section p{color:#a8b8cc;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8}form label>span{color:#c2cede;font-size:13px}input{transition:border-color .18s,box-shadow .18s}input::placeholder{color:#7f91a8;opacity:1}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 18px #89b9e814}input[type=checkbox]{cursor:pointer;margin:0}button{font-weight:500;transition:filter .16s,transform .16s,box-shadow .16s}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:default}.task-list{margin:20px 0 0;padding:0;list-style:none}.task-list li{border-bottom:1px solid #89b9e81a;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;display:flex}.task-list li:last-child{border-bottom:none;padding-bottom:0}.task-list li>span:first-child{overflow-wrap:anywhere;min-width:0}.task-list label{line-height:1.6}.task-list button{font-size:13px}.task-meta{color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}progress{width:100%;height:8px;accent-color:var(--accent);background:#101722;border:none;border-radius:999px;margin-top:20px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#101722;border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,#6c9ed0,#a5cef3);border-radius:999px}progress::-moz-progress-bar{background:linear-gradient(90deg,#6c9ed0,#a5cef3);border-radius:999px}.timer{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:2px;text-shadow:0 0 28px #89b9e829;margin:24px 0 16px;font-size:clamp(44px,5vw,60px);font-weight:500}@media (hover:hover) and (pointer:fine){section:hover{border-color:#89b9e847;box-shadow:inset 0 1px #ffffff0b,0 12px 32px #00000024,0 0 28px #89b9e80e}button:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 16px #89b9e81a}}@media (width<=800px){.dashboard{grid-template-columns:1fr}}@media (width<=600px){main{padding:32px 20px 48px}header{margin-bottom:28px}section{padding:24px}.dashboard,.main-column,.side-column{gap:20px}input:not([type=checkbox]){font-size:16px}}@media (prefers-reduced-motion:reduce){section,input,button{transition:none}button:active:not(:disabled){transform:none}}
