:root{--day-sidebar-width: min(300px, 85vw);--menu-width: min(350px, 85vw)}html,body{margin:0;padding:0;overflow:hidden;overscroll-behavior:none}#container{display:block;margin:0;padding:0;border:none;height:100%;width:100%}#calendar-canvas{display:block;width:100%;height:100vh;height:100dvh;margin:0;padding:0;border:none;touch-action:none}#menu-open{position:absolute;bottom:0;right:0;width:min(200px,45vw);height:60px;text-align:center;vertical-align:middle;line-height:60px;border-top-left-radius:8px;background-color:#efefef;border-top:1px solid black;border-left:1px solid black;font-family:Tahoma;font-size:20px}#sync-status{position:absolute;bottom:0;left:0;width:min(170px,42vw);height:60px;border:none;border-top:1px solid black;border-right:1px solid black;border-top-right-radius:8px;background-color:var(--corner-tab-color, #efefef);color:#000;font-family:Tahoma;font-size:16px;white-space:nowrap;overflow:hidden;touch-action:manipulation}#sync-status:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:-1px;background-color:#9e9e9e}#sync-status[data-state=syncing]:before{background-color:#f5b32e}#sync-status[data-state=synced]:before{background-color:#51a145}#sync-status[data-state=error]:before{background-color:#c33}#sync-status[data-state=offline],#sync-status[data-state=error]{cursor:pointer}#sign-in-overlay{display:none;position:fixed;inset:0;z-index:10;background-color:#fffffff2;flex-direction:column;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;padding:20px;box-sizing:border-box;font-family:Tahoma;text-align:center}#sign-in-content{margin:auto;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}#sign-in-overlay h1{font-size:clamp(32px,6vw,48px);font-weight:400;margin:0}#sign-in-overlay p{font-size:clamp(16px,3vw,22px);margin:0}#drive-sign-in{width:min(100%,700px);height:min(45vh,350px);height:min(45dvh,350px);font-size:clamp(28px,6vw,48px);font-family:Tahoma;background-color:#efefef;color:#000;border:1px solid #000000;border-radius:8px;cursor:pointer;touch-action:manipulation}#continue-offline{background:none;border:none;font-family:Tahoma;font-size:18px;color:#000;text-decoration:underline;cursor:pointer;padding:12px 20px;touch-action:manipulation}#menu{display:none;position:absolute;right:0;top:0;width:var(--menu-width);height:100vh;height:100dvh;overflow-y:auto}#menu-display{padding:20px;font-family:Tahoma}#text-entry-sidebar{display:none;position:absolute;left:0;top:0;background-color:#ffffffe6;width:var(--day-sidebar-width);height:100vh;height:100dvh;overflow-y:auto}#text-entry-display{padding:20px;font-family:Tahoma}#text-entry-date{font-size:30px;padding:5px;background-color:#efefef;border-radius:4px;border:1px solid #000000;text-align:center}#day-text-entry{box-sizing:border-box;width:100%;height:100px;border:1px solid #000000;border-radius:4px;background-color:#efefef;font-size:20px;margin-top:20px;dominant-baseline:bottom;padding:5px;resize:none}#checkboxes{margin-top:20px}.checkbox-row{box-sizing:border-box;font-size:20px;border:1px solid #000000;border-radius:4px;width:100%;display:block;height:40px;margin-top:5px;margin-bottom:5px;background-color:#efefef}.checkbox-label{padding:5px;width:50%;float:left}.checkbox-entry{width:10%;float:right;height:100%;margin:0 5px 0 0}#submit-button{width:100%;font-size:20px;margin-top:20px;padding:5px}#day-click-capture{display:none;position:fixed;left:var(--day-sidebar-width);top:0;padding:0;margin:0;background-color:#fff0;width:calc(100vw - var(--day-sidebar-width));height:100vh;height:100dvh}#menu-click-capture{display:none;position:fixed;right:var(--menu-width);top:0;padding:0;margin:0;background-color:#fff0;width:calc(100vw - var(--menu-width));height:100vh;height:100dvh}#menu h3{font-size:30px;padding:5px;background-color:#efefef;border-radius:4px;border:1px solid #000000;text-align:center;margin-top:0;margin-bottom:20px;font-weight:400}#menu h4{font-size:20px;margin-bottom:10px;margin-top:20px;color:#000;font-weight:400}.menu-section{margin-bottom:20px}.checkbox-item{display:flex;align-items:center;margin-bottom:5px;padding:5px;background-color:#efefef;border-radius:4px;border:1px solid #000000}.checkbox-name{flex-grow:1;font-size:20px;font-family:Tahoma;margin-right:10px;font-weight:400}.checkbox-item input[type=color]{margin-right:10px;width:40px;height:30px;border:none;border-radius:4px;cursor:pointer}.remove-btn{background-color:#efefef;color:#000;border:1px solid #000000;border-radius:4px;width:25px;height:25px;cursor:pointer;font-size:16px;font-family:Tahoma}.add-checkbox{display:flex;gap:8px;margin-top:10px;align-items:center;width:100%;box-sizing:border-box}#new-checkbox-name{flex-grow:1;flex-shrink:1;min-width:0;padding:5px;border:1px solid #000000;border-radius:4px;background-color:#efefef;font-size:20px;font-family:Tahoma}#new-checkbox-color{width:45px;height:34px;min-width:45px;border:none;border-radius:4px;cursor:pointer;box-sizing:border-box}#add-checkbox-btn{padding:5px 12px;background-color:#efefef;color:#000;border:1px solid #000000;border-radius:4px;cursor:pointer;font-size:20px;font-family:Tahoma}.color-setting{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:5px;background-color:#efefef;border:1px solid #000000;border-radius:4px}.color-setting label{font-size:20px;font-family:Tahoma;color:#000;font-weight:400}.color-setting input[type=color]{width:50px;height:30px;border:none;border-radius:4px;cursor:pointer}#cycle-colors-btn{width:100%;padding:5px;margin-bottom:15px;border:1px solid #000000;border-radius:4px;cursor:pointer;font-size:20px;font-family:Tahoma;background-color:#efefef;color:#000}#close-menu-btn{width:100%;padding:5px;margin-top:20px;border:1px solid #000000;border-radius:4px;cursor:pointer;font-size:20px;font-family:Tahoma;background-color:#efefef;color:#000}#export-btn,#import-btn{width:100%;padding:5px;margin-top:10px;border:1px solid #000000;border-radius:4px;cursor:pointer;font-size:20px;font-family:Tahoma;background-color:#efefef;color:#000}