@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{interpolate-size:allow-keywords;--bg-black: #000000;--fg-white: #ffffff;--day-empty-bg: #29292b;--today-bg: #ffffff;--note-color-default: #9496A0;--note-color-1: #bb2a20;--note-color-2: #c13192;--note-color-3: #1c97d3;--note-color-4: #ef6032;--note-color-5: #fbd021;--note-default-bg: var(--note-color-default);--font-sans: "InterVariable", "Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--day-size: 48px;--day-gap: calc(var(--day-size) * 6 / 48);--day-radius-circle: calc(var(--day-size) / 2);--day-radius-note: calc(var(--day-size) * 14 / 48);--day-font-size: calc(var(--day-size) * 16 / 48);--grid-width: calc(7 * var(--day-size) + 6 * var(--day-gap));--shell-max-width: calc(var(--grid-width) + (var(--day-size) * 24 / 48));--title-font-size: calc(var(--day-size) * 40 / 48);--title-line-height: calc(var(--day-size) * 48 / 48);--header-padding-top: calc(var(--day-size) * 24 / 48);--header-padding-bottom: 0px;--header-min-height: calc(var(--day-size) * 64 / 48);--header-overlap: calc(var(--day-size) * -18 / 48);--fade-height: calc(var(--day-size) * 102 / 48);--stage-max-height: calc(11 * var(--day-size) + 10 * var(--day-gap));--bottom-compensation: calc(var(--day-size) * 28 / 48);--scroller-pad-block: max(calc(var(--day-size) * 240 / 48), 50vh);--scroller-pad-block: max(calc(var(--day-size) * 240 / 48), 50dvh);--card-min-height: calc(var(--day-size) * 224 / 48);--card-radius: calc(var(--day-size) * 16 / 48);--card-pad-top: calc(var(--day-size) * 12 / 48);--card-pad-inline: calc(var(--day-size) * 14 / 48);--card-pad-bottom: calc(var(--day-size) * 28 / 48);--textarea-font-size: calc(var(--day-size) * 20 / 48);--textarea-line-height: calc(var(--day-size) * 24 / 48);--textarea-min-height: calc(var(--card-min-height) - (var(--day-size) * 40 / 48));--swatch-size: calc(var(--day-size) * 24 / 48);--picker-radius: calc(var(--day-size) * 16 / 48);--spring-easing: linear( 0, .012 .9%, .05 2%, .411 9.2%, .725 15.1%, .941 20.6%, 1.067 25.8%, 1.125 30.5%, 1.137 34.8%, 1.118 39.8%, 1.044 50.3%, 1.001 59.8%, .987 68.7%, .994 82.5%, 1 );--card-ease: cubic-bezier(.22, 1, .36, 1);--card-duration: .5s}@media(max-width:389px){:root{--day-size: 42px}}@media(min-width:768px){:root{--day-size: 56px}}@media(min-width:1024px)and (min-height:701px){:root{--day-size: 64px}}@media(min-width:768px)and (max-height:700px){:root{--day-size: 52px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-black);color:var(--fg-white);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{display:flex;justify-content:center;align-items:center}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-shell{width:100%;max-width:var(--shell-max-width);height:100vh;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--bg-black);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:clip;position:relative;opacity:0;transition:opacity .28s var(--card-ease)}.app-shell.is-ready{opacity:1}.title-header{width:var(--grid-width);display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--day-size) * 8 / 48);padding-left:calc(var(--day-size) * 4 / 48);padding-top:max(var(--header-padding-top),env(safe-area-inset-top,0px));padding-bottom:var(--header-padding-bottom);min-height:var(--header-min-height);margin-bottom:var(--header-overlap);flex-shrink:0;pointer-events:none;z-index:5}.month-title{color:var(--fg-white);font-family:var(--font-sans);font-size:var(--title-font-size);font-weight:700;line-height:var(--title-line-height);letter-spacing:-.05em;font-feature-settings:"ss01","tnum";cursor:pointer;pointer-events:auto;white-space:nowrap;padding-right:.06em}.app-shell.is-settings-open .month-title{cursor:default}.header-action-btn{width:var(--day-size);height:var(--day-size);border-radius:var(--day-radius-circle);border:none;padding:0;background-color:var(--day-empty-bg);color:var(--fg-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;pointer-events:auto;outline:none;scale:1;transition:scale .36s var(--spring-easing)}.header-action-btn:active{scale:.92}.header-action-btn:focus-visible{outline:2px solid var(--fg-white);outline-offset:2px}.header-action-icon{color:var(--fg-white);font-family:var(--font-sans);font-size:calc(var(--day-size) * 24 / 48);font-weight:600;line-height:calc(var(--day-size) * 28 / 48);text-align:center;font-feature-settings:"cv01","cv02","cv03","cv04","tnum","zero"}.calendar-stage{position:relative;width:var(--grid-width);flex:1;height:100%;min-height:0;display:flex;flex-direction:column;transition:opacity .28s var(--card-ease),scale .32s var(--card-ease)}.app-shell.is-settings-open .calendar-stage{opacity:0;scale:.98;pointer-events:none}.calendar-scroller{--scrollbar-thumb: transparent;--scrollbar-track: transparent;scrollbar-width:none;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);position:relative;width:calc(var(--grid-width) + 12px);height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scroll-padding-bottom:calc(2 * (var(--day-size) + var(--day-gap)));padding-inline:6px;margin-inline:-6px;padding-block:var(--scroller-pad-block)}.app-shell.is-editing .calendar-scroller,.app-shell.is-snap-paused .calendar-scroller{scroll-snap-type:none}@supports not (scrollbar-color: auto){.calendar-scroller::-webkit-scrollbar{width:0;height:0}.calendar-scroller::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.calendar-scroller::-webkit-scrollbar-track{background:var(--scrollbar-track)}}.weeks-list{display:flex;flex-direction:column;gap:var(--day-gap);width:var(--grid-width)}.week-row{contain:layout style;position:relative;z-index:1;display:flex;align-items:flex-start;gap:var(--day-gap);width:var(--grid-width);height:var(--day-size);flex-shrink:0}.week-row.is-animating{will-change:transform;backface-visibility:hidden}.week-row.month-snap-target{scroll-snap-align:center;scroll-snap-stop:always}.fade-overlay{position:absolute;left:-6px;right:-6px;height:var(--fade-height);pointer-events:none;z-index:3;transform:translateZ(0)}.fade-top{top:-2px;height:calc(var(--fade-height) + 2px);background-image:linear-gradient(180deg,#000,#000 4px,#0000);will-change:opacity}.fade-bottom{bottom:-2px;height:calc(var(--fade-height) + 2px);background-image:linear-gradient(0deg,#000,#000 4px,#0000);will-change:opacity;transition:opacity var(--card-duration) var(--card-ease)}.app-shell.is-editing .fade-bottom{opacity:0}.day-cell{width:var(--day-size);height:var(--day-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--day-radius-circle);border:none;background-color:var(--day-empty-bg);color:var(--fg-white);font-family:var(--font-sans);font-size:var(--day-font-size);font-weight:400;line-height:1;text-align:center;font-feature-settings:"cv01","cv02","cv03","cv04","tnum","zero";cursor:pointer;padding:0;outline:none;opacity:.4;scale:1}.day-cell.is-active-month,.day-cell.is-selected,.day-cell.has-note,.day-cell.is-today,.week-row.is-near-viewport .day-cell{transition:opacity var(--card-duration) var(--card-ease),background-color .36s var(--card-ease),color .36s var(--card-ease),border-radius .42s cubic-bezier(.34,1.56,.64,1),scale .42s cubic-bezier(.34,1.56,.64,1);transition-timing-function:var(--card-ease),var(--card-ease),var(--card-ease),var(--spring-easing),var(--spring-easing)}@supports not (animation-timing-function: linear(0,1)){.day-cell.is-active-month,.day-cell.is-selected,.day-cell.has-note,.day-cell.is-today,.week-row.is-near-viewport .day-cell{transition-timing-function:var(--card-ease),var(--card-ease),var(--card-ease),cubic-bezier(.34,1.56,.64,1),cubic-bezier(.34,1.56,.64,1)}}.day-cell:active{scale:.93}.day-cell:focus-visible,.day-cell.is-kbd-focused{outline:2px solid var(--fg-white);outline-offset:2px}@keyframes morphToSquareBounce{0%{scale:1}40%{scale:1.1}to{scale:1}}@keyframes morphToCircleBounce{0%{scale:1}40%{scale:.91}to{scale:1}}.day-cell.bounce-to-square{animation:morphToSquareBounce .44s var(--spring-easing)}.day-cell.bounce-to-circle{animation:morphToCircleBounce .44s var(--spring-easing)}.day-cell.is-active-month{opacity:1}.day-cell.has-note{border-radius:var(--day-radius-note);background-color:var(--note-bg, var(--note-default-bg));color:#000;font-weight:600;opacity:.4}.day-cell.has-note.is-active-month{opacity:1}.day-cell.is-today{background-color:var(--note-bg, var(--today-bg));color:#000;box-shadow:inset 0 0 0 2px var(--note-bg, var(--today-bg)),inset 0 0 0 4px #000;font-weight:600;text-decoration:underline 2px;text-decoration-thickness:2px;text-underline-position:from-font}.day-cell.is-today.has-note{border-radius:var(--day-radius-note);background-color:var(--note-bg, var(--note-default-bg));color:#000}.app-shell.is-editing .day-cell{opacity:.2}.app-shell.is-editing .day-cell.is-active-month{opacity:.4}.day-cell.is-selected,.app-shell.is-editing .day-cell.is-selected{opacity:1;background-color:var(--selected-day-bg, var(--note-default-bg));color:#000;font-weight:600}.day-cell.is-today.is-selected,.app-shell.is-editing .day-cell.is-today.is-selected{box-shadow:inset 0 0 0 2px var(--selected-day-bg, var(--note-default-bg)),inset 0 0 0 4px #000}.note-card-slot{position:relative;z-index:2;width:var(--grid-width);padding-inline:3px;margin-inline:-3px;padding-block:3px;margin-block:-3px;flex-shrink:0;overflow:visible;pointer-events:auto}.note-card-slot.is-closing{height:0;min-height:0;padding-top:3px;padding-bottom:0;padding-inline:3px;margin-top:-3px;margin-inline:-3px;margin-bottom:calc(-1 * var(--day-gap));overflow:visible;pointer-events:none}.note-card-inner{min-height:0;overflow:visible;display:flex;flex-direction:column;padding-inline:3px;margin-inline:-3px}.note-card{position:relative;align-self:stretch;width:var(--grid-width);min-height:var(--card-min-height);background-color:var(--active-card-bg, var(--note-default-bg));border-radius:var(--card-radius);outline:1px solid #000000;outline-offset:2px;padding-top:var(--card-pad-top);padding-inline:var(--card-pad-inline);padding-bottom:var(--card-pad-bottom);display:flex;flex-direction:column;flex-shrink:0;overflow:clip;transform-origin:top center;will-change:transform,opacity;backface-visibility:hidden;transition:background-color .24s ease}.note-textarea{--scrollbar-thumb: rgba(0, 0, 0, .25);--scrollbar-track: transparent;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);field-sizing:content;height:auto;width:100%;min-block-size:var(--textarea-min-height);max-block-size:14lh;align-self:stretch;border:none;outline:none;resize:none;background:transparent;color:#000;font-family:var(--font-sans);font-size:var(--textarea-font-size);font-weight:500;letter-spacing:-.03em;line-height:var(--textarea-line-height);-webkit-user-select:text;user-select:text}.note-textarea::placeholder{color:#000;opacity:.3}.note-color-picker{position:absolute;right:0;bottom:0;display:flex;align-items:flex-start;background-color:#fff;border-top-left-radius:var(--picker-radius);overflow:clip}.color-swatch{width:var(--swatch-size);height:var(--swatch-size);flex-shrink:0;border:none;padding:0;cursor:pointer;outline:none;transition:background-color .2s ease,transform .12s ease}.color-swatch:active{transform:scale(.9)}.color-swatch:focus-visible{box-shadow:inset 0 0 0 2px #000}@supports not (scrollbar-color: auto){.note-textarea::-webkit-scrollbar{width:6px;height:6px}.note-textarea::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.note-textarea::-webkit-scrollbar-track{background:var(--scrollbar-track)}}.bottom-spacer{display:none;width:100%;height:0;flex-shrink:0}.back-to-today-btn{position:absolute;left:50%;bottom:calc(var(--day-size) + env(safe-area-inset-bottom,0px));translate:-50% 8px;width:var(--day-size);height:var(--day-size);border-radius:var(--day-radius-circle);border:none;padding:0;background-color:var(--day-empty-bg);color:var(--fg-white);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;z-index:4;opacity:0;scale:.85;pointer-events:none;transition:opacity .28s var(--card-ease),translate .36s var(--spring-easing),scale .36s var(--spring-easing),background-color .2s ease}.back-to-today-btn[hidden]{display:flex}.back-to-today-btn.is-visible{opacity:1;translate:-50% 0;scale:1;pointer-events:auto}.app-shell.is-editing .back-to-today-btn.is-visible,.app-shell.is-settings-open .back-to-today-btn.is-visible{opacity:0;scale:.85;pointer-events:none}.back-to-today-btn:active{scale:.92}.back-to-today-btn:focus-visible{outline:2px solid var(--fg-white);outline-offset:2px}.back-to-today-icon{color:var(--fg-white);font-family:var(--font-sans);font-size:calc(var(--day-size) * 24 / 48);font-weight:600;line-height:calc(var(--day-size) * 28 / 48);text-align:center;font-feature-settings:"cv01","cv02","cv03","cv04","tnum","zero"}.settings-view{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--grid-width);margin-inline:auto;padding-top:calc(var(--header-min-height) + env(safe-area-inset-top,0px));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:calc(var(--day-size) * 32 / 48);z-index:4;opacity:0;translate:0 8px;pointer-events:none;transition:opacity .28s var(--card-ease),translate .36s var(--card-ease)}.settings-view[hidden]{display:flex}.app-shell.is-settings-open .settings-view{opacity:1;translate:0 0;pointer-events:auto}.settings-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(var(--day-size) * 12 / 48);align-self:stretch}.settings-label{padding-left:calc(var(--day-size) * 4 / 48);color:var(--fg-white);font-family:var(--font-sans);font-size:calc(var(--day-size) * 24 / 48);font-weight:600;line-height:calc(var(--day-size) * 28 / 48);letter-spacing:-.03em;font-feature-settings:"ss01","tnum"}.settings-pills{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:var(--day-gap);width:var(--grid-width)}.settings-pill{width:var(--day-size);height:var(--day-size);border-radius:var(--day-radius-circle);border:none;padding:0;background-color:var(--day-empty-bg);color:var(--fg-white);font-family:var(--font-sans);font-size:var(--day-font-size);font-weight:400;line-height:1;text-align:center;font-feature-settings:"cv01","cv02","cv03","cv04","tnum","zero";display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;outline:none;scale:1;transition:background-color .24s var(--card-ease),color .24s var(--card-ease),box-shadow .24s var(--card-ease),scale .36s var(--spring-easing)}.settings-pill:active{scale:.92}.settings-pill:focus-visible{outline:2px solid var(--fg-white);outline-offset:2px}.settings-pill.is-active{background-color:var(--today-bg);color:#000;box-shadow:inset 0 0 0 2px var(--today-bg),inset 0 0 0 4px #000;font-weight:600;text-decoration:underline 2px;text-decoration-thickness:2px;text-underline-position:from-font}.settings-download-icon{color:var(--fg-white);font-family:var(--font-sans);font-size:calc(var(--day-size) * 24 / 48);font-weight:600;line-height:calc(var(--day-size) * 28 / 48);text-align:center}.mobile-safari-focus-bridge{position:fixed;top:0;left:0;width:1px;height:1px;opacity:.001;pointer-events:none;font-size:16px!important;border:none;margin:0;padding:0;background:transparent;color:transparent;caret-color:transparent;z-index:-1}@media(prefers-reduced-motion:reduce){.app-shell,.day-cell,.day-cell.bounce-to-square,.day-cell.bounce-to-circle,.note-card-slot,.note-card,.color-swatch,.back-to-today-btn,.header-action-btn,.calendar-stage,.settings-view,.settings-pill,.week-row{transition:none!important;animation:none!important}}