:root{--paper:#f4f1e9;--ink:#202725;--muted:#707b76;--faint:#d9ddd5;--coral:#d95d45;--coral-dark:#b64735;--mint:#8bc4b0;--yellow:#e8bb5e;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),#d4d8cf calc(100% - 1px));background-size:86px 100%}.app-shell{max-width:1220px;margin:0 auto;padding:28px 54px 24px;min-height:100vh;display:flex;flex-direction:column;position:relative}.topbar{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--faint)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:17px;font-weight:800}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--coral);border-radius:50%;color:var(--coral);font-size:14px;line-height:1}.topbar-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}.icon-btn{border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px;padding:3px 0 3px 14px;border-left:1px solid var(--faint)}.dashboard{flex:1}.intro-row{display:flex;justify-content:space-between;align-items:end;margin:67px 0 45px}.eyebrow,.section-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--coral);margin:0 0 14px}.intro-row h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:400}.intro-row h1 em{font-style:italic;color:var(--coral)}.streak{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:11px;line-height:1.55;text-align:left;padding:0 3px 2px 19px;border-left:2px solid var(--yellow)}.streak-number{font-family:var(--mono);font-size:36px;color:var(--ink);letter-spacing:-.1em}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:68px;align-items:start}.timer-panel{position:relative;min-height:580px;padding:0 0 23px;display:flex;flex-direction:column;align-items:center}.timer-head{display:flex;justify-content:space-between;align-items:start;width:100%;border-top:1px solid var(--ink);padding-top:17px}.timer-head h2,.card-heading h3{font-size:20px;margin:0;letter-spacing:-.04em;font-weight:700}.session-chip{font-family:var(--mono);font-size:10px;color:var(--muted);padding-top:4px}.mode-tabs{display:flex;align-self:flex-start;gap:25px;padding:0;margin:34px 0 5px;border-bottom:1px solid var(--faint)}.mode-tab{border:0;background:transparent;color:var(--muted);font-family:var(--sans);font-size:12px;padding:0 0 11px;cursor:pointer;position:relative}.mode-tab span{font-family:var(--mono);font-size:10px;margin-left:4px;opacity:.7}.mode-tab.active{color:var(--ink);font-weight:700}.mode-tab.active:after{content:"";height:2px;background:var(--coral);position:absolute;left:0;right:0;bottom:-1px}.timer-wrap{position:relative;width:min(390px,65vw);aspect-ratio:1;margin:18px auto 11px;display:grid;place-items:center}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-progress{fill:none;stroke-width:4}.ring-track{stroke:#dfe3db}.ring-progress{stroke:var(--coral);stroke-linecap:round;stroke-dasharray:829.38;stroke-dashoffset:0;transition:stroke-dashoffset .35s ease}.timer-readout{position:absolute;display:flex;flex-direction:column;align-items:center}.timer-value{font-family:var(--mono);font-size:clamp(58px,9vw,92px);letter-spacing:-.11em;color:var(--ink)}.timer-state{font-size:11px;color:var(--muted);margin-top:7px}.timer-actions{display:flex;align-items:center;gap:11px;margin-top:-2px}.primary-btn{border:0;background:var(--coral);color:#fff;padding:14px 28px;border-radius:3px;font-family:var(--sans);font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--coral-dark);transition:background .2s,transform .2s,box-shadow .2s}.primary-btn:hover{background:var(--coral-dark);transform:translateY(1px);box-shadow:0 2px 0 #963827}.play-icon{font-size:10px;margin-right:8px}.reset-btn{font-size:22px;color:var(--ink);border:1px solid var(--ink);background:transparent;width:45px;height:45px;border-radius:3px;cursor:pointer}.cycle-dots{display:flex;gap:8px;margin-top:25px}.dot{width:7px;height:7px;border-radius:50%;background:#cbd1c9}.dot.active{background:var(--coral)}.side-panel{display:flex;flex-direction:column;gap:0;border-left:1px solid var(--faint);padding-left:31px}.task-card,.stats-card{background:transparent;border:0;border-radius:0;padding:0 0 31px}.stats-card{border-top:1px solid var(--faint);padding-top:27px}.card-heading{display:flex;justify-content:space-between;align-items:start;width:100%}.text-btn{border:0;background:none;color:var(--muted);font-size:10px;cursor:pointer;padding:3px 0}.task-input-wrap{display:flex;margin-top:21px;border-bottom:1px solid var(--ink)}.task-input-wrap input{width:100%;border:0;background:transparent;padding:8px 0 11px;font-family:var(--sans);font-size:12px;outline:none;color:var(--ink)}.task-input-wrap input::placeholder{color:#9da6a0}.save-btn{border:0;background:transparent;font-size:18px;color:var(--coral);cursor:pointer}.task-list{margin-top:18px;display:flex;flex-direction:column;gap:13px}.task-item{display:flex;align-items:center;gap:10px;font-size:12px}.task-item.completed{color:#9aa49e;text-decoration:line-through}.check{width:15px;height:15px;border:1px solid #aeb9b1;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;flex:none}.completed .check{background:var(--mint);border-color:var(--mint)}.date-label{font-family:var(--mono);font-size:10px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 21px}.stat-grid div{border-left:2px solid var(--mint);padding-left:9px}.stat-grid strong{font-family:var(--mono);font-size:21px;font-weight:500;display:block;letter-spacing:-.08em}.stat-grid span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.week-bars{height:70px;display:flex;align-items:end;justify-content:space-between;gap:10px;border-bottom:1px solid var(--faint);padding-bottom:8px}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;flex:1}.bar{display:block;width:100%;max-width:15px;background:#bddbcf;border-radius:1px 1px 0 0}.bar.today{background:var(--coral)}.bar.empty{background:#e2e5de}.bar-col small{font-size:9px;color:var(--muted)}.quote{margin-top:38px;padding:4px 5px 0 19px;border-left:2px solid var(--yellow);position:relative}.quote-mark{position:absolute;left:7px;top:-2px;color:var(--yellow);font-family:Georgia,serif;font-size:27px}.quote p{font-family:Georgia,serif;font-size:15px;line-height:1.65;margin:0;color:#4d5953}.quote-author{font-family:var(--mono);font-size:9px;color:#98a39c;display:block;margin-top:9px}footer{display:flex;justify-content:space-between;color:#89948d;font-size:10px;margin-top:29px;border-top:1px solid var(--faint);padding-top:14px}.kbd-hint{display:flex;align-items:center;gap:6px}kbd{font-family:var(--mono);font-size:9px;border:1px solid #bec6be;border-bottom-width:2px;border-radius:2px;padding:2px 5px;color:var(--muted)}@media(max-width:760px){body:before{background-size:54px 100%}.app-shell{padding:22px 20px 16px}.topbar-meta>span:not(.status-dot){display:none}.intro-row{margin:48px 0 32px}.intro-row h1{font-size:44px}.streak{padding-left:12px}.workspace{grid-template-columns:1fr;gap:18px}.timer-panel{min-height:0}.mode-tabs{gap:18px}.mode-tab{font-size:11px}.timer-wrap{width:min(330px,86vw)}.side-panel{border-left:0;border-top:1px solid var(--faint);padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.task-card{padding:0 18px 0 0;border-right:1px solid var(--faint)}.stats-card{border:0;padding:0}.quote{grid-column:1/-1;margin-top:8px}footer{margin-top:24px}}
:root{--task-copy-flex:1}.task-copy{flex:var(--task-copy-flex);min-width:0;overflow-wrap:anywhere}.task-delete{border:0;background:none;color:#a4ada6;cursor:pointer;font-size:16px;line-height:1;padding:0 0 2px}.task-delete:hover{color:var(--coral)}

/* Soft tactile control language translated from the supplied references. */
button{font-family:var(--sans);-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.mode-tabs{background:rgba(226,229,224,.72);border:1px solid rgba(255,255,255,.88);border-radius:999px;padding:5px;gap:4px;box-shadow:inset 1px 1px 3px rgba(95,105,99,.16),inset -1px -1px 3px rgba(255,255,255,.9),0 6px 16px rgba(120,130,123,.08)}.mode-tab{border-radius:999px;padding:10px 17px;color:#7e8882;transition:color .2s,background .2s,box-shadow .2s,transform .15s}.mode-tab.active{background:linear-gradient(145deg,#f8f9f6,#d5d8d3);color:var(--ink);box-shadow:3px 3px 7px rgba(122,130,124,.2),-3px -3px 7px rgba(255,255,255,.9)}.mode-tab.active:after{display:none}.mode-tab:active{transform:translateY(1px)}.primary-btn{border-radius:999px;padding:15px 30px;background:linear-gradient(145deg,#e9ece7,#cdd2cd);color:#34403b;border:1px solid rgba(255,255,255,.9);box-shadow:5px 5px 11px rgba(117,126,120,.25),-4px -4px 10px rgba(255,255,255,.95),inset 0 0 0 rgba(255,255,255,0);text-shadow:0 1px rgba(255,255,255,.7)}.primary-btn:hover{background:linear-gradient(145deg,#f1f3ef,#d7dbd6);color:var(--ink);transform:translateY(-1px);box-shadow:6px 6px 13px rgba(117,126,120,.27),-4px -4px 10px rgba(255,255,255,.95)}.primary-btn:active{transform:translateY(1px);box-shadow:inset 3px 3px 7px rgba(117,126,120,.2),inset -3px -3px 7px rgba(255,255,255,.8)}.reset-btn,.icon-btn,.save-btn,.task-delete{border:1px solid rgba(255,255,255,.9);background:linear-gradient(145deg,#edf0eb,#d1d6d0);color:#54615b;border-radius:50%;box-shadow:4px 4px 9px rgba(117,126,120,.2),-3px -3px 8px rgba(255,255,255,.9);transition:transform .15s,box-shadow .15s}.reset-btn{width:46px;height:46px}.icon-btn{width:31px;height:31px;padding:0;border:0;font-size:15px}.save-btn{width:30px;height:30px;padding:0;font-size:16px;margin:3px 0 3px 8px}.task-delete{width:23px;height:23px;font-size:15px;padding:0;line-height:20px;flex:none}.reset-btn:hover,.icon-btn:hover,.save-btn:hover,.task-delete:hover{color:var(--coral);transform:translateY(-1px)}.reset-btn:active,.icon-btn:active,.save-btn:active,.task-delete:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px rgba(117,126,120,.2),inset -2px -2px 5px rgba(255,255,255,.8)}.text-btn{border-radius:999px;padding:7px 12px;background:rgba(224,228,222,.6);box-shadow:inset 1px 1px 3px rgba(117,126,120,.12),1px 1px 3px rgba(255,255,255,.8);transition:color .15s,transform .15s}.text-btn:hover{color:var(--coral);transform:translateY(-1px)}.task-item .check{background:linear-gradient(145deg,#eef1ed,#d1d7d1);box-shadow:inset 1px 1px 3px rgba(117,126,120,.18),1px 1px 3px rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.85)}.completed .check{background:linear-gradient(145deg,#b9decf,#81bbaa);box-shadow:inset 1px 1px 3px rgba(62,112,94,.2),1px 1px 3px rgba(255,255,255,.8)}