:root{color:#111;background:#f7f7f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;letter-spacing:0}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:#111;background:transparent;border:1px solid #d9d9d6;cursor:pointer}button:disabled{cursor:default;opacity:.45}.widget{position:relative;display:flex;flex-direction:column;width:100vw;height:100vh;background:#f7f7f5;border:1px solid #111111}.titlebar{display:flex;align-items:stretch;height:36px;border-bottom:1px solid #d9d9d6;-webkit-user-select:none;user-select:none}.drag-region{display:flex;flex:1;align-items:center;justify-content:space-between;min-width:0;padding:0 10px}.app-name{font-size:12px;font-weight:700}.clock{color:#777;font-size:12px;font-variant-numeric:tabular-nums lining-nums}.window-controls{display:flex;border-left:1px solid #d9d9d6}.window-controls button,.icon-button{width:32px;min-width:32px;height:100%;border:0;border-left:1px solid #d9d9d6;font-size:11px}.window-controls button:first-child{border-left:0}.resize-grip{position:absolute;right:0;bottom:0;z-index:3;width:14px;height:14px;border:0;cursor:nwse-resize}.resize-grip:before{position:absolute;right:3px;bottom:3px;width:6px;height:6px;border-right:1px solid #777777;border-bottom:1px solid #777777;content:""}.meta-line{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 0;color:#777;font-size:11px}.sync-status{height:18px;padding:0 5px;border-color:#d9d9d6;color:#111;font-size:10px;font-weight:800}.sync-status:hover{background:#111;color:#fafafa}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.actions button,.modal-actions button{height:30px;font-size:11px;font-weight:700}.actions button:hover,.modal-actions button:hover,.row-action:hover,.window-controls button:hover,.icon-button:hover{background:#111;color:#fafafa}.content{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px;padding:0 10px 10px}.section{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.section:first-child{flex:1 1 138px}.section:last-child{flex:1.4 1 160px}.section-title{flex:0 0 auto;padding:7px 0 5px;border-top:1px solid #d9d9d6;color:#111;font-size:11px;font-weight:800}.list{flex:1;min-height:34px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#777777 transparent}.list::-webkit-scrollbar{width:6px}.list::-webkit-scrollbar-thumb{background:#777}.list::-webkit-scrollbar-track{background:transparent}.list-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;min-height:28px;border-top:1px solid #d9d9d6}.list-row:last-child{border-bottom:1px solid #d9d9d6}.row-main{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;min-width:0;padding:0;border:0;text-align:left}.schedule-row .row-main{grid-template-columns:84px minmax(0,1fr)}.memo-main{grid-template-columns:56px minmax(0,1fr)}.memo-main.has-drawing{grid-template-columns:56px 30px minmax(0,1fr)}.row-time{padding-left:4px;color:#777;font-size:10px;white-space:nowrap}.row-title{overflow:hidden;padding:0 6px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.memo-thumb{width:24px;height:20px;border:1px solid #d9d9d6;background:#fff;object-fit:cover}.row-action{border:0;border-left:1px solid #d9d9d6;color:#777;font-size:10px;font-weight:700}.empty,.loading{margin:0;padding:12px 4px;color:#777;font-size:12px}.app-error,.form-error,.form-notice{margin:0 10px 8px;padding:7px 8px;border:1px solid #111111;background:#fafafa;color:#111;font-size:11px}.form-error{margin:0}.form-notice{margin:0;border-color:#d9d9d6;color:#777}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:stretch;padding:8px;background:#f7f7f5f0}.modal-panel{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;padding:0 10px 10px;border:1px solid #111111;background:#fafafa}.memo-panel{overflow-y:auto}.schedule-panel{gap:8px}.settings-panel{flex:0 1 260px;align-self:flex-start;margin-top:4px;min-height:150px}.settings-backdrop,.account-backdrop{align-items:flex-start;justify-content:center;padding-top:42px}.account-panel{flex:0 1 290px;align-self:flex-start;margin-top:4px;min-height:160px}.account-copy{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;border-bottom:1px solid #d9d9d6}.account-copy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-copy p{margin:0;color:#777;font-size:11px;line-height:1.45}.modal-head{display:flex;align-items:center;justify-content:space-between;height:34px;margin:0 -10px;padding-left:10px;border-bottom:1px solid #d9d9d6}.modal-head h2{margin:0;font-size:12px}.field{display:flex;flex-direction:column;gap:4px}.field span{color:#777;font-size:10px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #d9d9d6;border-radius:0;background:#fff;color:#111;outline:none}.field input,.field select{height:30px;padding:0 8px;font-size:12px}.field input[type=time]{min-width:0;padding-right:22px}.field textarea{min-height:152px;resize:none;padding:8px;font-size:12px;line-height:1.45}.memo-panel .field textarea{min-height:82px}.drawing-pad{display:flex;flex-direction:column;gap:6px}.drawing-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 58px 54px 50px;gap:6px;align-items:center}.swatches{display:flex;gap:4px;min-width:0}.swatch{width:18px;height:18px;min-width:18px;border:1px solid #d9d9d6}.swatch.active,.tool-button.active{border-color:#111;box-shadow:inset 0 0 0 2px #fff}.drawing-toolbar input[type=range]{width:100%;min-width:0;accent-color:#111111}.tool-button{height:24px;padding:0 4px;font-size:9px;font-weight:800}.drawing-canvas{width:100%;aspect-ratio:620 / 280;border:1px solid #d9d9d6;background:#fff;touch-action:none}.field textarea.compact-textarea{min-height:54px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#111}.field-grid{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px}.datetime-grid{grid-template-columns:minmax(0,1fr) 124px}.reminder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.settings-panel .modal-actions{grid-template-columns:1fr}.toggle-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:10px;min-height:34px;border-bottom:1px solid #d9d9d6;color:#111;font-size:11px;font-weight:800}.toggle-row input{width:16px;height:16px;justify-self:end;accent-color:#111111}@media (min-width: 720px){html[data-runtime=web] body{background:#e8e5dc}html[data-runtime=web] #root{display:grid;place-items:center;padding:24px;background:linear-gradient(#d9d6cc 1px,transparent 1px),linear-gradient(90deg,#d9d6cc 1px,transparent 1px),#e8e5dc;background-size:28px 28px}html[data-runtime=web] .widget{width:min(390px,calc(100vw - 48px));height:min(720px,calc(100vh - 48px));min-height:min(560px,calc(100vh - 48px));border-color:#111;box-shadow:0 18px 52px #11111129}html[data-runtime=web] .modal-backdrop{position:absolute}}@media (max-width: 719px),(hover: none){html[data-runtime=web] .modal-backdrop{overflow-y:auto;align-items:flex-start;min-height:100dvh}html[data-runtime=web] .memo-panel,html[data-runtime=web] .schedule-panel{min-height:calc(100dvh - 16px);overflow-y:auto}html[data-runtime=web] .account-panel{flex:0 1 min(328px,calc(100vw - 96px));min-height:0;max-height:calc(100dvh - 84px);overflow-y:auto}html[data-runtime=web] .field input,html[data-runtime=web] .field select,html[data-runtime=web] .field textarea{font-size:16px}html[data-runtime=web] .datetime-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}html[data-runtime=web] .datetime-grid .field input{height:38px;text-align:center}html[data-runtime=web] .datetime-grid .field+.field input{border-left:0}html[data-runtime=web] .field input[type=date],html[data-runtime=web] .field input[type=time]{width:100%;min-width:0;max-width:100%;padding-right:8px}html[data-runtime=web] .field input[type=date]::-webkit-date-and-time-value,html[data-runtime=web] .field input[type=time]::-webkit-date-and-time-value{text-align:center}}