*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,sans-serif;color:#222}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.centered{text-align:center;margin-top:4rem}.auth-form{max-width:320px;margin:15vh auto;display:flex;flex-direction:column;gap:.6rem}.auth-form input,.auth-form button{padding:.5rem;font-size:1rem}.link-button{background:none;border:none;color:#3562d0;cursor:pointer}.error{color:#c02929}.topbar{display:flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-bottom:1px solid #ddd;font-size:.85rem}.topbar button,.topbar select{padding:.1rem .45rem;font-size:.85rem}.day-view{flex:1;min-height:0;display:flex;flex-direction:column}.bottombar{display:flex;align-items:center;gap:.1rem;padding:.3rem .75rem calc(.3rem + env(safe-area-inset-bottom));background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #e3e6ee;box-shadow:0 -2px 12px #1e325a14;white-space:nowrap;z-index:10}.bottombar button{border:none;background:none;font-size:.9rem;padding:.35rem .65rem;border-radius:999px;cursor:pointer;color:#334}.bottombar button:hover{background:#eef1f8}.bottombar .nav-arrow{font-size:1.2rem;line-height:1;padding:.25rem .6rem}.day-count{display:flex;flex:1;align-items:center;gap:.4rem;padding:0 .4rem;font-size:.8rem;color:#556}.day-count input[type=range]{flex:1;width:100%;min-width:3rem;accent-color:#5285e0}.day-count .num{min-width:1.8em;text-align:center;font-variant-numeric:tabular-nums}.spacer{flex:1}.invite-form{display:flex;align-items:center;gap:.3rem}.invite-message{font-size:.8rem;color:#555;max-width:20rem}.range-row{background:#fff}.range-row-inner{position:sticky;left:0;max-width:min(100%,calc(100vw - 16px));display:flex;align-items:stretch;min-height:100%}.range-row-buttons{display:flex;flex-direction:column;gap:1px;padding:1px;background:#eef1f8;border-right:1px solid #dde3f0}.range-row-buttons button{border:none;background:none;cursor:pointer;font-size:.95rem;line-height:1;padding:5px 7px;min-width:30px;min-height:28px;border-radius:4px;color:#556}.range-row-buttons button:hover{background:#dde3f0}.range-row-body{flex:1;min-width:0;display:flex;flex-direction:column}.date-form{display:flex;align-items:center;gap:2px;padding:2px 4px;font-size:.75rem;background:#f6f8fc;border-bottom:1px solid #e5e9f2}.date-form input{font-size:.75rem;padding:0 2px}.spill{display:flex;align-items:center;padding:0 3px;color:#fff;background:#5285e0;font-weight:700;font-size:.8rem}.range-row .doc-editor{padding:1px 5px 2px;flex:1;display:flex;flex-direction:column;cursor:text}.range-row .doc-editor .tiptap{min-height:2.2rem;flex:1}.range-row.collapsed .doc-editor{pointer-events:none;padding-top:0;padding-bottom:0}.range-row.collapsed .doc-editor .tiptap{min-height:0;height:1.25rem;overflow:hidden;font-size:.75rem;color:#667}.grid-scroll{flex:1;min-height:0;overflow:auto}.calendar-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(110px,1fr));grid-template-rows:1fr;grid-auto-rows:min-content;gap:1px;background:#ddd;min-width:calc(var(--cols) * 110px);min-height:100%}.day-column{background:#fff;padding:.25rem .35rem;min-height:10rem;display:flex;flex-direction:column}.day-column.weekend{background:#f2f4f8}.day-column.today{box-shadow:inset 0 0 0 2px #5285e0}.day-column.today>h2{color:#2b57c4}.today-badge{background:#5285e0;color:#fff;border-radius:999px;font-size:.65rem;font-weight:700;padding:.05rem .5rem;margin-left:.5rem;vertical-align:middle}.day-column .doc-editor{flex:1;display:flex;flex-direction:column;cursor:text}.day-column .doc-editor .tiptap{flex:1}.day-column .day-preview{flex:1;min-height:0;overflow:hidden;cursor:text;font-size:.9rem;line-height:1.35}.day-column.editing{box-shadow:inset 0 0 0 2px #5285e0}.compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-auto-rows:1fr;min-height:100%;background:#fff}.compact-grid .day-column{min-height:6.5rem;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.compact-grid .day-column h2{cursor:default;touch-action:auto}.bottombar button.active{background:#dbe6fb;color:#2b57c4}.day-column h2{font-size:.8rem;margin:0 0 .25rem;color:#555;padding:.1rem .3rem;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.day-column h2.drag-selected{background:#5285e0;color:#fff;border-radius:0}.day-column h2.drag-start{border-top-left-radius:999px;border-bottom-left-radius:999px}.day-column h2.drag-end{border-top-right-radius:999px;border-bottom-right-radius:999px}.doc-editor .tiptap{min-height:8rem;outline:none;font-size:.9rem;line-height:1.35}.tiptap{white-space:pre-wrap;overflow-wrap:break-word}.tiptap p{margin:.11em 0}.tiptap h1,.tiptap h2,.tiptap h3{margin:.22em 0 .09em;line-height:1.2}.tiptap h1{font-size:1.15rem}.tiptap h2{font-size:1.05rem}.tiptap h3{font-size:.95rem}.tiptap ul,.tiptap ol{margin:.11em 0;padding-left:1.33em}.tiptap li,.tiptap li p{margin:0}.tiptap blockquote{margin:.17em 0;padding-left:.67em;border-left:2px solid #ccd}.month-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.7rem;color:#556;padding:2px 0;background:#f6f8fc;border-bottom:1px solid #e5e9f2;-webkit-user-select:none;user-select:none}.month-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--weeks),minmax(0,1fr));gap:1px;background:#ddd}.month-cell{--cell-bg: #fff;position:relative;background:var(--cell-bg);min-width:0;min-height:0;padding:1px 3px 2px;display:flex;flex-direction:column;cursor:text;touch-action:none;-webkit-user-select:none;user-select:none}.month-cell.editing{cursor:auto;touch-action:auto;-webkit-user-select:auto;user-select:auto}.month-cell.weekend{--cell-bg: #f2f4f8}.month-cell.outside{--cell-bg: #fafbfd}.month-cell.outside .month-day-num{color:#aab}.month-cell.today{box-shadow:inset 0 0 0 2px #5285e0}.month-cell.drag-selected{--cell-bg: #d6e2f9}.month-cell-head{display:flex;align-items:center;gap:.4rem;-webkit-user-select:none;user-select:none}.month-day-num{font-size:.7rem;font-weight:600;color:#556;line-height:1.2;padding:1px 2px}.month-cell-fulldate,.month-cell-close{display:none}.month-cell-doc{flex:1;min-height:0;position:relative}.month-cell-doc .doc-editor,.month-cell-doc .month-cell-preview{position:absolute;inset:0;overflow:hidden}.month-cell-doc .doc-editor{display:flex;flex-direction:column;cursor:text}.month-cell-doc .tiptap{flex:1;min-height:0;font-size:.62rem;line-height:1.3}.month-cell .tiptap h1{font-size:1.25em}.month-cell .tiptap h2{font-size:1.15em}.month-cell .tiptap h3{font-size:1.05em}.month-cell.editing{z-index:20;box-shadow:inset 0 0 0 2px #5285e0}.month-cell.editing .month-cell-doc .doc-editor{bottom:auto;min-height:100%;max-height:45vh;overflow-y:auto;background:var(--cell-bg);box-shadow:0 10px 12px -8px #1e325a59}.month-cell.expand-up.editing .month-cell-doc .doc-editor{top:auto;bottom:0;box-shadow:0 -10px 12px -8px #1e325a59}.month-title{flex:1;text-align:center;font-size:.85rem;font-weight:600;color:#334}.collaboration-carets__caret{border-left:1px solid;margin-left:-1px;position:relative;word-break:normal;-webkit-user-select:none;user-select:none}@media(max-width:640px){.topbar{flex-wrap:wrap;padding:.4rem .5rem}.bottombar{gap:0;padding:.2rem .4rem calc(.2rem + env(safe-area-inset-bottom))}.bottombar button{padding:.35rem .5rem}.month-cell{padding:1px 2px}.month-day-num{font-size:.6rem;padding:1px 4px}.month-weekdays{font-size:.6rem}.month-cell-doc .tiptap{font-size:.5rem;line-height:1.25}.month-cell.editing{--cell-bg: #fff;position:fixed;inset:0;z-index:40;background:var(--cell-bg);box-shadow:none;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom))}.month-cell.today.editing{box-shadow:none}.month-cell.editing .month-cell-head{gap:.5rem;padding-bottom:.3rem;border-bottom:1px solid #e5e9f2}.month-cell.editing .month-day-num{display:none}.month-cell.editing .month-cell-fulldate{display:block;flex:1;font-size:.95rem;font-weight:600;color:#334}.month-cell.editing .month-cell-close{display:block;position:absolute;right:.9rem;bottom:calc(.9rem + env(safe-area-inset-bottom));z-index:2;border:none;background:#5285e0;color:#fff;font-weight:600;border-radius:999px;padding:.55rem 1.15rem;box-shadow:0 2px 10px #1e325a59}.month-cell.editing .month-cell-doc .doc-editor{position:static;height:100%;min-height:0;max-height:none;overflow-y:auto;outline:none;box-shadow:none}.month-cell.editing .month-cell-doc .tiptap{flex:1;font-size:.9rem;line-height:1.35;padding-bottom:3.5rem}input,select,button{font-size:16px}}.collaboration-carets__label{border-radius:3px 3px 3px 0;color:#fff;font-size:.65rem;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.3em;-webkit-user-select:none;user-select:none;white-space:nowrap}.collaboration-carets__label:after{content:attr(data-name)}