.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--bg:#f7f7f5;--fg:#1d1d1b;--muted:#6b6b66;--accent:#2f5bd3;--error:#b42318;--surface:#fff;--border:#e3e3de;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161615;--fg:#ececea;--muted:#9a9a94;--accent:#7c9cf0;--error:#f97066;--surface:#1f1f1e;--border:#33332f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.muted{color:var(--muted)}.error{color:var(--error)}.signin{text-align:center;place-content:center;justify-items:center;gap:16px;min-height:100vh;padding:16px;display:grid}.button,button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:6px;padding:8px 16px;text-decoration:none}.signin .button{background:var(--accent);border-color:var(--accent);color:#fff}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:12px 16px;display:flex}.spacer{flex:1}.home{padding:24px 16px}.home-toolbar{align-items:center;gap:12px;margin-bottom:8px;display:flex}.home-toolbar select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:6px;padding:6px 8px}.widget{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.widget-header{border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:4px 4px 4px 12px;display:flex}.widget-header h2{margin:0;font-size:14px;font-weight:600}.widget-body{flex:1;min-height:0;padding:12px;overflow:auto}button.icon{background:0 0;border-color:#0000;padding:2px 8px;line-height:1.2}button.icon:hover{border-color:var(--border)}.react-grid-item.react-grid-placeholder{background:var(--accent)}.fullscreen{padding:16px}.fullscreen-bar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.fullscreen-bar h1{margin:0;font-size:20px}.clock-time{font-variant-numeric:tabular-nums;font-size:32px;font-weight:600}.clock-large{text-align:center;margin-top:15vh}.clock-large .clock-time{font-size:min(20vw,160px)}.pomodoro{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pomodoro-phase{color:var(--accent);font-weight:600}.pomodoro[data-phase=shortBreak] .pomodoro-phase,.pomodoro[data-phase=longBreak] .pomodoro-phase{color:var(--muted)}.pomodoro-time{font-variant-numeric:tabular-nums;font-size:36px;font-weight:600}.pomodoro-controls{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pomodoro-large .pomodoro-time{font-size:min(18vw,140px)}.pomodoro-full{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;display:flex}.pomodoro-full .pomodoro{flex:320px;margin-top:8vh}.pomodoro-side{flex-direction:column;flex:0 320px;gap:24px;display:flex}.pomodoro-side h2{margin:0 0 8px;font-size:16px}.pomodoro-settings{flex-direction:column;gap:8px;display:flex}.pomodoro-settings label{justify-content:space-between;align-items:center;gap:12px;display:flex}.pomodoro-settings input{width:5em}.pomodoro-log ul{margin:0;padding:0;list-style:none}.pomodoro-log li{border-bottom:1px solid var(--border);padding:4px 0}a{color:var(--accent)}.topbar a{color:var(--fg);text-decoration:none}.topbar .brand{font-weight:700}.settings{max-width:760px;margin:0 auto;padding:24px 16px}.settings h1{margin:0 0 16px;font-size:22px}.settings h2{margin:0 0 8px;font-size:16px}.connectors{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.connector{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.connector p{margin:8px 0 0}.connector-head,.connector-account{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.connector-account{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.connector-status{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:13px}.connector-status[data-status=ok]{color:var(--accent);border-color:var(--accent)}.connector-status[data-status=error],.connector-status[data-status=needsReconnect]{color:var(--error);border-color:var(--error)}.calendar-sync{margin-bottom:8px}.calendar-sync-row{align-items:center;gap:8px;font-size:13px;display:flex}.calendar-problem{margin:4px 0 0;font-size:14px}.agenda-day h3{color:var(--muted);margin:12px 0 4px;font-size:13px;font-weight:600}.agenda-day ul{margin:0;padding:0;list-style:none}.agenda-event{gap:8px;padding:3px 0;display:flex}.agenda-event.past{opacity:.55}.agenda-event a{color:inherit;text-decoration:none}button.event-open{color:inherit;font:inherit;text-align:left;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;max-width:100%;padding:0;overflow:hidden}button.event-open:hover{text-decoration:underline}.agenda-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 5.5em}[data-status=tentative]{font-style:italic}.calendar-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.calendar-toolbar h2{margin:0 8px;font-size:18px}.calendar-views{display:flex}.calendar-views button{border-radius:0}.calendar-views button:first-child{border-radius:6px 0 0 6px}.calendar-views button:last-child{border-radius:0 6px 6px 0}.calendar-views button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.calendar-chip{background:color-mix(in srgb, var(--accent) 18%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;margin-bottom:2px;padding:1px 6px;font-size:12px;overflow:hidden}.calendar-chip a,.monthgrid-event a,.timegrid-event a{color:inherit;text-decoration:none}.timegrid{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.timegrid-head,.timegrid-allday,.timegrid-body{grid-template-columns:56px repeat(var(--days), minmax(0, 1fr));display:grid}.timegrid-head>div,.timegrid-allday>div{border-left:1px solid var(--border);padding:4px 6px;font-size:13px}.timegrid-allday{border-bottom:1px solid var(--border)}.timegrid-date.today{color:var(--accent);font-weight:700}.timegrid-body{height:min(70vh,720px);overflow-y:auto}.timegrid-hours div{color:var(--muted);text-align:right;padding-right:6px;font-size:11px;transform:translateY(-.6em)}.timegrid-day{border-left:1px solid var(--border);background-image:repeating-linear-gradient(to bottom, var(--border) 0 1px, transparent 1px 48px);position:relative}.timegrid-event{border:1px solid var(--surface);background:color-mix(in srgb, var(--accent) 22%, var(--surface));border-radius:4px;padding:2px 4px;font-size:12px;position:absolute;overflow:hidden}.timegrid-now{background:var(--error);pointer-events:none;height:2px;position:absolute;left:0;right:0}.monthgrid{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.monthgrid-weekday{border-bottom:1px solid var(--border);padding:4px 6px;font-size:12px}.monthgrid-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:96px;padding:4px;font-size:12px;overflow:hidden}.monthgrid-day.other-month{opacity:.5}.monthgrid-date{margin-bottom:2px;font-weight:600}.monthgrid-day.today .monthgrid-date{color:var(--accent)}.monthgrid-event{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--error);border-color:var(--error)}button:disabled{opacity:.6;cursor:default}.event-dialog{border:1px solid var(--border);background:var(--surface);width:min(440px,100vw - 32px);color:var(--fg);border-radius:10px;padding:16px}.event-dialog::backdrop{background:#00000059}.event-dialog h2{margin:0 0 8px;font-size:18px}.event-dialog p{margin:6px 0}.event-description{white-space:pre-wrap}.event-dialog-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.event-form{flex-direction:column;gap:10px;display:flex}.event-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.event-form .event-form-check,.event-form fieldset label{color:var(--fg);flex-direction:row;align-items:center;gap:6px;font-size:14px}.event-form input:not([type=checkbox],[type=radio]),.event-form textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;padding:6px 8px}.event-form fieldset{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;gap:16px;margin:0;padding:6px 10px 8px;display:flex}.event-form legend{color:var(--muted);font-size:13px}.connector-account .error{flex-basis:100%;margin:0}button.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.mail-tile{flex-direction:column;min-height:0;display:flex}.mail-filter{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;margin-bottom:8px;padding:4px 6px}.mail-list{margin:0;padding:0;list-style:none;overflow-y:auto}.mail-row{border-bottom:1px solid var(--border);position:relative}.mail-actions{gap:2px;display:flex}.mail-row .mail-actions{background:var(--surface);opacity:0;border-radius:6px;padding:1px;position:absolute;bottom:2px;right:2px}.mail-row:hover .mail-actions,.mail-row:focus-within .mail-actions{opacity:1}@media (hover:none){.mail-row .mail-actions{opacity:1;background:0 0;justify-content:flex-end;position:static}}.mail-actions button.icon{padding:2px 6px;font-size:13px}.mail-action-problem{margin:4px 0;font-size:14px}.mail-reading-bar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mail-open{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:8px;padding:6px 4px;display:flex}button.mail-open{cursor:pointer}button.mail-open:hover,.mail-row[aria-current=true] .mail-open{background:color-mix(in srgb, var(--accent) 10%, transparent)}.mail-dot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px}.mail-row-text{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.mail-row-top{gap:8px;display:flex}.mail-senders{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mail-date{flex:none;font-size:12px}.mail-subject,.mail-snippet{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-snippet{font-size:13px}.mail-row[data-unread=true] .mail-senders,.mail-row[data-unread=true] .mail-subject{font-weight:700}.mail-full{grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;height:calc(100vh - 110px);display:grid}.mail-side{flex-direction:column;min-height:0;display:flex}.mail-side .mail-list{flex:1}.mail-search{gap:6px;margin-bottom:8px;display:flex}.mail-search input{min-width:0;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;flex:1;padding:6px 8px}.mail-side-bar{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.mail-search-status p{margin:4px 0;font-size:14px}.mail-pane{min-height:0;overflow-y:auto}.mail-empty{text-align:center;margin-top:24px}.mail-back{display:none}.mail-reading-subject{margin:0 0 12px;font-size:20px}.mail-message{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:10px;padding:8px 12px}.mail-message-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:8px;padding:0;display:flex}.mail-message p{margin:6px 0}.mail-recipients{overflow-wrap:anywhere;font-size:13px}.mail-remote{background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:6px;padding:4px 8px;font-size:13px}.mail-frame{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;height:60vh;display:block}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:6px 0}.mail-attachments{margin:8px 0 0;padding:0;font-size:14px;list-style:none}.mail-attachments li{padding:2px 0}@media (width<=720px){.mail-full{grid-template-columns:1fr;height:auto}.mail-full[data-reading=true] .mail-side,.mail-full[data-reading=false] .mail-pane{display:none}.mail-back{display:inline-block}}