*{box-sizing:border-box}:root{--select-color: #8a63d2}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{position:relative;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}.icon-btn{display:inline-flex;align-items:center;justify-content:center}button svg{display:block;flex-shrink:0}.bottombar .nav-arrow svg,.bottombar .menu-button svg{width:19px;height:19px}.bottombar .nav-arrow{padding:.25rem .5rem}.bottombar button{display:inline-flex;align-items:center;gap:.3rem}.bottombar-center{flex:1;min-width:0;max-width:640px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:.1rem}.bottombar .btn-label{white-space:nowrap}.bottombar button.today-btn{border:1px solid #c9d6ef;font-weight:600}.bottombar button.today-btn.active{border-color:#dbe6fb}.bottombar-menu{position:absolute;right:.5rem;bottom:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:.5rem;width:min(320px,calc(100vw - 1rem));padding:.6rem .75rem;background:#fff;border:1px solid #e3e6ee;border-radius:10px;box-shadow:0 6px 24px #1e325a2e}.mode-toggle{display:flex;gap:.25rem}.bottombar .mode-toggle button{flex:1;background:#f2f4f8}.bottombar .mode-toggle button.active{background:#dbe6fb}.day-count{display:flex;align-items:center;gap:.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}.topbar-calname{color:#667;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-menu{position:relative}.topbar .hamburger{border:none;background:none;cursor:pointer;color:#445;padding:.25rem .4rem;border-radius:7px}.topbar .hamburger:hover,.topbar .hamburger.active{background:#eef1f8}.top-menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:90;width:min(280px,calc(100vw - 1rem));display:flex;flex-direction:column;gap:.6rem;padding:.7rem .8rem;background:#fff;border:1px solid #e3e6ee;border-radius:12px;box-shadow:0 8px 28px #1e325a33;font-size:.85rem}.top-menu-user{color:#334;font-weight:600}.top-menu-user span{display:block;font-weight:400;color:#778;font-size:.75rem}.top-menu-cal{display:flex;flex-direction:column;gap:.25rem;color:#556;font-size:.75rem}.top-menu-pop select{width:100%;padding:.3rem .4rem;font-size:.85rem}.top-menu-item{display:flex;align-items:center;gap:.45rem;border:none;background:none;text-align:left;font-size:.85rem;padding:.45rem .5rem;border-radius:7px;cursor:pointer;color:#334}.top-menu-item:hover{background:#eef1f8}.invite-form{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.invite-form input{padding:.35rem .45rem;font-size:.85rem}.invite-actions{display:flex;justify-content:flex-end;gap:.3rem}.invite-message{font-size:.8rem;color:#555}.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}.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{--cell-bg: #fff;background:var(--cell-bg);padding:.25rem .35rem;min-height:10rem;display:flex;flex-direction:column}.day-column.weekend{--cell-bg: #f2f4f8}.day-column.today{box-shadow:inset 0 0 0 2px #5285e0}.day-column.today>h2{color:#2b57c4}.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 var(--select-color)}.compact-grid{display:grid;grid-template-columns:repeat(var(--compact-cols, 1),minmax(0,1fr));min-height:100%;background:#fff}.compact-grid.grow{grid-auto-rows:1fr}.compact-grid.fit{height:max(100%,calc(var(--compact-rows, 1) * 9rem));grid-template-rows:repeat(var(--compact-rows, 1),minmax(0,1fr))}.compact-grid .day-column{border-right:1px solid #ddd;border-bottom:1px solid #ddd}.compact-grid.grow .day-column{min-height:6.5rem}.compact-grid.fit .day-column{min-height:0}.compact-grid .day-cell-doc{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.compact-grid.fit .day-cell-doc .day-preview{position:absolute;inset:0;overflow:hidden}.compact-grid.fit .day-preview.clipped{-webkit-mask-image:linear-gradient(#000 calc(100% - 1.2em),transparent);mask-image:linear-gradient(#000 calc(100% - 1.2em),transparent)}.compact-grid.fit .day-column.editing{position:relative;z-index:20;box-shadow:none}.day-editor-box{position:absolute;inset:0 0 auto;min-height:100%;max-height:65vh;display:flex;flex-direction:column;background:var(--cell-bg);box-shadow:inset 0 0 0 2px var(--select-color);padding:.25rem .35rem}.expand-up .day-editor-box{top:auto;bottom:0}.day-editor-box .doc-editor{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;cursor:text}.day-editor-box .tiptap{flex:1;min-height:0}.day-editor-box.overflowing{box-shadow:inset 0 0 0 2px var(--select-color),0 10px 12px -8px #1e325a59}.expand-up .day-editor-box.overflowing{box-shadow:inset 0 0 0 2px var(--select-color),0 -10px 12px -8px #1e325a59}.compact-grid.fit .range-cell .doc-editor{overflow-y:auto}.compact-grid .day-column h2{cursor:default;touch-action:auto}.day-range-bars{display:flex;flex-direction:column;gap:2px;padding-top:3px}.day-range-bars span{display:block;height:4px;border-radius:2px}.compact-grid .range-cell h2{color:var(--range-color, #555);font-weight:700}.compact-grid .range-cell{background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--range-color, #667788) 4%,transparent) 0 2px,transparent 2px 9px)}.compact-grid .range-cell .tiptap{min-height:2.2rem}.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{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.tiptap p:empty,.tiptap h1:empty,.tiptap h2:empty,.tiptap h3:empty{min-height:1em;min-height:1lh}.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,.month-cell.editing .month-day-num{display:none}.month-cell.editing .month-cell-fulldate{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;color:#334;padding:1px 2px}.month-cell.editing .month-cell-close{display:inline-flex;border:none;background:none;cursor:pointer;color:#556;padding:2px 4px;border-radius:5px}.month-cell.editing .month-cell-close:hover{background:#eef1f8}.month-cell-doc{flex:1;min-height:0;position:relative}.month-cell-doc .month-cell-editor-box,.month-cell-doc .month-cell-preview{position:absolute;inset:0;overflow:hidden}.month-cell-doc .month-cell-editor-box{display:flex;flex-direction:column}.month-cell-editor-box .doc-editor{flex:1;min-height:0;display:flex;flex-direction:column;cursor:text;overflow-y:auto}.month-cell-doc .tiptap{flex:1;min-height:0;font-size:.62rem;line-height:1.3}.month-cell-preview.clipped{-webkit-mask-image:linear-gradient(#000 calc(100% - 1.3em),transparent);mask-image:linear-gradient(#000 calc(100% - 1.3em),transparent)}.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:none}.month-cell.editing .month-cell-doc{position:static}.month-cell.editing .month-cell-doc .month-cell-editor-box{bottom:auto;min-height:100%;max-height:45vh;background:var(--cell-bg);box-shadow:inset 0 0 0 2px var(--select-color);padding:1px 3px 2px}.month-cell.expand-up.editing .month-cell-doc .month-cell-editor-box{top:auto;bottom:0}.month-cell.editing.overflowing .month-cell-doc .month-cell-editor-box{box-shadow:inset 0 0 0 2px var(--select-color),0 10px 12px -8px #1e325a59}.month-cell.expand-up.editing.overflowing .month-cell-doc .month-cell-editor-box{box-shadow:inset 0 0 0 2px var(--select-color),0 -10px 12px -8px #1e325a59}.month-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.5rem;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}.bottombar .wide-only,.wide-only,.bottombar .btn-label{display:none}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)}.month-cell .day-range-bars{gap:1px;padding-top:1px}.month-cell .day-range-bars span{height:3px;border-radius:1.5px}.month-range-panel{position:fixed;left:1rem;right:1rem;z-index:30;display:flex;flex-direction:column;gap:.6rem;max-height:40vh;overflow-y:auto;padding:.5rem .6rem;background:#fff;border:1px solid #e3e6ee;border-radius:10px;box-shadow:0 8px 28px #1e325a40}.month-range-panel.panel-top{top:3.5rem}.month-range-panel.panel-bottom{bottom:3.5rem}.month-range-doc{border-left:3px solid var(--range-color, #ccd);padding-left:.5rem}.month-range-doc h3{margin:0 0 .1rem;font-size:.75rem;font-weight:700;color:var(--range-color, #556)}.month-range-doc .doc-editor{cursor:text}.month-range-doc .tiptap{min-height:1.5rem;font-size:.85rem}.range-doc-head{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.range-doc-head h3{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-cell-head{display:flex;align-items:center;gap:2px}.range-cell-head h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-cell.peeked{--cell-bg: #ece5fa;box-shadow:inset 0 0 0 2px var(--select-color)}.day-peek{position:fixed;left:.5rem;right:.5rem;z-index:60;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e6ee;border-radius:12px;box-shadow:0 10px 36px #1e325a4d;overflow:hidden}.day-peek-head{display:flex;align-items:center;gap:.2rem;padding:.35rem .4rem .3rem .7rem;border-bottom:1px solid #edf0f6;font-size:.85rem;color:#334}.day-peek-head .icon-btn{border:none;background:none;cursor:pointer;color:#556;padding:.3rem .45rem;border-radius:7px}.day-peek-head .icon-btn:hover{background:#eef1f8}.day-peek-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.4rem .7rem .6rem}.day-peek-body>.doc-editor{cursor:text}.day-peek-body>.doc-editor .tiptap{min-height:3.5rem;font-size:.9rem}.add-range-btn{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;border:1px dashed #b9c6e2;background:none;color:#5b76a8;font-size:.8rem;padding:.35rem .7rem;border-radius:999px;cursor:pointer}.add-range-btn:hover{background:#eef1f8;border-style:solid}.compact-grid .add-range-cell{background-image:none;justify-content:flex-start}.add-range-row{background:#fff;display:flex;align-items:flex-start}.add-range-row .add-range-btn{position:sticky;left:.5rem;margin:4px .5rem}.doc-menu{position:relative}.doc-menu-trigger{border:none;background:none;cursor:pointer;padding:3px 4px;border-radius:4px;color:#667}.doc-menu-trigger:hover{background:#eef1f8}.doc-menu-pop{position:absolute;top:calc(100% + 4px);z-index:80;min-width:10.5rem;display:flex;flex-direction:column;padding:.25rem;background:#fff;border:1px solid #e3e6ee;border-radius:10px;box-shadow:0 6px 24px #1e325a2e}.doc-menu-pop.align-right{right:0}.doc-menu-pop.align-left{left:0}.doc-menu-pop button{display:flex;align-items:center;gap:.45rem;border:none;background:none;text-align:left;white-space:nowrap;font-size:.85rem;padding:.45rem .6rem;min-width:0;min-height:0;border-radius:7px;cursor:pointer;color:#334}.doc-menu-pop button:hover{background:#eef1f8}.doc-menu-pop button.danger{color:#c02929}.doc-menu-pop button.danger:hover{background:#fbeaea}.range-row{position:relative}.range-row:has(.doc-menu-pop){z-index:5}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#19233c59;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{width:min(340px,100%);background:#fff;border-radius:14px;box-shadow:0 16px 48px #141e3c4d;padding:1rem 1.1rem .9rem;display:flex;flex-direction:column;gap:.8rem}.modal-card h3{margin:0;font-size:1rem;color:#223}.modal-dates{display:flex;gap:.6rem}.modal-dates label{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#556}.modal-dates input{width:100%;font-size:.9rem;padding:.35rem .4rem;border:1px solid #ccd4e4;border-radius:8px}.modal-actions{display:flex;justify-content:flex-end;gap:.4rem}.modal-actions button{border:none;border-radius:999px;padding:.4rem .95rem;font-size:.85rem;cursor:pointer;background:#eef1f8;color:#334}.modal-actions button.primary{background:#5285e0;color:#fff;font-weight:600}.modal-actions button.primary:disabled{opacity:.5;cursor:default}@media(max-width:380px){.bottombar button{padding:.3rem .35rem;font-size:.8rem}.bottombar{padding-left:.2rem;padding-right:.2rem}}