:root{--ink:#302335;--paper:#faf4e9;--line:#d7c8cf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui}header,main{max-width:1250px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}header>a{font:30px Georgia}nav,.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}a{color:inherit}h1,h2{font-family:Georgia;font-weight:400;line-height:1.2}h1{font-size:clamp(34px,5vw,58px)}h2{font-size:25px}.eyebrow{letter-spacing:.15em;font-size:11px;font-weight:700}.notice{padding:16px;background:#e7eadf;border-radius:10px;margin:22px 0}label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:5px;margin:10px 0}input,textarea,select{padding:11px;border:1px solid #bba7b7;border-radius:7px;background:#fffdf9;font:15px system-ui;max-width:100%}button,.file-button{padding:11px 16px;border:1px solid #8f7189;border-radius:22px;background:#35263c;color:white;font:600 13px system-ui;cursor:pointer}.toolbar input{max-width:190px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:25px}section{padding:22px;border:1px solid var(--line);background:#fffaf4;border-radius:14px;margin:20px 0}.workspace section{min-width:0}.stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.stats>div{padding:18px;flex:1;min-width:160px;background:#e3eadc;border-radius:12px}.stats b{display:block;font:30px Georgia;margin-top:8px}.entry{border:1px solid #cdbec7;border-radius:10px;padding:17px;margin:15px 0;background:white;overflow-wrap:anywhere}.entry h3{font:23px Georgia;margin:0 0 10px}.entry p{white-space:pre-wrap}.entry small{display:block;color:#71616e}.entry button{margin:8px 8px 0 0}.entry .done{background:#35624e}.entry .remove{background:transparent;color:#76465d}.tag{font-size:12px;background:#efe5eb;padding:4px 10px;border-radius:15px;display:inline-block;margin:4px 0}#focusClock{font:34px Georgia;display:inline-block;padding:15px}#drawResult{font:24px/1.5 Georgia}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:1fr}header{gap:20px;flex-wrap:wrap}main{padding:20px}.stats>div{min-width:130px}}
