.shell{display:flex;height:100%;background:radial-gradient(1100px 500px at 85% -10%,var(--accent-soft),transparent 60%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),var(--bg);background-size:auto,44px 44px,44px 44px,auto}.shell-main{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);flex:none;padding:18px 12px 14px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:width var(--speed-med) var(--ease-out)}.shell[data-collapsed=true] .sidebar{width:var(--sidebar-rail)}.sidebar-head{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;overflow:hidden;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-foot{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--border)}.sidebar-link{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-mid);font-size:var(--text-sm);font-weight:550;white-space:nowrap;overflow:hidden;transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.sidebar-link svg{width:19px;height:19px;flex:none}.sidebar-link:hover{background:var(--surface-2);color:var(--text)}.sidebar-link.active{background:color-mix(in srgb,var(--item-accent) 13%,transparent);color:var(--text)}.sidebar-link.active svg{color:var(--item-accent)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:3px;height:55%;border-radius:var(--radius-full);background:var(--item-accent);box-shadow:0 0 10px var(--item-accent)}.shell[data-collapsed=true] .sidebar-link{justify-content:center;padding:10px 0}.sidebar-collapse{color:var(--text-dim)}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;height:calc(var(--bottomnav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottomnav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-dim);font-size:var(--text-xs);font-weight:550;transition:color var(--speed-fast) var(--ease-out)}.bottomnav-link svg{width:21px;height:21px;transition:transform var(--speed-fast) var(--ease-out)}.bottomnav-link.active{color:var(--item-accent)}.bottomnav-link.active svg{transform:translateY(-1px)}@media(max-width:800px){.sidebar{display:none}.bottomnav{display:flex}.shell-main{height:calc(100% - var(--bottomnav-height) - env(safe-area-inset-bottom))}}.page{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--page-pad);overflow-y:auto}.page[data-scroll=locked]{overflow:hidden}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex:none}.page-title{font-size:var(--text-xl)}.page-title small{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:450;color:var(--text-mid);letter-spacing:0;margin-top:2px}.signin{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:var(--bg-deep)}.signin-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(640px 420px at 20% 12%,var(--accent-glow),transparent 65%),radial-gradient(560px 400px at 82% 88%,rgba(143,156,247,.16),transparent 65%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;-webkit-mask-image:radial-gradient(closest-side at 50% 50%,black,transparent 130%);mask-image:radial-gradient(closest-side at 50% 50%,black,transparent 130%)}.signin-card{position:relative;width:min(380px,100%);padding:34px 30px 24px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.signin-brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:26px;text-align:center}.signin-brand h1{font-size:var(--text-2xl);letter-spacing:-.02em}.signin-brand p{color:var(--text-mid);font-size:var(--text-sm)}.signin-form{display:flex;flex-direction:column;gap:6px}.signin-form .field{margin-bottom:10px}.signin-submit{margin-top:6px;width:100%;padding:11px}.signin-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-dim);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:var(--border)}.signin-google{width:100%;padding:11px}.signin-foot{margin-top:22px;text-align:center;color:var(--text-dim);font-size:var(--text-xs);letter-spacing:.04em}.today-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px;flex:none}.today-date{color:var(--text-mid);font-size:var(--text-sm);margin-top:3px}.today-avatar{border-radius:var(--radius-full);transition:transform var(--speed-fast) var(--ease-out)}.today-avatar:hover{transform:scale(1.06)}.today-avatar-letter{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border)}.today-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"schedule weather" "schedule due";gap:14px;align-items:start}.today-schedule{grid-area:schedule}.today-due{grid-area:due}.weather{grid-area:weather}@media(max-width:800px){.today-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"weather" "schedule" "due"}}.today-card{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.today-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.today-more{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-dim);transition:color var(--speed-fast) var(--ease-out)}.today-more svg{width:12px;height:12px}.today-more:hover{color:var(--page-accent)}.today-quiet{color:var(--text-dim);font-size:var(--text-sm);padding:6px 0 4px}.today-events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.today-event{display:flex;align-items:baseline;gap:10px;padding:9px 10px;border-radius:var(--radius-md);transition:background var(--speed-fast) var(--ease-out)}.today-event:hover{background:var(--surface-2)}.today-event[data-past=true]{opacity:.45}.today-event[data-next=true]{background:color-mix(in srgb,var(--page-accent) 9%,transparent);outline:1px solid color-mix(in srgb,var(--page-accent) 30%,transparent)}.today-event-time{flex:none;width:64px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-mid)}.today-event-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-full);align-self:center}.today-event-title{font-size:var(--text-sm);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-event-loc{font-size:var(--text-xs);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.today-task{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--speed-fast) var(--ease-out)}.today-task:hover{background:var(--surface-2)}.today-task input{accent-color:var(--page-accent);width:16px;height:16px;flex:none}.today-task-title{font-size:var(--text-sm);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-task-overdue{flex:none;font-size:var(--text-xs);font-weight:600;color:var(--danger);background:var(--danger-soft);padding:2px 8px;border-radius:var(--radius-full)}.weather-loading{display:flex;justify-content:center;padding:22px 0}.weather-now{display:flex;align-items:center;gap:14px}.weather-now-icon{width:42px;height:42px;color:var(--page-accent)}.weather-now-temp{font-family:var(--font-display);font-size:2.4rem;font-weight:600;letter-spacing:-.03em;line-height:1}.weather-now-meta{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);color:var(--text-mid)}.weather-now-meta span:first-child{color:var(--text);font-weight:550}.weather-stats{display:flex;gap:14px;font-size:var(--text-xs);color:var(--text-dim)}.weather-stats span{display:inline-flex;align-items:center;gap:4px}.weather-stats svg{width:12px;height:12px}.weather-hours{display:flex;justify-content:space-between;gap:4px;padding-top:10px;border-top:1px solid var(--border)}.weather-hour{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.weather-hour-label{font-size:var(--text-xs);color:var(--text-dim)}.weather-hour-icon{width:16px;height:16px;color:var(--text-mid)}.weather-hour-temp{font-size:var(--text-xs);font-weight:600}.tasks-actions{display:flex;align-items:center;gap:8px}.tasks-loading{flex:1;display:flex;align-items:center;justify-content:center}.spin{animation:spin .9s linear infinite}.tasks-board{flex:1;min-height:0;display:flex;gap:14px;overflow-x:auto;align-items:flex-start;padding-bottom:8px}.tasklist{display:flex;flex-direction:column;flex:none;width:300px;max-height:100%;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg)}.tasklist-head{display:flex;align-items:center;gap:8px;padding:12px 10px 8px 16px;flex:none}.tasklist-title{display:flex;align-items:center;gap:8px;font-size:var(--text-md);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasklist-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--page-accent);background:color-mix(in srgb,var(--page-accent) 12%,transparent);padding:1px 8px;border-radius:var(--radius-full)}.tasklist-account{flex:none;font-size:var(--text-xs);color:var(--text-dim);border:1px solid var(--border);padding:1px 8px;border-radius:var(--radius-full)}.tasklist-menu-anchor{position:relative;flex:none}.tasklist-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20}.tasklist-body{padding:4px 10px 12px;overflow-y:auto;min-height:0}.tasklist-add{display:flex;align-items:center;gap:7px;width:100%;padding:8px;border-radius:var(--radius-md);color:var(--text-dim);font-size:var(--text-sm);font-weight:550;transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.tasklist-add svg{width:15px;height:15px}.tasklist-add:hover{background:color-mix(in srgb,var(--page-accent) 9%,transparent);color:var(--page-accent)}.tasklist-composer{margin-bottom:6px}.tasklist-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tasklist-empty{color:var(--text-dim);font-size:var(--text-sm);padding:8px}.task-row{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:var(--radius-md);transition:background var(--speed-fast) var(--ease-out)}.task-row:hover{background:var(--surface-2)}.task-row input{accent-color:var(--page-accent);width:16px;height:16px;flex:none;margin-top:2px;cursor:pointer}.task-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left}.task-row-title{font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere;transition:color var(--speed-fast) var(--ease-out)}.task-row[data-done=true] .task-row-title{color:var(--text-dim);text-decoration:line-through}.task-row-notes{font-size:var(--text-xs);color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-row-due{flex:none;font-size:var(--text-xs);font-weight:600;color:var(--text-dim);border:1px solid var(--border);padding:2px 8px;border-radius:var(--radius-full);margin-top:1px}.task-row-due[data-today=true]{color:var(--page-accent);border-color:transparent;background:color-mix(in srgb,var(--page-accent) 13%,transparent)}.task-row-due[data-overdue=true]{color:var(--danger);border-color:transparent;background:var(--danger-soft)}.modal-form{display:flex;flex-direction:column;gap:8px}.modal-form .field{margin-bottom:6px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.modal-actions-split{justify-content:space-between}@media(max-width:800px){.page[data-page=tasks][data-scroll=locked]{overflow-y:auto}.tasks-board{flex-direction:column;overflow-x:visible;align-items:stretch}.tasklist{width:100%;max-height:none}.tasklist-body{overflow-y:visible}}.tasklist-head{cursor:grab;-webkit-user-select:none;user-select:none}.tasklist-head:active{cursor:grabbing}.tasklist[data-dragging=true]{opacity:.45}.tasklist[data-dragover=true]{outline:2px solid color-mix(in srgb,var(--page-accent) 60%,transparent);outline-offset:2px}.tasklist-pin{width:13px;height:13px;flex:none;color:var(--page-accent)}.cal-head{flex-wrap:wrap;row-gap:10px}.cal-title-group{display:flex;align-items:center;gap:12px;min-width:0}.cal-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cal-stepper{display:flex;align-items:center;gap:2px}.cal-today-btn{padding:7px 12px}.cal-views{display:flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.cal-view-btn{padding:5px 14px;border-radius:calc(var(--radius-md) - 4px);font-size:var(--text-sm);font-weight:550;color:var(--text-mid);transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.cal-view-btn[data-active=true]{background:color-mix(in srgb,var(--page-accent) 16%,transparent);color:var(--page-accent)}.cal-body{flex:1;min-height:0;display:flex;flex-direction:column}.month{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--surface) 72%,transparent)}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border);flex:none}.month-weekdays span{padding:8px 10px;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-align:right}.month-grid{flex:1;min-height:0;display:grid;grid-template-rows:repeat(6,1fr)}.month-week{position:relative;display:grid;grid-template-columns:repeat(7,1fr);min-height:0;border-bottom:1px solid var(--border)}.month-week:last-child{border-bottom:none}.month-spans{position:absolute;top:28px;left:0;right:0;z-index:2;pointer-events:none}.month-bar{position:absolute;height:18px;padding:0 8px;pointer-events:auto;border-radius:5px;font-size:var(--text-xs);font-weight:550;text-align:left;color:var(--text);background:color-mix(in srgb,var(--chip-color) 26%,var(--surface));border-left:3px solid var(--chip-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:filter var(--speed-fast) var(--ease-out)}.month-bar:hover{filter:brightness(1.12)}.month-bar[data-clipped-start=true]{border-top-left-radius:0;border-bottom-left-radius:0;border-left-style:dotted}.month-bar[data-clipped-end=true]{border-top-right-radius:0;border-bottom-right-radius:0}.month-cell{display:flex;flex-direction:column;gap:3px;min-height:0;min-width:0;padding:6px;border-right:1px solid var(--border);cursor:pointer;overflow:hidden;transition:background var(--speed-fast) var(--ease-out)}.month-cell:last-child{border-right:none}.month-cell:hover{background:var(--surface-2)}.month-cell[data-outside=true] .month-cell-date{color:var(--text-dim);opacity:.55}.month-cell-date{align-self:flex-end;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:550;color:var(--text-mid);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex:none}.month-cell[data-today=true] .month-cell-date{background:var(--page-accent);color:var(--bg);font-weight:700;box-shadow:0 0 12px color-mix(in srgb,var(--page-accent) 55%,transparent)}.month-cell-events{display:flex;flex-direction:column;gap:2px;min-height:0;overflow:hidden}.month-chip{display:flex;align-items:center;gap:5px;padding:2px 6px;border-radius:5px;font-size:var(--text-xs);text-align:left;min-width:0;color:var(--text);background:transparent;transition:background var(--speed-fast) var(--ease-out)}.month-chip:hover{background:var(--surface-3)}.month-chip:before{content:"";width:6px;height:6px;flex:none;border-radius:var(--radius-full);background:var(--chip-color)}.month-chip[data-allday=true]{background:color-mix(in srgb,var(--chip-color) 18%,transparent)}.month-chip[data-allday=true]:before{display:none}.month-chip-time{font-family:var(--font-mono);color:var(--text-dim);flex:none;font-size:.66rem}.month-chip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.month-more{font-size:.66rem;font-weight:600;color:var(--text-dim);padding-left:6px}.timegrid{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--surface) 72%,transparent);--gutter: 56px}.timegrid-gutter{width:var(--gutter);flex:none}.timegrid-header{display:flex;border-bottom:1px solid var(--border);flex:none}.timegrid-dayhead{flex:1;display:flex;align-items:baseline;justify-content:center;gap:6px;padding:9px 4px;border-left:1px solid var(--border);transition:background var(--speed-fast) var(--ease-out)}.timegrid-dayhead:hover{background:var(--surface-2)}.timegrid-dayname{font-size:var(--text-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.timegrid-daynum{font-family:var(--font-display);font-size:var(--text-md);font-weight:600}.timegrid-dayhead[data-today=true] .timegrid-dayname,.timegrid-dayhead[data-today=true] .timegrid-daynum{color:var(--page-accent)}.timegrid-allday{display:flex;border-bottom:1px solid var(--border);flex:none;max-height:104px;overflow-y:auto}.timegrid-allday-label{display:flex;align-items:center;justify-content:flex-end;padding:6px 8px;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.timegrid-allday-track{flex:1;min-width:0;position:relative;border-left:1px solid var(--border)}.timegrid-band-bar{position:absolute;height:20px;padding:0 8px;border-radius:5px;font-size:var(--text-xs);font-weight:550;text-align:left;color:var(--text);background:color-mix(in srgb,var(--chip-color) 26%,var(--surface));border-left:3px solid var(--chip-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:filter var(--speed-fast) var(--ease-out)}.timegrid-band-bar:hover{filter:brightness(1.12)}.timegrid-band-bar[data-clipped-start=true]{border-top-left-radius:0;border-bottom-left-radius:0;border-left-style:dotted}.timegrid-band-bar[data-clipped-end=true]{border-top-right-radius:0;border-bottom-right-radius:0}.timegrid-scroll{flex:1;min-height:0;overflow-y:auto}.timegrid-canvas{display:flex;position:relative;height:100%;min-height:420px}.timegrid-hours{position:relative}.timegrid-hour{position:absolute;right:8px;transform:translateY(-50%);font-family:var(--font-mono);font-size:.66rem;color:var(--text-dim)}.timegrid-daycol{flex:1;min-width:0;position:relative;border-left:1px solid var(--border)}.timegrid-daycol[data-today=true]{background:color-mix(in srgb,var(--page-accent) 3%,transparent)}.timegrid-hourline{position:absolute;left:0;right:0;height:1px;background:var(--border);opacity:.55;pointer-events:none}.timegrid-event{position:absolute;display:flex;flex-direction:column;gap:1px;padding:4px 7px;border-radius:7px;overflow:hidden;text-align:left;background:color-mix(in srgb,var(--chip-color) 22%,var(--surface));border-left:3px solid var(--chip-color);transition:filter var(--speed-fast) var(--ease-out)}.timegrid-event:hover{filter:brightness(1.12);z-index:5}.timegrid-event[data-offwindow=true]{opacity:.55;border-left-style:dotted}.timegrid-event-title{font-size:var(--text-xs);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timegrid-event-time{font-family:var(--font-mono);font-size:.64rem;color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timegrid-now{position:absolute;left:0;right:0;height:2px;background:var(--danger);box-shadow:0 0 8px var(--danger);pointer-events:none;z-index:6}.timegrid-now:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--danger)}.event-detail{position:relative}.event-detail-swatch{position:absolute;top:6px;left:-22px;bottom:6px;width:4px;border-radius:var(--radius-full)}.event-detail h3{margin-bottom:14px;overflow-wrap:anywhere}.event-detail-row{display:flex;align-items:flex-start;gap:10px;padding:5px 0;font-size:var(--text-sm);color:var(--text-mid)}.event-detail-row svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--text-dim)}.event-detail-account{font-size:var(--text-xs);color:var(--text-dim);border:1px solid var(--border);padding:1px 8px;border-radius:var(--radius-full)}.event-detail-desc span{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow-y:auto}.new-event-allday{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-mid);padding:2px 0 6px;cursor:pointer}.new-event-allday input{accent-color:var(--page-accent)}.new-event-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:800px){.cal-head{flex-direction:column;align-items:stretch}.cal-controls{justify-content:space-between}.cal-new span,.month-chip-time{display:none}.month-cell{padding:3px}.timegrid{--gutter: 44px}}.notes-folders{display:flex;align-items:center;gap:8px;flex:none;padding-bottom:14px;overflow-x:auto}.notes-folder-add{padding:5px 10px}.notes-folder-menu-anchor{position:relative;margin-left:auto;flex:none}.notes-folder-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;display:block}.notes-split{flex:1;min-height:0;display:flex;gap:14px}.notes-list-pane{width:290px;flex:none;min-height:0;display:flex;flex-direction:column;gap:10px}.notes-new{width:100%;justify-content:flex-start}.notes-list{list-style:none;margin:0;padding:0 2px 4px 0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.note-item{display:flex;flex-direction:column;gap:3px;width:100%;padding:11px 13px;text-align:left;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--speed-fast) var(--ease-out),background var(--speed-fast) var(--ease-out),transform var(--speed-fast) var(--ease-out)}.note-item:hover{background:var(--surface-2);border-color:var(--border-strong)}.note-item[data-active=true]{border-color:color-mix(in srgb,var(--page-accent) 55%,transparent);background:color-mix(in srgb,var(--page-accent) 7%,var(--surface))}.note-item-title{font-weight:600;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item-snippet{font-size:var(--text-xs);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item-date{font-size:.66rem;font-family:var(--font-mono);color:var(--text-dim)}.notes-editor-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.notes-back{display:none;align-self:flex-start;margin:8px 8px 0}.note-editor{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 22px 18px;gap:8px}.note-editor-bar{display:flex;align-items:center;gap:10px;flex:none}.note-editor-folder{background:var(--surface-2);border:1px solid var(--border);color:var(--text-mid);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);padding:4px 10px;cursor:pointer}.note-editor-status{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:var(--text-xs);color:var(--text-dim);transition:color var(--speed-med) var(--ease-out)}.note-editor-status svg{width:12px;height:12px}.note-editor-status[data-state=saved]{color:var(--ok)}.note-editor-title{border:none;background:transparent;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.015em;color:var(--text);padding:4px 0}.note-editor-title:focus{outline:none}.note-editor-title::placeholder{color:var(--text-dim)}.note-editor-body{flex:1;min-height:0;border:none;background:transparent;resize:none;color:var(--text);font-size:var(--text-md);line-height:1.65;padding:2px 0}.note-editor-body::placeholder{color:var(--text-dim)}@media(max-width:800px){.notes-split{position:relative}.notes-list-pane{width:100%}.notes-editor-pane,.page[data-mobile-editing=true] .notes-list-pane,.page[data-mobile-editing=true] .notes-folders{display:none}.page[data-mobile-editing=true] .notes-editor-pane{display:flex}.page[data-mobile-editing=true] .notes-back{display:inline-flex}.note-editor{padding:8px 16px 14px}}.note-editor-toolbar{display:flex;gap:2px;flex:none;padding:4px 0 6px;border-bottom:1px solid var(--border)}.note-tool{width:30px;height:30px}.note-tool svg{width:15px;height:15px}.note-editor-body{overflow-y:auto;cursor:text}.note-editor-body:focus{outline:none}.note-editor-body:empty:before{content:attr(data-placeholder);color:var(--text-dim);pointer-events:none}.note-editor-body ul,.note-editor-body ol{margin:4px 0;padding-left:26px}.note-editor-body li{margin:2px 0}.note-editor-body input[type=checkbox]{accent-color:var(--page-accent, var(--accent));width:15px;height:15px;margin:0 6px 0 1px;vertical-align:-2px;cursor:pointer}.settings-stack{display:flex;flex-direction:column;gap:14px;max-width:640px;width:100%;margin:0 auto}.settings-card{padding:18px 20px;display:flex;flex-direction:column;gap:12px}.settings-hint{color:var(--text-mid);font-size:var(--text-sm)}.settings-setup-note{padding:12px 14px;border-radius:var(--radius-md);border:1px dashed var(--border-strong);color:var(--text-mid);font-size:var(--text-sm);line-height:1.6}.settings-setup-note code{font-family:var(--font-mono);font-size:.78rem;background:var(--surface-3);padding:1px 6px;border-radius:5px}.settings-profile{display:flex;align-items:center;gap:12px}.settings-profile-text,.settings-account-text{display:flex;flex-direction:column;min-width:0;flex:1}.settings-profile-text strong,.settings-account-text strong{font-size:var(--text-sm);font-weight:600}.settings-profile-text span,.settings-account-text span{font-size:var(--text-xs);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-avatar-letter{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border)}.settings-accounts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.settings-account{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.settings-account-badges{display:flex;gap:6px;flex:none}.settings-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);padding:2px 9px;border-radius:var(--radius-full)}.settings-badge svg{width:12px;height:12px}.settings-connect{align-self:flex-start}.settings-theme-row{display:flex;gap:8px}.settings-theme{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--text-sm);font-weight:550;color:var(--text-mid);transition:border-color var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out),background var(--speed-fast) var(--ease-out)}.settings-theme svg{width:18px;height:18px}.settings-theme:hover{border-color:var(--border-strong);color:var(--text)}.settings-theme[data-active=true]{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-soft);color:var(--accent)}.settings-current-location{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:550}.settings-current-location svg{width:15px;height:15px;color:var(--accent)}.settings-location-search{display:flex;gap:8px}.settings-location-results{list-style:none;margin:0;padding:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.settings-foot{text-align:center;color:var(--text-dim);font-size:var(--text-xs);letter-spacing:.05em;padding:8px 0 16px}:root{--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .72rem;--text-sm: .83rem;--text-md: .94rem;--text-lg: 1.12rem;--text-xl: 1.45rem;--text-2xl: 1.9rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--speed-fast: .14s;--speed-med: .24s;--speed-slow: .42s;--sidebar-width: 232px;--sidebar-rail: 68px;--bottomnav-height: 62px;--page-pad: clamp(16px, 3vw, 32px);--accent-today: #38cfe0;--accent-tasks: #f5b453;--accent-calendar: #8f9cf7;--accent-notes: #4fd6a4}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b0f14;--bg-deep: #070a0e;--surface: #11161d;--surface-2: #171e27;--surface-3: #1e2733;--border: rgba(148, 173, 200, .14);--border-strong: rgba(148, 173, 200, .26);--text: #e7edf4;--text-mid: #9fadbc;--text-dim: #67788a;--accent: #38cfe0;--accent-strong: #5fe2f0;--on-accent: #04262c;--accent-soft: rgba(56, 207, 224, .13);--accent-glow: rgba(56, 207, 224, .22);--danger: #f2718a;--danger-soft: rgba(242, 113, 138, .14);--ok: #4fd6a4;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 28px rgba(0, 0, 0, .45);--shadow-pop: 0 16px 48px rgba(0, 0, 0, .55);--backdrop: rgba(4, 7, 10, .62);--grid-line: rgba(148, 173, 200, .045)}:root[data-theme=light]{color-scheme:light;--bg: #eef1f5;--bg-deep: #e4e8ee;--surface: #ffffff;--surface-2: #f6f8fa;--surface-3: #eceff3;--border: rgba(24, 40, 56, .12);--border-strong: rgba(24, 40, 56, .24);--text: #16202b;--text-mid: #4d5d6e;--text-dim: #8494a5;--accent: #0e9db2;--accent-strong: #0b8a9c;--on-accent: #ffffff;--accent-soft: rgba(14, 157, 178, .1);--accent-glow: rgba(14, 157, 178, .18);--danger: #d64562;--danger-soft: rgba(214, 69, 98, .1);--ok: #14976b;--shadow-1: 0 1px 2px rgba(22, 32, 43, .08);--shadow-2: 0 8px 24px rgba(22, 32, 43, .1);--shadow-pop: 0 16px 44px rgba(22, 32, 43, .16);--backdrop: rgba(22, 32, 43, .4);--grid-line: rgba(24, 40, 56, .035);--accent-today: #0e9db2;--accent-tasks: #c07f16;--accent-calendar: #5966d6;--accent-notes: #14976b}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.015em}p{margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent-glow)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);font-weight:550;white-space:nowrap;transition:background var(--speed-fast) var(--ease-out),border-color var(--speed-fast) var(--ease-out),transform var(--speed-fast) var(--ease-out)}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}.btn-primary{background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:0 0 0 0 var(--accent-glow)}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 0 24px 0 var(--accent-glow)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2);border-color:transparent}.btn-danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.btn-danger:hover{background:var(--danger-soft);filter:brightness(1.15)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:var(--radius-md);color:var(--text-mid);transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn[data-active=true]{color:var(--accent);background:var(--accent-soft)}.field{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-md);transition:border-color var(--speed-fast) var(--ease-out),box-shadow var(--speed-fast) var(--ease-out)}.field::placeholder{color:var(--text-dim)}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.panel-title svg{width:13px;height:13px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-mid);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out),border-color var(--speed-fast) var(--ease-out)}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip[data-active=true]{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.menu{min-width:180px;padding:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:pop-in var(--speed-fast) var(--ease-out)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);text-align:left}.menu-item:hover{background:var(--surface-3)}.menu-item svg{width:15px;height:15px;color:var(--text-mid)}.menu-item[data-danger=true]{color:var(--danger)}.menu-item[data-danger=true] svg{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--speed-fast) ease-out}.modal{width:min(440px,100%);max-height:min(640px,90vh);overflow-y:auto;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);animation:rise-in var(--speed-med) var(--ease-out)}.modal h3{font-size:var(--text-lg);margin-bottom:14px}.avatar{width:34px;height:34px;flex:none;border-radius:var(--radius-full);object-fit:cover;background:var(--surface-3)}.dot{width:7px;height:7px;flex:none;border-radius:var(--radius-full);background:var(--accent)}.spinner{width:18px;height:18px;flex:none;border-radius:var(--radius-full);border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;color:var(--text-dim);font-size:var(--text-sm);text-align:center}.empty-state svg{width:22px;height:22px;opacity:.6}.error-note{padding:10px 14px;border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm)}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:rise-in var(--speed-slow) var(--ease-out)}.filtermenu{position:relative;flex:none}.filtermenu>.icon-btn{position:relative}.filtermenu-badge{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--page-accent, var(--accent));color:var(--bg);font-size:.62rem;font-weight:700}.filtermenu-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:230px;max-height:320px;overflow-y:auto}.filtermenu-title{padding:6px 10px 8px;font-size:var(--text-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.filtermenu-item{cursor:pointer;gap:9px}.filtermenu-item input{accent-color:var(--page-accent, var(--accent));width:15px;height:15px;flex:none}.filtermenu-swatch{width:9px;height:9px;flex:none;border-radius:3px}.filtermenu-label{display:flex;flex-direction:column;min-width:0;line-height:1.25}.filtermenu-label small{color:var(--text-dim);font-size:.66rem}