:root{--ink:#17211c;--muted:#68736d;--paper:#f6f3ed;--card:#fffdfa;--line:#dedfd8;--green:#1f5c43;--green2:#dceadf;--break:#315c73;--break2:#dbe9ef;--long:#694f7a;--long2:#ece2f1}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}.shell{max-width:1180px;margin:auto;padding:28px 28px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--ink);color:white;font-family:"DM Mono"}.date{font-size:13px;color:var(--muted)}.hero{display:flex;justify-content:space-between;align-items:end;padding:44px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--muted);margin:0 0 9px}.hero h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.055em;line-height:1;margin:0;font-weight:600}.daily-stat{display:flex;align-items:center;gap:14px}.daily-stat strong{font-family:"DM Mono";font-size:52px;line-height:1;color:var(--green)}.daily-stat span{font-size:12px;line-height:1.45;color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr);gap:20px}.timer-card,.panel,.tasks-section{background:var(--card);border:1px solid var(--line);border-radius:20px}.timer-card{min-height:510px;padding:24px;display:flex;flex-direction:column;transition:.3s}.timer-card.short{background:var(--break2);border-color:#c4d7df}.timer-card.long{background:var(--long2);border-color:#d7c7df}.mode-row,.panel-head,.tasks-head{display:flex;justify-content:space-between;align-items:center}.mode-tabs{background:rgba(255,255,255,.55);padding:4px;border-radius:12px;display:flex}.mode-tab{border:0;background:transparent;padding:9px 13px;border-radius:9px;color:var(--muted);font:600 12px Manrope;cursor:pointer}.mode-tab.active{background:var(--ink);color:white}.icon-btn,.round-btn{border:1px solid rgba(23,33,28,.16);background:rgba(255,255,255,.5);border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:18px}.timer-center{margin:auto;text-align:center}.session-label{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--muted)}.clock{font-family:"DM Mono";font-size:clamp(70px,10vw,112px);line-height:1;letter-spacing:-.08em;margin:12px 0}.current-task{font-size:13px;color:var(--muted);height:20px}.timer-actions{display:flex;justify-content:center;gap:9px;margin-top:28px}.primary-btn{border:0;border-radius:30px;background:var(--green);color:white;padding:0 25px;height:48px;font:600 13px Manrope;min-width:140px;cursor:pointer}.short .primary-btn{background:var(--break)}.long .primary-btn{background:var(--long)}.primary-btn span:first-child{margin-right:8px}.cycle-row{border-top:1px solid rgba(23,33,28,.12);padding-top:18px;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.cycle-dots{display:flex;gap:6px;margin-left:auto}.cycle-dots i{width:28px;height:4px;border-radius:3px;background:rgba(23,33,28,.13)}.cycle-dots i.done{background:var(--green)}.side{display:flex;flex-direction:column;gap:20px}.panel{padding:24px}.panel h2,.tasks-head h2{font-size:18px;letter-spacing:-.03em;margin:0}.status-dot{width:9px;height:9px;background:#5aa775;border-radius:50%;box-shadow:0 0 0 5px #e5f2e8}.overview{display:grid;grid-template-columns:1fr 1fr;margin:34px 0 24px}.overview div+div{border-left:1px solid var(--line);padding-left:24px}.overview strong{display:block;font-family:"DM Mono";font-size:32px}.overview span{font-size:11px;color:var(--muted)}.progress-track{height:6px;background:#e8e8e2;border-radius:6px;overflow:hidden}.progress-track div{height:100%;width:0;background:var(--green);transition:.3s}.progress-copy{font-size:11px;color:var(--muted);margin:10px 0 0}.text-btn{border:0;background:none;color:var(--green);font:700 12px Manrope;cursor:pointer}.settings-panel{flex:1}.settings-summary{margin-top:27px;display:grid;gap:12px}.settings-summary div{display:flex;justify-content:space-between;font-size:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.settings-summary b{font-family:"DM Mono"}.settings-form{display:grid;gap:10px;margin-top:20px}.settings-form label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.settings-form input{width:58px;padding:7px;border:1px solid var(--line);border-radius:7px}.save-btn,.task-form button{border:0;border-radius:8px;padding:10px;background:var(--ink);color:white;cursor:pointer}.hidden{display:none!important}.tasks-section{margin-top:20px;padding:27px}.add-btn{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 15px;font:600 12px Manrope;cursor:pointer}.task-form{display:flex;gap:8px;margin:22px 0}.task-form input{flex:1;border:1px solid var(--line);border-radius:9px;padding:12px;font:13px Manrope}.task-form button:last-child{background:#e7e7e1;color:var(--ink)}.task-list{margin-top:20px}.task{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:15px 4px;border-top:1px solid var(--line)}.task:first-child{border-top:0}.select-task{width:18px;height:18px;border:1.5px solid #9ca59f;border-radius:50%;background:white;cursor:pointer}.task.selected .select-task{border:5px solid var(--green)}.task-title{font-size:13px;font-weight:600;cursor:pointer}.task.completed .task-title{text-decoration:line-through;color:#929a95}.task-meta{font-size:11px;color:var(--muted)}.task-actions button{border:0;background:none;color:var(--muted);cursor:pointer;padding:5px}.empty-state{text-align:center;padding:45px 10px 30px;color:var(--muted)}.empty-state h3{color:var(--ink);font-size:16px;margin:12px 0 5px}.empty-state p{font-size:12px;margin:0}.empty-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--green2);color:var(--green);margin:auto}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 18px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.shell{padding:20px 16px 40px}.hero{align-items:start}.daily-stat strong{font-size:38px}.grid{grid-template-columns:1fr}.timer-card{min-height:480px}.side{display:grid;grid-template-columns:1fr 1fr}.settings-panel{min-height:220px}}@media(max-width:560px){.hero{display:block;padding:34px 0 24px}.daily-stat{margin-top:24px}.side{grid-template-columns:1fr}.mode-tab{padding:8px}.timer-card{padding:16px}.clock{font-size:72px}.tasks-section{padding:20px}.task{grid-template-columns:auto 1fr auto}.task-meta{grid-column:2}.task-actions{grid-column:3;grid-row:1/3}.topbar .date{display:none}}