@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";.app{flex-direction:column;height:100%;display:flex}.main{flex:1;display:flex;overflow:hidden}.content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.topbar-left,.topbar-right{flex:1;align-items:center;display:flex}.topbar-right{justify-content:flex-end;gap:8px}.topbar-center{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-logo{align-items:center;gap:8px;display:flex}.app-name{letter-spacing:-.02em;font-size:15px;font-weight:600}.month-title{letter-spacing:-.02em;text-align:center;min-width:180px;font-size:16px;font-weight:600}.nav-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--text-2);justify-content:center;align-items:center;font-size:18px;transition:background .12s,color .12s;display:flex}.nav-btn:hover{background:var(--bg-3);color:var(--text)}.nav-btn--lg{width:32px;height:32px;font-size:20px}.today-btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-2);padding:4px 12px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.today-btn:hover{background:var(--bg-3);color:var(--text);border-color:var(--text-3)}.sync-indicator{background:var(--accent);opacity:.7;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.logout-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--text-3);justify-content:center;align-items:center;font-size:16px;transition:background .12s,color .12s;display:flex}.logout-btn:hover{background:var(--bg-3);color:var(--text-2)}.view-switcher{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:3px;display:flex}.view-btn{color:var(--text-2);letter-spacing:-.01em;white-space:nowrap;border-radius:4px;padding:5px 14px;font-size:13px;font-weight:500;transition:background .1s,color .1s}.view-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.view-btn--active{background:var(--bg-2);color:var(--text);border:1px solid var(--border);box-shadow:0 1px 3px #00000059}.view-btn:disabled{opacity:.35;cursor:default}.view-switcher button{opacity:1!important}.toolbar-btn{border-radius:var(--radius);width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:18px;transition:background .12s,color .12s;display:flex}.toolbar-btn:hover{background:var(--bg-3);color:var(--text-2)}.toolbar-btn--spinning svg,.toolbar-btn--spinning{animation:.8s linear infinite tb-spin}@keyframes tb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);background:var(--bg-2);flex-direction:column;flex-shrink:0;gap:24px;padding:16px 12px;display:flex;overflow-y:auto}.mini-cal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mini-cal-title{color:var(--text-2);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.mini-cal-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.mini-day-label{color:var(--text-3);text-align:center;padding:2px 0 4px;font-size:10px;font-weight:500}.mini-day{aspect-ratio:1;color:var(--text-2);border-radius:4px;justify-content:center;align-items:center;font-size:12px;transition:background .1s,color .1s;display:flex}.mini-day:hover{background:var(--bg-hover);color:var(--text)}.mini-day--other{color:var(--text-3)}.mini-day--today{background:var(--accent);color:#fff;font-weight:600}.mini-day--today:hover{background:var(--accent)}.cal-list-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;padding:0 4px;font-size:10px;font-weight:600}.cal-item{border-radius:var(--radius);text-align:left;align-items:center;gap:10px;width:100%;padding:5px 6px;transition:background .1s;display:flex}.cal-item:hover{background:var(--bg-hover)}.cal-dot{border:2px solid;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .15s}.cal-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.cal-item--hidden .cal-name{color:var(--text-3)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.sidebar-sync-status{color:var(--text-2);overflow-wrap:anywhere;padding:0 6px 8px;font-size:11px;line-height:1.5}.sidebar-sync-status time{color:var(--text-3);font-variant-numeric:tabular-nums}.sidebar-actions{align-items:center;gap:4px;display:flex}.sidebar-actions .toolbar-btn:hover{background:var(--bg-hover)}.content{min-width:0;min-height:0}@media (width<=800px){.topbar{flex-wrap:wrap;justify-content:center;gap:8px;height:auto;padding:8px}.topbar-left{display:none}.topbar-center{justify-content:center;gap:4px;width:100%;min-width:0}.month-title{min-width:0;font-size:14px}.topbar-right{flex:100%;justify-content:center;gap:6px}.view-btn{padding:6px 9px}.main{flex-direction:column;min-height:0}.sidebar{border-right:0;border-bottom:1px solid var(--border);gap:6px;width:100%;padding:6px 12px;overflow:visible}.mini-cal,.cal-list-label{display:none}.cal-list{gap:8px;display:flex;overflow-x:auto}.cal-item{flex-shrink:0;width:auto}.sidebar-footer{border:0;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:0;display:flex}.sidebar-sync-status{padding:0}.sidebar-actions{border:0;flex-shrink:0;justify-content:flex-end;margin:0;padding:0}.month-header,.month-grid{grid-template-columns:24px repeat(7,minmax(0,1fr))}.month-weekday{padding:8px 3px}.day-cell{padding:4px 2px}}.month-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.month-header{border-bottom:1px solid var(--border);scrollbar-gutter:stable;flex-shrink:0;grid-template-columns:32px repeat(7,1fr);display:grid;overflow-y:auto}.month-weekday{color:#b0b5c5;text-transform:uppercase;letter-spacing:.08em;text-align:right;padding:8px 10px 6px;font-size:11px;font-weight:600}.month-kw-header{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;opacity:.5;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.month-kw{color:var(--text-3);border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:10px;font-weight:500;display:flex}.month-kw--clickable{cursor:pointer}.month-kw--clickable:hover{color:var(--accent);background:var(--bg-hover,#6382ff0f)}.month-grid{scrollbar-gutter:stable;flex:1;grid-template-columns:32px repeat(7,1fr);grid-auto-rows:minmax(110px,1fr);display:grid;overflow-y:auto}.day-cell{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--bg);flex-direction:column;gap:2px;min-height:0;padding:6px 6px 4px;transition:background .1s;display:flex;overflow:hidden}.day-cell:nth-child(8n){border-right:none}.day-cell--other{background:var(--bg-2)}.day-cell--other .day-number{color:var(--text-3);opacity:.6}.day-cell--other .event-list{opacity:.4}.day-cell--today{background:var(--today-bg)}.day-cell--today .day-number{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:flex}.day-cell-header{justify-content:space-between;align-items:center;min-height:22px;margin-bottom:4px;display:flex}.day-number{color:var(--text);justify-content:center;align-items:center;min-width:22px;height:22px;font-size:13px;font-weight:600;line-height:1;display:flex}.day-number--clickable{cursor:pointer;border-radius:50%;transition:background .15s,color .15s}.day-number--clickable:hover{background:var(--accent);color:#fff}.day-add-btn{opacity:0;color:var(--text-3);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;line-height:1;transition:opacity .1s,background .1s,color .1s;display:flex}.day-cell:hover .day-add-btn{opacity:1}.day-add-btn:hover{background:var(--bg-hover);color:var(--text)}.event-list{flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow:hidden}.event-item{background:color-mix(in srgb, var(--event-color) 18%, transparent);border-left:2.5px solid var(--event-color);cursor:default;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:2px 5px;transition:background .1s;display:flex;overflow:hidden}.event-item:hover{background:color-mix(in srgb, var(--event-color) 28%, transparent)}.event-time{font-family:var(--mono);color:var(--event-color);opacity:.9;letter-spacing:-.02em;flex-shrink:0;font-size:10.5px}.event-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.event-more{color:var(--text-3);padding:1px 4px;font-size:10.5px;font-weight:500}.event-more--clickable{cursor:pointer;border-radius:3px;transition:background .1s,color .1s}.event-more--clickable:hover{background:var(--bg-hover);color:var(--text-2)}.event-item--block{background:color-mix(in srgb, var(--event-color) 30%, transparent);border-left:2.5px solid var(--event-color)}.event-item--block:hover{background:color-mix(in srgb, var(--event-color) 40%, transparent)}.event-item--block.event-item--cont{border-left:2px solid color-mix(in srgb, var(--event-color) 40%, transparent);border-radius:0 4px 4px 0;margin-left:-6px;padding-left:6px}.event-item--block.event-item--continues{border-radius:4px 0 0 4px;margin-right:-6px}.event-item--block.event-item--cont.event-item--continues{border-radius:0}.week-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.week-header{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.week-time-gutter{flex-shrink:0;width:52px}.week-day-header{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:1px solid var(--border);flex:1;padding:8px 4px;transition:background .15s}.week-day-header:hover{background:var(--hover-bg,#ffffff0a)}.week-day-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-family:var(--font-mono,monospace);display:block}.week-day-num{border-radius:50%;width:32px;height:32px;margin-top:2px;font-size:18px;font-weight:500;line-height:32px;display:inline-block}.week-day-num.today-num{background:var(--accent);color:#fff}.week-allday-row{border-bottom:1px solid var(--border);flex-shrink:0;min-height:28px;display:flex}.week-allday-label{color:var(--text-muted);text-align:right;font-size:10px;font-family:var(--font-mono,monospace);justify-content:flex-end;align-items:flex-start;padding-top:4px;padding-right:4px;display:flex}.week-allday-cell{border-left:1px solid var(--border);flex-direction:column;flex:1;gap:2px;max-height:80px;padding:2px;display:flex;overflow-y:auto}.week-allday-event{background:color-mix(in srgb, var(--event-color) 30%, transparent);border-left:2.5px solid var(--event-color);color:var(--text,#e8eaf0);cursor:pointer;border-radius:4px;align-items:center;padding:1px 5px;font-size:12px;transition:background .1s;display:flex;overflow:hidden}.week-allday-event:hover{background:color-mix(in srgb, var(--event-color) 40%, transparent)}.week-allday-event-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.week-body{flex:1;overflow:hidden auto}.week-grid{display:flex;position:relative}.week-hours{flex-shrink:0;width:52px;position:relative}.week-hour-row{align-items:flex-start;display:flex;position:relative}.week-hour-label{text-align:right;width:48px;color:var(--text-muted);font-size:12px;font-family:var(--font-mono,monospace);flex-shrink:0;margin-top:-7px;padding-right:6px}.week-hour-line{border-top:1px solid var(--border);flex:1;margin-top:0}.week-day-col{border-left:1px solid var(--border);cursor:pointer;flex:1;position:relative}.week-day-col.today-col{background:#ffffff04}.week-event{background:color-mix(in srgb, var(--event-color) 18%, transparent);border-left:2.5px solid var(--event-color);cursor:pointer;box-sizing:border-box;z-index:1;border-radius:4px;flex-direction:column;padding:2px 5px 2px 4px;transition:background .1s;display:flex;position:absolute;overflow:hidden}.week-event:hover{background:color-mix(in srgb, var(--event-color) 28%, transparent);z-index:2}.week-event-body{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.week-event-title{color:var(--text,#e8eaf0);align-items:center;font-size:12px;font-weight:500;line-height:1.35;display:flex}.week-event-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.week-event-time{font-size:10.5px;font-family:var(--font-mono,monospace);color:var(--event-color);opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;line-height:1.3;overflow:hidden}.week-event-compact{align-items:center;gap:3px;min-width:0;height:100%;display:flex;overflow:hidden}.week-event-compact-dot{background:var(--event-color);border-radius:50%;flex-shrink:0;width:5px;height:5px}.week-event-compact-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text,#e8eaf0);font-size:11px;font-weight:500;line-height:1;overflow:hidden}.week-now-line{background:var(--accent,#e05a4b);z-index:3;pointer-events:none;height:2px;position:absolute;left:0;right:0}.week-now-line:before{content:"";background:var(--accent,#e05a4b);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.day-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.day-view-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 16px}.day-view-weekday{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:12px;font-family:var(--font-mono,monospace)}.day-view-date{margin-top:2px;font-size:22px;font-weight:600}.day-view-date.today{color:var(--accent)}.day-view-allday{flex-direction:column;gap:4px;margin-top:8px;display:flex}.day-allday-event{background:color-mix(in srgb, var(--event-color) 30%, transparent);border-left:2.5px solid var(--event-color);color:var(--text,#e8eaf0);cursor:pointer;border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;transition:background .1s;display:flex;overflow:hidden}.day-allday-event:hover{background:color-mix(in srgb, var(--event-color) 40%, transparent)}.day-allday-event-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.day-body{flex:1;overflow-y:auto}.day-grid{padding-left:56px;position:relative}.day-hour-row{align-items:flex-start;display:flex;position:absolute;left:0;right:0}.day-hour-label{text-align:right;width:52px;color:var(--text-muted);font-size:12px;font-family:var(--font-mono,monospace);margin-top:-7px;padding-right:6px}.day-hour-line{border-top:1px solid var(--border);flex:1}.day-now-line{background:var(--accent,#e05a4b);z-index:3;pointer-events:none;height:2px;position:absolute;left:56px;right:0}.day-now-line:before{content:"";background:var(--accent,#e05a4b);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-5px}.day-events-col{position:absolute;inset:0 8px 0 56px}.day-event{background:color-mix(in srgb, var(--event-color) 18%, transparent);border-left:2.5px solid var(--event-color);cursor:pointer;box-sizing:border-box;border-radius:4px;flex-direction:column;padding:3px 6px 3px 5px;transition:background .1s;display:flex;position:absolute;overflow:hidden}.day-event:hover{background:color-mix(in srgb, var(--event-color) 28%, transparent)}.day-event-inner{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.day-event-title{color:var(--text,#e8eaf0);align-items:center;font-size:13px;font-weight:500;line-height:1.35;display:flex}.day-event-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.day-event-time{font-size:11.5px;font-family:var(--font-mono,monospace);color:var(--event-color);opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;line-height:1.3;overflow:hidden}.day-event-location{color:var(--text-muted,#9095a8);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.day-event-compact{align-items:center;min-width:0;height:100%;display:flex;overflow:hidden}.day-event-compact-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text,#e8eaf0);font-size:11.5px;font-weight:500;line-height:1;overflow:hidden}.agenda-view{height:100%;padding:16px 24px;overflow-y:auto}.agenda-empty{height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.agenda-empty-icon{font-size:32px}.agenda-day-group{margin-bottom:24px}.agenda-day-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:12px;font-family:var(--font-mono,monospace);border-bottom:1px solid var(--border);margin-bottom:8px;padding:4px 0 8px}.agenda-day-header.today{color:var(--accent)}.agenda-events{flex-direction:column;gap:4px;display:flex}.agenda-event{cursor:pointer;background:var(--card-bg,#ffffff08);border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.agenda-event:hover{background:var(--hover-bg,#ffffff0f)}.agenda-event-color{border-radius:2px;flex-shrink:0;width:4px;min-height:32px;margin-top:2px}.agenda-event-body{flex:1;min-width:0}.agenda-event-title{align-items:center;font-size:14px;font-weight:500;display:flex}.agenda-event-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.agenda-event-time{color:var(--text-muted);font-size:12px;font-family:var(--font-mono,monospace);margin-top:2px}.agenda-event-location{color:var(--text-muted);margin-top:2px;font-size:12px}.agenda-event-cal{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-self:center;font-size:11px}.popup{z-index:200;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;animation:.12s popup-in;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0000008c,0 2px 8px #0000004d}@keyframes popup-in{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-bar{width:100%;height:3px}.popup-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 6px;display:flex}.popup-title{color:var(--text);font-size:14px;font-weight:600;line-height:1.4}.popup-close{color:var(--text-3);flex-shrink:0;margin-top:-2px;padding:0 2px;font-size:20px;line-height:1;transition:color .12s}.popup-close:hover{color:var(--text)}.popup-meta{flex-direction:column;gap:9px;padding:4px 16px 18px;display:flex}.popup-row{color:var(--text-2);align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;display:flex}.popup-icon-svg{width:14px;height:14px;color:var(--text-3);flex-shrink:0;margin-top:2px}.popup-cal-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.popup-cal-name{color:var(--text-2)}.popup-description{border-top:1px solid var(--border-soft);white-space:pre-wrap;margin-top:2px;padding-top:9px}.search-overlay{z-index:200;background:#0009;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}.search-modal{background:var(--modal-bg,#1e1e2e);border:1px solid var(--border);border-radius:10px;width:min(640px,90vw);overflow:hidden;box-shadow:0 24px 48px #00000080}.search-input-row{border-bottom:1px solid var(--border);align-items:center;padding:0 16px;display:flex}.search-icon{color:var(--text-2);flex-shrink:0;margin-right:10px;font-size:20px}.search-input{color:inherit;background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-family:inherit;font-size:16px}.search-clear{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px}.search-results{max-height:460px;overflow-y:auto}.search-placeholder{text-align:center;color:var(--text-2);padding:32px 16px;font-size:14px}.search-result{cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;transition:background .1s;display:flex}.search-result:hover{background:var(--hover-bg,#ffffff0a)}.search-result-color{border-radius:2px;flex-shrink:0;width:4px;min-height:36px;margin-top:2px}.search-result-body{flex:1;min-width:0}.search-result-title{font-size:14px;font-weight:500}.search-result-meta{color:var(--text-2);font-size:12px;font-family:var(--font-mono,monospace);margin-top:2px}.search-result-cal{color:var(--text-2)}.search-result-desc{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.search-highlight{color:inherit;background:#ffc8004d;border-radius:2px;padding:0 1px}.search-filter-row{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.search-filter-chip{border:1px solid var(--border);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-family:inherit;font-size:12px;transition:border-color .1s,color .1s;display:flex}.search-filter-chip:hover{color:inherit}.search-filter-chip.active{border-color:var(--accent);color:var(--accent)}.search-filter-chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.search-loading{text-align:center;color:var(--text-2);padding:32px 16px;font-size:14px}.natural-overlay{z-index:200;background:#0009;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}.natural-modal{background:var(--modal-bg,#1e1e2e);border:1px solid var(--border);border-radius:10px;width:min(600px,90vw);overflow:hidden;box-shadow:0 24px 48px #00000080}.natural-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.natural-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);font-size:13px;font-weight:600;font-family:var(--font-mono,monospace)}.natural-close{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.natural-input-row{border-bottom:1px solid var(--border);padding:16px}.natural-input{width:100%;color:inherit;box-sizing:border-box;background:0 0;border:none;outline:none;font-family:inherit;font-size:16px}.natural-preview{border-bottom:1px solid var(--border);background:#ffffff08;padding:12px 16px}.natural-preview-title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.natural-preview-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.natural-preview-meta{color:var(--text-2);font-size:13px;font-family:var(--font-mono,monospace);margin-top:4px}.natural-preview-empty{color:var(--text-2);font-size:13px;font-style:italic}.natural-hints{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.natural-hint{color:var(--text-2);font-size:12px;font-family:var(--font-mono,monospace);background:#ffffff0d;border-radius:4px;padding:3px 8px}.natural-error{color:#e05a4b;background:#e05a4b1a;padding:10px 16px;font-size:13px}.natural-footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.natural-cal-select{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.natural-cal-label{color:var(--text-2);flex-shrink:0;font-size:12px}.natural-cal-dropdown{background:var(--input-bg,#ffffff12);border:1px solid var(--border);color:inherit;border-radius:4px;flex:1;min-width:0;padding:4px 8px;font-family:inherit;font-size:13px}.natural-actions{flex-shrink:0;gap:8px;display:flex}.natural-btn-cancel{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:5px;padding:7px 14px;font-family:inherit;font-size:13px}.natural-btn-save{background:var(--accent,#4a7cf8);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s}.natural-btn-save:disabled{opacity:.4;cursor:default}.login-wrap{background:var(--bg);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:300px;padding:32px 28px;display:flex}.login-logo{letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.login-sub{color:var(--text-3);margin-top:-8px;font-size:13px}.login-input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--mono);outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:var(--text-3)}.login-card form{flex-direction:column;gap:12px;display:flex}.login-remember{color:var(--text-3);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.login-error{color:#f87171;margin-top:-8px;font-size:12px}.login-btn{background:var(--accent);color:#fff;border-radius:var(--radius);width:100%;margin-top:4px;padding:9px;font-size:14px;font-weight:600;transition:opacity .15s}.login-btn:hover:not(:disabled){opacity:.88}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-cancel-btn{width:100%;color:var(--text-3);border-radius:var(--radius);background:0 0;padding:8px;font-size:13px;transition:color .15s}.login-cancel-btn:hover{color:var(--text)}.natural-cal-picker{flex:1;min-width:0;position:relative}.natural-cal-trigger{background:var(--input-bg,#ffffff12);border:1px solid var(--border);width:100%;color:inherit;cursor:pointer;text-align:left;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-family:inherit;font-size:13px;display:flex}.natural-cal-trigger:disabled{opacity:.5;cursor:default}.natural-cal-trigger-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.natural-cal-trigger-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.natural-cal-trigger-arrow{color:var(--text-2);flex-shrink:0;font-size:10px}.natural-cal-menu{background:var(--modal-bg,#1e1e2e);border:1px solid var(--border);border-radius:6px;max-height:220px;padding:4px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.natural-cal-option{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.natural-cal-option:hover{background:#ffffff0f}.natural-cal-option--active{background:#ffffff1a;font-weight:500}.natural-cal-option-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.btn-primary,.btn-secondary{border-radius:var(--radius);font-size:14px;font-weight:600;font-family:var(--font);padding:9px 16px;transition:opacity .15s}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-secondary{border:1px solid var(--border);color:var(--text-2);background:0 0}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){opacity:.88}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-primary{justify-content:center;align-items:center;gap:7px;display:inline-flex}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite tb-spin}.form-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:384px;color:var(--text);flex-direction:column;gap:14px;max-height:90vh;padding:20px 20px 16px;animation:.14s form-modal-in;display:flex;overflow-y:auto;box-shadow:0 24px 48px #00000080}@keyframes form-modal-in{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.form-modal{animation:none}}.form-modal-header{justify-content:space-between;align-items:center;display:flex}.form-modal-title{letter-spacing:-.01em;color:var(--text);font-size:18px;font-weight:700;line-height:1.3}.form-modal-close{color:var(--text-3);background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:20px;line-height:1;transition:color .1s,background .1s}.form-modal-close:hover{color:var(--text);background:var(--bg-hover)}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.form-sublabel{color:var(--text-2);font-size:12px;font-weight:500}.form-hint{color:var(--text-3);margin:0;font-size:11px}.form-select:disabled{cursor:not-allowed;opacity:.6}.form-input,.form-textarea,.form-select{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:14px;font-family:var(--font);box-sizing:border-box;outline:none;padding:9px 12px;transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-3)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:64px}.form-time-input{width:92px;font-family:var(--mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-shrink:0;padding:9px 8px}.form-time-input::-webkit-calendar-picker-indicator{filter:invert(.4);cursor:pointer}.form-section{border-top:1px solid var(--border-soft);flex-direction:column;gap:10px;padding-top:12px;display:flex}.form-section-head{justify-content:space-between;align-items:center;display:flex}.form-date-row{align-items:center;gap:10px;display:flex}.form-date-row-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;width:28px;font-size:10px;font-weight:600}.form-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.form-toggle-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--accent)}.form-toggle-label{color:var(--text-2);font-size:12px}.form-recur-note{color:var(--text-3);font-size:12px;line-height:1.4}.ics-dropzone{border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-3);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px 12px;transition:border-color .15s,background .15s;display:flex}.ics-dropzone:hover,.ics-dropzone:focus-visible{border-color:var(--text-3);outline:none}.ics-dropzone.is-dragging{border-color:var(--accent);background:var(--bg-hover)}.ics-dropzone-label{color:var(--text-2);font-size:13px}.ics-dropzone-hint{color:var(--text-3);font-size:11.5px}.ics-dropzone-file{color:var(--text);font-size:12.5px;font-weight:500}.ics-preview-list{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg-3);flex-direction:column;gap:4px;max-height:180px;padding:6px;display:flex;overflow-y:auto}.ics-preview-row{border-radius:6px;align-items:baseline;gap:8px;padding:4px 6px;font-size:12.5px;display:flex}.ics-preview-row.is-conflict{background:#c46a6a1a}.ics-preview-summary{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:45%;font-weight:500;overflow:hidden}.ics-preview-meta{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ics-preview-conflict-badge{color:#c46a6a;flex-shrink:0;margin-left:auto;font-size:11px}.ics-preview-summary-line{color:var(--text-2);font-size:12px}.form-modal-footer{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.form-modal-close:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.form-toggle-checkbox:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.date-picker-trigger:focus-visible,.date-picker-nav:focus-visible,.date-picker-day:focus-visible,.date-picker-footer-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.date-picker{position:relative}.date-picker-trigger{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:13px;font-family:var(--mono);cursor:pointer;text-align:left;box-sizing:border-box;align-items:center;gap:8px;padding:9px 10px;transition:border-color .15s;display:flex}.date-picker-trigger:hover:not(:disabled){border-color:var(--text-3)}.date-picker-trigger--open{border-color:var(--accent)}.date-picker-trigger:disabled{opacity:.4;cursor:default}.date-picker-trigger-icon{color:var(--text-3);flex-shrink:0}.date-picker-panel{z-index:10;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:240px;animation:.12s date-picker-in;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 24px 48px #00000080}@keyframes date-picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.date-picker-panel{animation:none}}.date-picker-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.date-picker-month{color:var(--text);letter-spacing:-.01em;font-size:13px;font-weight:600}.date-picker-nav{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 6px;transition:color .1s,background .1s;display:flex}.date-picker-nav:hover{color:var(--text);background:var(--bg-hover)}.date-picker-weekrow{grid-template-columns:repeat(7,1fr);padding:6px 8px 2px;display:grid}.date-picker-weekday{color:var(--text-3);text-align:center;letter-spacing:.03em;font-size:11px;font-weight:500}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:1px;padding:2px 8px 8px;display:grid}.date-picker-day{color:var(--text-2);font-size:13px;font-family:var(--mono);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:4px;padding:5px 0;line-height:1.2;transition:background 80ms,color 80ms}.date-picker-day:hover:not(:disabled){background:var(--bg-hover)}.date-picker-day--selected,.date-picker-day--selected:hover{background:var(--accent);color:#fff;font-weight:600}.date-picker-day--today{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.date-picker-day--muted{color:var(--text-3);opacity:.5}.date-picker-day--disabled{color:var(--text-3);opacity:.3;cursor:default}.date-picker-footer{border-top:1px solid var(--border-soft);justify-content:space-between;padding:8px 12px;display:flex}.date-picker-footer-btn{color:var(--text-2);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:2px 4px}.date-picker-footer-btn:hover{color:var(--text)}.date-picker-footer-btn--accent{color:var(--accent)}.admin-overlay{z-index:200;background:#0009;justify-content:center;align-items:flex-start;padding:60px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-modal{background:var(--modal-bg,#1e1e2e);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:20px;width:min(680px,100%);padding:24px;display:flex;box-shadow:0 24px 48px #00000080}.admin-header{justify-content:space-between;align-items:center;display:flex}.admin-header h2{font-size:16px;font-weight:700}.admin-close-btn{color:var(--text-3);padding:4px 8px;font-size:16px}.admin-close-btn:hover{color:var(--text)}.admin-error{margin-top:0}.admin-temp-password{background:var(--bg-3);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-temp-password code{font-family:var(--mono);background:var(--bg);border-radius:6px;padding:4px 8px;font-size:14px}.admin-create-form{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.admin-create-form h3{color:var(--text-3);font-size:13px;font-weight:600}.admin-form-row{gap:10px;display:flex}.admin-form-row .login-input{flex:1;width:auto}.admin-calendar-checks{flex-wrap:wrap;gap:12px;display:flex}.admin-calendar-check{color:var(--text-2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.admin-submit-btn{align-self:flex-start;width:auto;padding:9px 20px}.admin-user-list{flex-direction:column;gap:10px;display:flex}.admin-user-row{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.admin-user-info{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.admin-user-email{color:var(--text-3)}.admin-user-role{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:11px}.admin-user-flag{color:#f87171;font-size:11px}.admin-reset-btn{color:var(--text-3);border:1px solid var(--border);border-radius:var(--radius);align-self:flex-start;padding:6px 12px;font-size:12px;transition:color .15s,border-color .15s}.admin-reset-btn:hover{color:var(--text);border-color:var(--text-3)}.recurrence-fields{border:0;gap:10px;min-width:0;padding:12px 0;display:grid}.recurrence-interval{align-items:center;gap:10px;display:flex}.recurrence-interval input{max-width:100px}.recurrence-days{flex-wrap:wrap;gap:12px;display:flex}.recurrence-days label{align-items:center;gap:4px;display:flex}.recurrence-fields input[type=checkbox]{accent-color:var(--accent)}.event-item--dragging,.week-event--dragging,.day-event--dragging{opacity:.35;pointer-events:none}.day-cell--drop-over{outline:2px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 14%, var(--bg))!important}.week-day-col--drop-over{background:color-mix(in srgb, var(--accent) 6%, transparent)}.day-events-col--drop-over{background:color-mix(in srgb, var(--accent) 5%, transparent)}.drag-overlay{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:grabbing;align-items:center;gap:8px;max-width:240px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden;box-shadow:0 12px 32px #0000008c,0 4px 8px #0000004d}.drag-overlay-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.drag-overlay-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-item,.week-event,.day-event{cursor:grab}.event-item:active,.week-event:active,.day-event:active{cursor:grabbing}.day-event-resize-handle,.week-event-resize-handle{cursor:ns-resize;touch-action:none;height:6px;position:absolute;bottom:0;left:0;right:0}.day-event:hover .day-event-resize-handle,.week-event:hover .week-event-resize-handle{background:color-mix(in srgb, var(--text) 25%, transparent);border-radius:0 0 var(--radius) var(--radius)}.day-event--resizing,.week-event--resizing{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent)}.modal-backdrop{z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.12s modal-fade;display:flex;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.rec-dialog{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;animation:.14s rec-dialog-in;overflow:hidden;box-shadow:0 16px 48px #0009}@keyframes rec-dialog-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.rec-dialog-header{padding:20px 22px 12px}.rec-dialog-title{color:var(--text);letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:600}.rec-dialog-sub{color:var(--text-2);font-size:13px;line-height:1.4}.rec-dialog-options{flex-direction:column;gap:2px;padding:4px 12px 12px;display:flex}.rec-option{text-align:left;border-radius:var(--radius);background:0 0;border:1px solid #0000;width:100%;padding:12px 14px;transition:background .1s,border-color .1s;display:block}.rec-option:hover{background:var(--bg-3);border-color:var(--border)}.rec-option-title{color:var(--text);margin-bottom:3px;font-size:14px;font-weight:500}.rec-option-desc{color:var(--text-3);font-size:12.5px;line-height:1.4}.rec-dialog-footer{border-top:1px solid var(--border-soft);justify-content:flex-end;margin-top:4px;padding:10px 18px 16px;display:flex}.rec-cancel{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-2);padding:7px 16px;font-size:13px;font-weight:500;transition:background .1s,color .1s,border-color .1s}.rec-cancel:hover{background:var(--bg-3);color:var(--text);border-color:var(--text-3)}:root{--bg:#0f1013;--bg-2:#16181d;--bg-3:#1e2028;--bg-hover:#23262f;--border:#2a2d38;--border-soft:#21242e;--text:#e8eaf0;--text-2:#9095a8;--text-3:#5c6070;--accent:#4f7ef8;--accent-dim:#4f7ef826;--today-bg:#4f7ef81f;--today-ring:#4f7ef8;--radius:6px;--radius-lg:10px;--sidebar-w:220px;--topbar-h:52px;--font:"DM Sans", system-ui, sans-serif;--mono:"DM Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.recur-icon{color:var(--text-3);opacity:.9;flex-shrink:0;margin-left:auto;padding-left:4px;font-size:.85em;line-height:1}.shared-drift-icon{color:var(--accent);opacity:1;flex-shrink:0;margin-left:4px;padding-left:4px;font-size:.85em;line-height:1}.share-dialog-body{flex-direction:column;gap:12px;padding:0 20px 16px;display:flex}.share-field{color:var(--text-2);flex-direction:column;gap:4px;font-size:.85em;display:flex}.share-field input{background:var(--bg-3);border:1px solid var(--border);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;padding:8px 10px;font-size:.95em}.share-field input::-webkit-calendar-picker-indicator{filter:invert(.4);cursor:pointer}.share-buffer-row{gap:12px;display:flex}.share-buffer-row .share-field{flex:1}.share-drift-banner{background:var(--accent-dim);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:8px 20px;font-size:.85em;display:flex}.settings-dialog{border:1px solid var(--border);background:var(--bg-2);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:12px;margin:auto;padding:24px}.settings-dialog::backdrop{background:#0009}.settings-dialog form,.settings-dialog label{gap:8px;display:grid}.settings-dialog form{gap:18px}.settings-dialog h2{margin:0;font-size:20px}.settings-dialog input,.settings-dialog select{border:1px solid var(--border);background:var(--bg-3);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:10px}.settings-dialog p{color:var(--text-2);margin:0;font-size:13px}.settings-dialog footer{justify-content:flex-end;gap:12px;display:flex}.settings-dialog button{border:1px solid var(--border);color:var(--text);background:var(--bg-3);cursor:pointer;border-radius:6px;padding:10px 14px}.settings-dialog button[type=submit]{background:var(--accent);color:#fff}.reminder-options{border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.reminder-options label{align-items:center;gap:8px;font-size:13px;display:flex}.reminder-options input{accent-color:var(--accent)}.activity-dialog{border:1px solid var(--border);background:var(--bg-2);width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:12px;margin:auto;padding:24px}.activity-dialog::backdrop{background:#0009}.activity-dialog header,.activity-entry-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-dialog h2{margin:0;font-size:20px}.activity-dialog button{border:1px solid var(--border);background:var(--bg-3);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:8px 12px}.activity-dialog button:disabled{opacity:.5;cursor:default}.activity-dialog nav{gap:8px;margin:20px 0 12px;display:flex}.activity-dialog button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.activity-help,.activity-meta,.activity-entry-heading>span{color:var(--text-2);font-size:12px;line-height:1.5}.activity-list article{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:16px 0}.activity-list details{margin:12px 0 0;font-size:13px}.activity-list summary{cursor:pointer}.activity-list dl>div{margin:10px 0}.activity-list dt{color:var(--text-2);font-size:12px}.activity-list dd{white-space:pre-wrap;margin:4px 0}.activity-entry-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.activity-entry-actions button{font-size:12px}