:root{font-family:'DM Sans',sans-serif;color:#f6f1e8;background:#0b1422;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 45% 25%,#14243a 0,#0b1422 50%);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c7f16b;outline-offset:4px}.app{max-width:1540px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.top{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19;padding:0 clamp(22px,5vw,80px)}.brand{color:#f6f1e8;text-decoration:none;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.8px;display:flex;align-items:center;gap:10px}.brand-icon{border:2px solid #c7f16b;border-radius:50%;color:#c7f16b;font:30px/26px Arial;width:30px;height:30px;text-align:center}.dot{color:#c7f16b}.top nav{display:flex;gap:38px;height:100%;align-items:stretch}.nav{border:0;background:none;color:#aeb8c5;font-size:15px;position:relative;padding:0 5px}.nav:hover,.nav.active{color:#c7f16b}.nav.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#c7f16b;border-radius:4px}.icon-button{border:1px solid #ffffff25;background:#ffffff08;color:#f6f1e8;border-radius:12px;width:42px;height:42px;font-size:21px}.icon-button:hover{background:#ffffff18}main{flex:1;padding:clamp(30px,4.5vw,68px) clamp(22px,5vw,80px)}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.eyebrow,.small-label,.chart-title{font-size:11px;font-weight:700;letter-spacing:2px;color:#c7f16b;margin:0 0 12px}.intro h1{font:700 clamp(34px,4vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-2.5px;margin:0}.subtitle{color:#aab5c2;margin:14px 0 0;font-size:15px}.today-date{color:#8999aa;font-size:13px;padding-bottom:4px}.dashboard{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(32px,5vw,80px);align-items:start}.timer-panel{display:flex;flex-direction:column;align-items:center;min-width:0}.mode-tabs{display:flex;gap:5px;background:#1b293b;border:1px solid #ffffff12;border-radius:100px;padding:5px;margin:0 0 28px}.mode{border:0;background:transparent;color:#a8b5c4;border-radius:100px;padding:10px 19px;font-size:13px;font-weight:700;white-space:nowrap}.mode.active{background:#c7f16b;color:#0a1421}.ring{width:min(100%,350px);aspect-ratio:1;border-radius:50%;padding:12px;background:conic-gradient(#c7f16b 0deg,#263449 0deg);box-shadow:0 0 75px #b4e9650b;transition:background 1s linear}.ring-inner{width:100%;height:100%;border-radius:50%;background:#0d1929;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring-label{color:#c7f16b;font-size:12px;letter-spacing:2.5px;font-weight:700}.time{font:700 clamp(58px,7vw,88px)/1.3 Manrope,sans-serif;letter-spacing:-5px;font-variant-numeric:tabular-nums;margin:7px 0}.ring-hint{font-size:13px;color:#8d9bab}.task-area{text-align:center;margin:28px 0 22px;min-height:60px}.task-area .small-label{display:block;color:#b5a894}.task-button{border:0;background:transparent;color:#f6f1e8;font:600 clamp(19px,2vw,26px) Manrope,sans-serif;display:flex;align-items:center;gap:12px;max-width:100%;text-align:left}.task-button:hover{color:#c7f16b}.pencil{color:#c7f16b;font-size:25px}.controls{display:flex;align-items:center;gap:26px}.primary{border:0;border-radius:100px;background:#c7f16b;color:#0b1422;font-weight:800;font-size:16px;padding:17px 34px;min-width:210px;box-shadow:0 10px 35px #c7f16b1b}.primary:hover{background:#d8ff84;transform:translateY(-1px)}.text-button{border:0;background:none;color:#c4cdd6;text-decoration:underline;text-underline-offset:5px}.text-button:hover{color:#fff}.shortcut{font-size:12px;color:#64768a;margin-top:24px}kbd{font:inherit;border:1px solid #64768a;padding:2px 6px;border-radius:4px}.sidebar{display:grid;gap:20px}.card{background:linear-gradient(135deg,#1a293b,#142235);border:1px solid #ffffff14;border-radius:22px;box-shadow:0 20px 55px #0002}.progress{padding:32px}.card-head{display:flex;justify-content:space-between}.card h2{font:700 25px Manrope,sans-serif;letter-spacing:-1px;margin:0}.card-symbol{color:#c7f16b;font-size:24px}.stats{display:flex;margin:36px 0 30px;padding-bottom:30px;border-bottom:1px solid #ffffff23}.stats>div{width:50%;display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center}.stats>div+div{border-left:1px solid #ffffff23;padding-left:25px}.stat-icon{color:#c7f16b;border:2px solid #c7f16b;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:16px}.stats strong{font:700 39px Manrope,sans-serif;line-height:1}.stat-label{grid-column:2;color:#b4c0cb;font-size:10px;letter-spacing:1px;line-height:1.5;margin-top:5px}.chart-title{color:#cbd5dd;margin:0 0 19px}.chart{display:grid;grid-template-columns:repeat(7,1fr);gap:13px;height:132px;border-bottom:1px solid #ffffff25;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#ffffff13 33px);align-items:end}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.bar{width:min(100%,38px);min-height:2px;background:#829f53;border-radius:5px 5px 0 0;transition:height .3s}.bar.today{background:#c7f16b}.bar-col span{position:absolute;top:calc(100% + 8px);color:#aab5c2;font-size:11px}.progress{margin-bottom:22px}.next{display:flex;align-items:center;padding:22px 25px;gap:18px}.next-icon{color:#c7f16b;font-size:27px}.next .small-label{font-size:10px;margin:0}.next p{margin:4px 0 0;font:700 18px Manrope,sans-serif}.arrow{margin-left:auto;color:#c7f16b;font-size:23px}.sidebar-note{text-align:center;color:#65788b;font-size:12px;margin:3px 0}.hidden{display:none!important}footer{text-align:center;color:#53667a;font-size:12px;padding:20px}footer span{padding:0 8px}.history-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.history-grid .card{padding:32px}.history-summary h2{margin:10px 0 35px}.history-totals{display:flex;gap:50px}.history-totals div{display:flex;flex-direction:column}.history-totals strong{font:700 50px Manrope,sans-serif;color:#c7f16b}.history-totals span{color:#aab5c2}.history-list h2{margin-bottom:22px}.history-items{max-height:500px;overflow:auto}.history-row{border-top:1px solid #ffffff1c;padding:16px 0;display:flex;justify-content:space-between;gap:18px}.history-row strong{display:block;font-size:15px}.history-row small{color:#91a1b0;display:block;margin-top:5px}.history-row>span{white-space:nowrap;color:#c7f16b}.empty{color:#9bacba;line-height:1.6}dialog{border:1px solid #ffffff28;border-radius:24px;background:#172538;color:#f6f1e8;width:min(90vw,430px);padding:32px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030a14bd;backdrop-filter:blur(5px)}dialog form{position:relative}dialog h2{font:700 27px Manrope,sans-serif;margin:0 0 25px}dialog label{font-size:13px;color:#c6d1db;display:block;margin-bottom:8px}dialog input:not([type=checkbox]){background:#0c192a;border:1px solid #43546a;border-radius:10px;padding:13px;color:#fff;width:100%;outline:none}dialog input:focus{border-color:#c7f16b}.dialog-close{position:absolute;right:0;top:-8px;background:none;border:0;color:#aebcca;font-size:30px}.dialog-save{margin-top:25px;width:100%}.settings-fields label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0}.settings-fields input{max-width:80px;text-align:center;margin-left:auto}.settings-fields span{width:55px;color:#8998a9}.check{display:flex;gap:10px;align-items:center;margin-top:18px}.check input{accent-color:#c7f16b;width:18px;height:18px}@media(max-width:950px){.dashboard{grid-template-columns:1fr;gap:35px}.sidebar{grid-template-columns:1fr 1fr;align-items:start}.sidebar-note{display:none}.progress{margin:0}.next{margin-top:0}.ring{width:min(350px,80vw)}.history-grid{grid-template-columns:1fr}}@media(max-width:650px){.top{height:70px;padding:0 18px}.brand{font-size:23px}.brand-icon{width:25px;height:25px;font-size:25px;line-height:21px}.top nav{gap:15px}.nav{font-size:13px}.icon-button{width:36px;height:36px;font-size:18px}main{padding:30px 18px}.intro{margin-bottom:27px}.intro h1{font-size:34px;letter-spacing:-1.8px}.subtitle{font-size:13px;line-height:1.5}.today-date{display:none}.mode-tabs{margin-bottom:24px}.mode{font-size:12px;padding:9px 13px}.ring{width:min(310px,84vw)}.time{font-size:68px}.ring-label{font-size:10px}.task-area{margin:25px 0 18px}.task-button{font-size:18px}.controls{width:100%;justify-content:center;gap:18px}.primary{min-width:175px;padding:15px 20px}.text-button{font-size:13px}.shortcut{margin:20px 0 5px}.sidebar{display:grid;grid-template-columns:1fr}.progress{padding:24px;margin-bottom:0}.card h2{font-size:21px}.stats{margin:25px 0}.next{padding:19px}.history-grid .card{padding:24px}}@media(max-width:380px){.brand-icon{display:none}.top nav{gap:8px}.mode{padding:9px}.controls{flex-wrap:wrap}.ring{width:270px}.time{font-size:60px}}