*{box-sizing:border-box}body{color:#222;background:#f7f7f7;margin:0;font-family:Arial,sans-serif}#app{height:100vh}.app-layout{height:100vh;display:flex}.sidebar{background:#f2f2f2;border-right:1px solid #ddd;flex-shrink:0;width:220px;padding:32px 16px}.sidebar-title{color:#999;letter-spacing:1px;margin-bottom:16px;padding:0 12px;font-size:12px}.project-row{border-radius:6px;align-items:center;margin-bottom:4px;display:flex}.project-row.active{background:#ddd}.project{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;width:100%;margin-bottom:0;padding:10px 12px;font-size:14px;display:block}.project:hover{background:#e8e8e8}.project-menu{color:#999;cursor:pointer;background:0 0;border:none;width:32px;height:32px;font-size:18px}.project-menu:hover{color:#333}#addProject{color:#666;cursor:pointer;background:0 0;border:1px dashed #bbb;border-radius:6px;width:100%;margin-top:16px;padding:10px 12px}.main-content{flex-direction:column;width:100%;max-width:900px;height:100vh;margin:0 auto;padding:40px 24px 150px;display:flex;position:relative;overflow:hidden}h1{margin:0 0 30px;font-size:24px;font-weight:500}.status-section,.next-section{flex-shrink:0;margin-bottom:24px}.next-label{color:#999;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.next-input{width:100%;height:60px;min-height:60px;max-height:120px;font:inherit;resize:vertical;background:#fafafa;border:1px solid #e1e1e1;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;line-height:1.6;display:block}.next-input:focus{background:#fff;border-color:#bbb}.status-label{color:#999;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.status-input{width:100%;height:80px;min-height:80px;max-height:160px;font:inherit;resize:vertical;background:#fafafa;border:1px solid #e1e1e1;border-radius:8px;outline:none;padding:12px 14px;font-size:14px;line-height:1.6;display:block}.status-input:focus{background:#fff;border-color:#bbb}.records-title{color:#999;flex-shrink:0;margin-bottom:12px;font-size:12px}#records{flex:1;min-height:0;padding-bottom:140px;overflow-y:auto}.record{align-items:center;gap:16px;margin-bottom:12px;line-height:1.6;display:flex;position:relative}.time{color:#999;flex-shrink:0}.text{white-space:pre-wrap}.record-actions{opacity:0;gap:6px;margin-left:auto;transition:opacity .15s;display:flex}.record:hover .record-actions{opacity:1}.record-actions button{color:#999;cursor:pointer;background:0 0;border:none;font-size:12px}.record-actions button:hover{color:#333}.edit-input{min-height:36px;font:inherit;resize:vertical;border:1px solid #ccc;border-radius:6px;outline:none;flex:1;padding:6px 8px;line-height:1.5}#captureInput{width:min(850px,100vw - 280px);min-height:100px;max-height:240px;font:inherit;resize:vertical;background:#fff;border:1px solid #ddd;border-radius:12px;outline:none;padding:16px;font-size:16px;line-height:1.6;position:fixed;bottom:24px;left:calc(50% + 110px);transform:translate(-50%)}#captureInput:focus{border-color:#999}.undo-bar{color:#fff;opacity:0;pointer-events:none;background:#333;border-radius:8px;align-items:center;gap:16px;padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:145px;left:50%;transform:translate(-50%)translateY(10px)}.undo-bar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.undo-bar button{color:#fff;cursor:pointer;background:0 0;border:none;font-weight:500}.data-actions{gap:6px;margin-top:12px;display:flex}.data-actions button{color:#666;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:6px;flex:1;padding:8px 6px;font-size:12px}.data-actions button:hover{background:#e8e8e8}.complete-button{color:#aaa;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:24px;height:24px;padding:0;font-size:16px}.complete-button:hover{color:#555}.record.completed .text{color:#aaa;text-decoration:line-through}.record.completed .time{color:#ccc}.record.completed .complete-button{color:#888}.day-divider{background:#ddd;height:1px;margin:22px 0}