:root{font-family:Georgia,Songti SC,"Noto Serif CJK SC",serif;color:#292621;background:#f1eee5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f1eee5;background-image:radial-gradient(#d4cec0 .6px,transparent .7px);background-size:6px 6px}button,input,textarea{font:inherit}button{color:inherit}main{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:54px 0 90px}header{position:relative;padding:20px 0 34px;border-bottom:2px solid #292621}.eyebrow{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.17em;color:#7c766b}h1{margin:9px 0 3px;font-size:clamp(56px,9vw,108px);line-height:.9;letter-spacing:-.07em;font-weight:500}h1 span{color:#e25334;font-style:italic}header p{max-width:480px;margin:18px 0 0 auto;font-size:17px;line-height:1.7}.composer{margin:36px 0 54px;display:grid;grid-template-columns:150px 1fr;border:1px solid #aaa294;background:#fffdf6b8;box-shadow:8px 8px #d9d3c6}.date-card{padding:22px;border-right:1px solid #aaa294;display:flex;flex-direction:column;gap:12px}.date-card label{font-size:12px;color:#777064}.date-card input{border:0;border-bottom:1px solid #aaa294;background:transparent;padding:5px 0;width:100%}.composer textarea{grid-column:2;grid-row:1;border:0;background:transparent;min-height:150px;resize:vertical;padding:24px;outline:none;line-height:1.8;font-size:17px}.compose-foot{grid-column:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d2ccbf;padding:10px 12px 10px 24px;color:#8a8377;font-size:12px}.compose-foot button{border:0;background:#292621;color:#fffaf0;padding:11px 16px;cursor:pointer}.compose-foot button:disabled{opacity:.35;cursor:not-allowed}.compose-foot b{color:#e8a28f;margin-left:16px}.word-rack{display:grid;grid-template-columns:160px 1fr;gap:28px;align-items:start;margin-bottom:42px}.word-rack>div:first-child,.section-title>div{display:flex;gap:12px;align-items:baseline}.section-no{font-family:ui-monospace,monospace;font-size:10px;color:#e25334}.word-rack h2,.section-title h2{margin:0;font-size:22px;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips>button{--ink:#e25334;border:1px solid #aaa294;background:transparent;padding:9px 12px;cursor:pointer}.chips>button.active{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 -3px var(--ink)}.chips i{margin-left:8px;opacity:.45;font-style:normal}.chips form{display:flex;border-bottom:1px solid #aaa294}.chips form input{width:98px;border:0;background:transparent;padding:8px;outline:none}.chips form button{border:0;background:transparent;cursor:pointer}.dashboard{display:grid;grid-template-columns:1fr 260px;border-top:1px solid #aaa294;border-bottom:1px solid #aaa294}.trend{padding:28px 34px 24px 0;border-right:1px solid #aaa294;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title small{font-family:ui-monospace,monospace;font-size:10px;color:#857e72}.trend svg{width:100%;height:250px;overflow:visible;margin-top:20px}.trend path{fill:none;stroke-width:1.3;vector-effect:non-scaling-stroke}.trend circle{vector-effect:non-scaling-stroke;stroke:#f1eee5;stroke-width:1px}.axis{stroke:#766f63;stroke-width:.5}.guide{stroke:#c6c0b4;stroke-width:.3;stroke-dasharray:2 2}.dates{display:flex;justify-content:space-between;font-family:ui-monospace,monospace;font-size:10px;color:#857e72;padding-left:5%}.empty-chart{height:276px;display:grid;place-content:center;text-align:center;color:#8a8377}.empty-chart b{color:#e25334;font-size:40px;font-weight:400}.stats{display:grid}.stats>div{padding:24px;border-bottom:1px solid #c6c0b4;display:flex;flex-direction:column;justify-content:space-between}.stats>div:last-child{border:0}.stats span{font-size:12px;color:#777064}.stats strong{font-size:34px;font-weight:400}.stats small{font-size:13px}.stats .good strong{color:#28786f}.records{margin-top:52px}.record-list{margin-top:20px}.record-list article{display:grid;grid-template-columns:120px 1fr auto;gap:18px;padding:24px 0;border-bottom:1px solid #c6c0b4}.record-list time{font-family:ui-monospace,monospace;font-size:12px;color:#e25334}.record-list p{margin:0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.counts{grid-column:2;display:flex;flex-wrap:wrap;gap:10px}.counts span{color:var(--ink);font-family:ui-monospace,monospace;font-size:10px}.actions{grid-column:3;grid-row:1 / 3;display:flex;align-items:start;gap:5px}.actions button{border:0;background:transparent;color:#777064;text-decoration:underline;cursor:pointer}.empty-records{margin-top:20px;border:1px dashed #aaa294;padding:38px;text-align:center;color:#817a6e}@media(max-width:760px){main{width:calc(100% - 24px);padding-top:26px}.composer{grid-template-columns:1fr}.date-card{border-right:0;border-bottom:1px solid #aaa294}.composer textarea,.compose-foot{grid-column:1;grid-row:auto}.word-rack{grid-template-columns:1fr;gap:16px}.dashboard{grid-template-columns:1fr}.trend{border-right:0;padding-right:0}.stats{grid-template-columns:repeat(3,1fr);border-top:1px solid #aaa294}.stats>div{padding:16px 8px;border-bottom:0;border-right:1px solid #c6c0b4}.stats strong{font-size:25px}.record-list article{grid-template-columns:1fr}.counts,.actions{grid-column:1;grid-row:auto}}