:root{color:#24313f;background:#f7f3ec;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f4fbf7 0%,#f7f3ec 42%,#fbfaf7 100%);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{appearance:none;cursor:pointer;-webkit-tap-highlight-color:#2f6f642e;touch-action:manipulation;-webkit-user-select:none;user-select:none}.app-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:24px 18px 36px}.wide-shell{width:min(100%,1120px)}.hero{padding:14px 2px 22px}.eyebrow{color:#4d7c6f;margin:0 0 8px;font-size:14px;font-weight:700}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:34px;line-height:1.15}.subtitle{color:#6b7280;margin-top:10px;line-height:1.5}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.view-actions{margin-bottom:12px;display:grid}.view-actions a{color:#2f6f64;background:#eff8f3;border:1px solid #d8e7df;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.view-actions a:focus-visible{outline:3px solid #cce5dd}.action-button,.memo-box button{color:#fff;background:#2f6f64;border:0;border-radius:8px;font-weight:700;box-shadow:0 10px 20px #2f6f642e}.action-button{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:70px;padding:10px 8px;font-size:15px;display:flex}.action-button svg{color:#dff4ec}.status-message{color:#2f6f64;text-align:center;background:#eff8f3;border:1px solid #d8e7df;border-radius:8px;margin-top:12px;padding:11px 12px;font-size:14px;font-weight:800}.day-picker{background:#ffffffc7;border:1px solid #e1d9ce;border-radius:8px;margin-top:12px;padding:12px}.day-picker-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.day-picker label{color:#4d7c6f;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.day-picker select{color:#24313f;background:#fff;border:1px solid #d8d1c6;border-radius:8px;width:100%;min-height:42px;padding:6px 10px;font-weight:800}.day-picker select:focus{border-color:#2f6f64;outline:3px solid #cce5dd}.calendar-row{grid-template-columns:42px 1fr 42px;gap:8px;margin-top:10px;display:grid}.calendar-row button,.calendar-row input{color:#24313f;background:#fff;border:1px solid #d8d1c6;border-radius:8px;min-height:42px}.calendar-row button{place-items:center;padding:0;display:grid}.calendar-row input{text-align:center;width:100%;padding:6px 10px;font-weight:800}.calendar-row button:focus-visible,.calendar-row input:focus{border-color:#2f6f64;outline:3px solid #cce5dd}.day-picker p{color:#7a6f62;margin-top:8px;font-size:12px;font-weight:700}.memo-box,.record-section,.timetable-section{background:#ffffffd1;border:1px solid #e6dfd3;border-radius:8px;margin-top:18px;padding:16px}.memo-box{gap:10px;display:grid}.memo-box label{font-weight:800}.memo-box textarea{resize:vertical;color:#24313f;background:#fff;border:1px solid #d8d1c6;border-radius:8px;width:100%;padding:12px;line-height:1.5}.memo-box textarea:focus{border-color:#2f6f64;outline:3px solid #cce5dd}.memo-box button{min-height:48px}.timetable,.day-summary{gap:10px;display:grid}.bar-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:2px;overflow-x:auto}.wide-summary .bar-scroll{margin-inline:-4px;padding-inline:4px}.day-bar{background:repeating-linear-gradient(90deg,#0000 0 calc(4.16667% - 1px),#ffffffd1 calc(4.16667% - 1px) 4.16667%),#eee7dc;border:0;border-radius:8px;width:100%;height:58px;padding:0;display:block;position:relative;overflow:hidden}.wide-summary .day-bar,.wide-summary .time-ruler,.cumulative-day .day-bar,.cumulative-day .time-ruler{min-width:1080px}.wide-summary .day-bar{height:76px}.cumulative-bar{height:46px}.day-bar:focus-visible{outline:3px solid #cce5dd}.day-segment{opacity:.92;cursor:pointer;border:0;min-width:4px;padding:0;position:absolute;top:0;bottom:0}.day-segment.marker{border:2px solid #fff;border-radius:999px;min-width:12px;top:11px;bottom:11px;box-shadow:0 2px 7px #24313f2e}.day-segment:focus-visible{outline-offset:-3px;outline:3px solid #24313f}.selected-time{color:#4b5563;text-align:center;background:#f7f4ef;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:800}.time-ruler.full{padding-left:0}.wide-summary .time-ruler,.cumulative-day .time-ruler{padding-top:5px}.activity-legend{color:#4b5563;flex-wrap:wrap;gap:7px 10px;font-size:12px;font-weight:700;display:flex}.activity-legend span{align-items:center;gap:5px;display:inline-flex}.activity-legend i{border-radius:50%;width:9px;height:9px;display:block}.time-ruler{color:#8a8176;grid-template-columns:repeat(24,minmax(28px,1fr));padding-left:76px;font-size:10px;display:grid}.time-ruler span{white-space:nowrap;transform:translate(-4px)}.timeline-lane{grid-template-columns:68px 1fr;align-items:center;gap:8px;display:grid}.lane-label{color:#4b5563;align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.lane-label svg{color:#2f6f64;flex:none}.lane-track{background:repeating-linear-gradient(90deg,#0000 0 calc(4.16667% - 1px),#e4ddd2 calc(4.16667% - 1px) 4.16667%),#f7f4ef;border-radius:8px;height:32px;position:relative;overflow:hidden}.activity-block{color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;min-width:26px;padding:3px 7px;font-size:11px;font-weight:800;line-height:1.2;position:absolute;top:6px;bottom:6px;overflow:hidden}.timeline-dot{border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 7px #24313f2e}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title h2{font-size:20px}.section-title span{color:#4d7c6f;font-weight:800}.empty-state{color:#7a6f62;text-align:center;border:1px dashed #d8d1c6;border-radius:8px;padding:22px 12px}.cumulative-days{gap:13px;display:grid}.cumulative-day{background:#fff;border:1px solid #ebe5dc;border-radius:8px;gap:8px;padding:12px;display:grid}.cumulative-day-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.cumulative-day-title strong{color:#24313f;font-size:14px}.cumulative-day-title span{color:#4d7c6f;white-space:nowrap;font-size:13px;font-weight:800}.record-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.record-item{background:#fff;border:1px solid #ebe5dc;border-radius:8px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.record-icon{background:#eef7f2;border-radius:8px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.record-content{min-width:0}.record-content strong{font-size:15px;display:block}.record-content p{color:#4b5563;overflow-wrap:anywhere;margin-top:4px;line-height:1.45}.record-content time{color:#8a8176;margin-top:4px;font-size:13px;display:block}.time-editor{color:#4d7c6f;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:800;display:flex}.time-editor input{color:#24313f;background:#fbfaf7;border:1px solid #d8d1c6;border-radius:8px;width:148px;min-height:34px;padding:4px 8px}.time-editor input:focus{border-color:#2f6f64;outline:3px solid #cce5dd}.delete-button{color:#9a4b37;background:#f2e6df;border:0;border-radius:8px;align-items:center;gap:4px;min-height:36px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}@media (max-width:360px){.app-shell{padding-inline:14px}h1{font-size:30px}.record-item{grid-template-columns:38px 1fr}.delete-button{grid-column:2;width:fit-content}}