:root{--color-white: #ffffff;--color-extra-light-gray: #f2f2f7;--color-light-gray: #ddd;--color-medium-light-gray: #aaa;--color-gray: #888;--color-dark-gray: #666;--color-primary-blue: #007aff;--color-danger-red: #ff3b30;--color-background: var(--color-extra-light-gray);--color-surface: var(--color-white);--color-text-primary: #000000;--font-size-small: 12px;--font-size-base: 16px;--font-size-large: 24px;--max-width-mobile: 390px}@media(prefers-color-scheme:dark){:root{--color-white: #1c1c1e;--color-extra-light-gray: #000000;--color-light-gray: #2c2c2e;--color-medium-light-gray: #8e8e93;--color-gray: #aeaeb2;--color-dark-gray: #d1d1d6;--color-primary-blue: #0a84ff;--color-danger-red: #ff453a;--color-background: #000000;--color-surface: #1c1c1e;--color-text-primary: #ffffff}}*{margin:0;padding:0}body{font-family:-apple-system,system-ui,sans-serif;background:var(--color-background);color:var(--color-text-primary)}input[type=password],input[type=text],input[type=time]{padding:10px 12px;border:1px solid var(--color-light-gray);border-radius:10px;box-sizing:border-box;font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text-primary);line-height:22px}input[type=color i]::-webkit-color-swatch-wrapper{padding:0}input[type=checkbox]{width:18px;height:18px}input:read-only,input:disabled{color:var(--color-gray)!important}a{text-decoration:none;color:var(--color-primary-blue)}ul{list-style:none}.hint{color:var(--color-dark-gray);font-size:var(--font-size-small)}button{position:relative;overflow:hidden;padding:16px;border-radius:12px;border:none;font-weight:700;cursor:pointer;font-size:var(--font-size-base);color:var(--color-white);background-color:var(--color-primary-blue);box-sizing:border-box;transition:transform .2s ease-in-out;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){button:hover{transform:scale(.98);opacity:.9}}button.iconButton{background-color:var(--color-light-gray);color:var(--color-dark-gray);border-radius:50%;aspect-ratio:1;height:44px;width:44px;display:flex;align-items:center;justify-content:center}button.red{background-color:var(--color-danger-red)}button.gray{background-color:var(--color-light-gray);color:var(--color-gray)}select{margin:0;padding:0;width:auto;border:none;background:transparent;font-size:var(--font-size-base);color:var(--color-primary-blue);z-index:10}.navbar{position:fixed;width:100%;bottom:0;border-top:1px solid var(--color-light-gray);height:96px;box-sizing:border-box;background:var(--color-surface);z-index:5}.navbar .center{display:flex;width:100%;max-width:var(--max-width-mobile);position:relative;margin:12px auto auto}.navbar .center a{display:flex;color:var(--color-gray);width:var(--max-width-mobile);gap:4px;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.navbar .center a.active{color:var(--color-primary-blue)}.navbar .center a .icon{display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:32px}.externalViewContainer{width:100%;max-width:var(--max-width-mobile);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;margin:auto;padding:16px;box-sizing:border-box}.externalViewContainer footer{text-align:center;margin:16px auto;color:var(--color-medium-light-gray);font-size:var(--font-size-small);line-height:20px}.externalViewContainer footer a{color:var(--color-medium-light-gray);text-decoration:none}.externalViewContainer footer a:hover{text-decoration:underline;text-underline-offset:2px}.formContainer{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px}.formContainer .logo{width:120px}.formContainer form{width:100%;display:flex;flex-direction:column;gap:16px}.formContainer input[type=text],.formContainer input[type=password],.formContainer button{width:100%}.formContainer p{text-align:center;color:var(--color-dark-gray)}.formContainer a.forgotPassword{font-size:var(--font-size-small);color:var(--color-medium-light-gray);margin-top:16px}.internallViewContainer{position:fixed;top:0;bottom:96px;width:100%;background-color:var(--color-background);overflow-y:scroll;margin:auto;z-index:100}.internallViewContainer main.defaultContainer{width:100%;max-width:var(--max-width-mobile);padding:64px 16px 34px;display:flex;flex-direction:column;gap:32px;box-sizing:border-box;margin:auto}.internallViewContainer main.defaultContainer h3{text-transform:uppercase;font-weight:500;color:var(--color-gray);font-size:var(--font-size-base);margin-bottom:8px}.internallViewContainer main.defaultContainer ul{width:100%;border-radius:12px;background-color:var(--color-surface)}.internallViewContainer main.defaultContainer ul li{padding:16px}.internallViewContainer main.defaultContainer ul li input[type=text]{width:100%}.internallViewContainer main.defaultContainer ul li .exportUrl{font-size:var(--font-size-small);cursor:copy}.internallViewContainer main.defaultContainer ul li .hint{display:flex;flex-direction:column;gap:8px;padding:8px 8px 0}.internallViewContainer main.defaultContainer ul li label{display:flex;justify-content:space-between;cursor:pointer;align-items:center;position:relative}.internallViewContainer main.defaultContainer ul li+li{border-top:1px solid var(--color-extra-light-gray)}.internallViewContainer main.defaultContainer ul li a{display:flex;justify-content:space-between;cursor:pointer;position:relative;color:var(--color-text-primary)}.internallViewContainer main.defaultContainer ul li a:before,.internallViewContainer main.defaultContainer ul li label:before{content:"";position:absolute;inset:-16px}.internallViewContainer main.defaultContainer ul li .gray{color:var(--color-gray)}.internallViewContainer main.defaultContainer button{width:100%}.internallViewContainer main.defaultContainer .version{color:var(--color-gray);text-align:center}.internallViewContainer main.defaultContainer ul li.categories{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:8px}.internallViewContainer main.defaultContainer ul li.categories .infos{display:flex;align-items:center;gap:4px;flex-grow:1}.internallViewContainer main.defaultContainer ul li.categories .icon{display:flex;align-items:center;justify-content:center;border-radius:4px;width:24px;height:24px;font-size:12px;margin-right:4px;white-space:nowrap;overflow:hidden}.internallViewContainer main.defaultContainer ul li.categories .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:0;flex:1 1 auto}.internallViewContainer main.defaultContainer ul li.categories .time{font-size:var(--font-size-small);color:var(--color-dark-gray)}.bottomMenu.overlay{display:flex;position:fixed;z-index:100;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);inset:0;align-items:end;justify-content:center}.bottomMenu .center{max-height:calc(100vh - 96px);position:relative;display:flex;background:var(--color-surface);width:100%;max-width:var(--max-width-mobile);padding:40px 16px 32px;box-sizing:border-box;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:16px}.bottomMenu .center button.close{position:absolute;top:16px;right:16px}.bottomMenu .center section{display:flex;gap:16px}.bottomMenu .center label{display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:0}.bottomMenu .center .innerContentHolder{display:flex;flex-direction:column;gap:16px;overflow-y:scroll;margin:-8px -16px -32px;padding:8px 16px 32px}.bottomMenu .center .innerContentHolder>*{flex-shrink:0}.bottomMenu .center label span{color:var(--color-gray);font-size:var(--font-size-small);text-transform:uppercase}.bottomMenu .center .allDay label{display:flex;padding:10px 12px;flex-direction:row;justify-content:space-between;line-height:22px;align-items:center;border:1px solid var(--color-light-gray);border-radius:10px;box-sizing:border-box;font-size:var(--font-size-base);background:var(--color-surface)}.bottomMenu .center label input.emoji{width:100%;text-align:center}.bottomMenu .center label input[type=color i]{border-radius:10px;border-width:1px;border:solid 1px var(--color-light-gray);height:100%;overflow:hidden;width:100%}.bottomMenu .center button.current{border:var(--color-primary-blue) solid 2px}.bottomMenu .center button.shiftCategory{background-color:var(--color-light-gray);color:var(--color-gray);display:flex;padding:0 16px 0 0;justify-content:space-between;gap:8px}.bottomMenu .center button.shiftCategory .icon{display:flex;justify-content:center;align-items:center;width:48px;flex-shrink:0;white-space:nowrap;overflow:hidden}.bottomMenu .center button.shiftCategory .text{text-align:left;padding:16px 0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottomMenu .center button.shiftCategory .time{display:flex;justify-content:center;align-items:center;text-align:center;font-size:var(--font-size-small);font-weight:500;white-space:nowrap}.calendar .monthPicker{display:flex;flex-direction:column;background-color:var(--color-surface);border-bottom:1px solid var(--color-light-gray);height:84px;box-sizing:border-box;align-items:center;justify-content:center}.calendar .monthPicker .center{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width-mobile);padding:0 16px;box-sizing:border-box;flex-grow:1}.calendar .monthPicker .center h2{cursor:pointer}.calendar .monthPicker .center button.hidden{visibility:hidden}.calendar .monthPicker .weekdays{display:flex;width:100%;justify-content:space-around;text-transform:uppercase;margin:0 0 4px;color:var(--color-dark-gray);font-size:var(--font-size-small)}.calendar .monthPicker .weekdays span{width:100%;text-align:right;padding-right:8px}.calendar .holder{position:absolute;top:84px;bottom:0;width:100%;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box;align-items:center;scroll-snap-type:y mandatory;scrollbar-width:none}.calendar .monthWrapper{width:100%;min-height:100%;display:flex;scroll-snap-align:start;scroll-snap-stop:always;border-bottom:var(--color-white) solid 1px}.calendar .monthWrapper .month{width:100%;display:flex;flex-direction:column;background:var(--color-surface);font-size:var(--font-size-small);overflow:auto}.calendar .monthWrapper .month .days{flex-grow:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:1px}.calendar .monthWrapper .month .day{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--color-extra-light-gray);cursor:pointer;box-sizing:border-box;overflow:hidden;justify-content:center}.calendar .monthWrapper .month .day.noBusinessDay:not(.set){background:color-mix(in srgb,var(--color-extra-light-gray) 35%,transparent)}.calendar .monthWrapper .month .day b{position:absolute;top:0;padding:6px 8px 4px 4px;line-height:var(--font-size-small);width:100%;box-sizing:border-box;text-align:center;text-align:right}.calendar .monthWrapper .month .day.set.today b{padding-top:4px}.calendar .monthWrapper .month .day.set b{background:color-mix(in srgb,var(--color-extra-light-gray) 70%,transparent)}.calendar .monthWrapper .month .day.set .icon{font-size:24px;margin-top:22px;white-space:nowrap}.calendar .monthWrapper .month .day.today{border:var(--color-primary-blue) solid 2px}.calendar .monthWrapper .month .day.empty{cursor:default}
