.dashboard-page .notes-widget,.dashboard-page .pomodoro-widget{display:flex;flex-direction:column;gap:.5rem;height:100%;min-height:0;color:var(--dashboard-fg,#f4f4f5)}.dashboard-page .widget-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-shrink:0}.dashboard-page .widget-overline{font-size:11px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--dashboard-muted,#9a9b9f);margin:0}.dashboard-page .widget-meta{font-size:12px;line-height:1.4;color:var(--dashboard-muted,#9a9b9f);margin:.15rem 0 0}.dashboard-page .widget-icon-button{background:transparent;border:0;color:var(--dashboard-muted,#9a9b9f);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;padding:6px;border-radius:7px;flex-shrink:0}.dashboard-page .widget-icon-button svg{width:16px;height:16px}.dashboard-page .widget-icon-button:hover{background:#ffffff0b;color:#eee}.dashboard-page .widget-icon-button:disabled,.dashboard-page .notes-widget button:disabled,.dashboard-page .pomodoro-widget button:disabled{opacity:.45;cursor:default}.dashboard-page .widget-text-button{border:0;background:transparent;color:var(--dashboard-muted,#9a9b9f);font-size:12px;padding:6px;border-radius:7px}.dashboard-page .widget-text-button:hover{background:#ffffff08;color:#eee}.dashboard-page .widget-message{font-size:13px;color:var(--dashboard-muted,#9a9b9f);margin:8px 0}.dashboard-page .widget-error{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;line-height:1.5;color:#df9999;padding:6px 0;flex-shrink:0}.dashboard-page .widget-error button{background:transparent;border:0;color:#ddd;text-decoration:underline;padding:0}.dashboard-page .notes-tabs-row{display:flex;align-items:center;gap:4px}.dashboard-page .notes-tabs{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.dashboard-page .note-tab{max-width:144px;flex-shrink:0}.dashboard-page .note-tab button{max-width:144px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;border:0;border-radius:7px;padding:5px 8px;background:transparent;color:var(--dashboard-muted,#aaa)}.dashboard-page .note-tab button[aria-selected=true]{color:#e4e4e7;background:#ffffff0d}.dashboard-page .note-tab input{background:transparent;border:0;border-bottom:2px solid #777a86;color:#eee;max-width:144px;width:120px;padding:5px 8px;font-size:13px;outline:none}.dashboard-page .notes-quick-editor,.dashboard-page .notes-detail-editor textarea{flex:1;width:100%;min-height:50px;resize:none;background:transparent;border:0;border-radius:6px;color:inherit;padding:12px;outline:none;font-family:inherit;font-size:15px;line-height:1.85;caret-color:#eee}.dashboard-page .notes-quick-editor:focus,.dashboard-page .notes-detail-editor textarea:focus{box-shadow:inset 2px 0 0 #777a8680}.dashboard-page .notes-quick-editor::placeholder,.dashboard-page .notes-detail-editor textarea::placeholder{color:#73747b}.dashboard-page .notes-status{display:flex;justify-content:space-between;gap:8px;color:var(--dashboard-muted,#9a9b9f);font-size:11px;flex-shrink:0}.dashboard-page .notes-dialog{padding:0;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(155deg,#242529,#1b1c20);color:#f4f4f5;width:min(92vw,56rem);height:80dvh;max-height:90dvh;max-width:92vw;box-shadow:0 25px 100px #0008;overflow:hidden}.dashboard-page .notes-dialog::backdrop{background:#0009}.dashboard-page .notes-detail{display:flex;flex-direction:column;height:100%;min-height:0}.dashboard-page .notes-detail-header{display:flex;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid #ffffff12}.dashboard-page .notes-detail-header input{min-width:0;flex:1;border:0;background:#ffffff08;color:inherit;padding:10px 12px;border-radius:6px;outline:none}.dashboard-page .notes-detail-panes{display:flex;flex:1;min-height:0}.dashboard-page .notes-detail-list{width:min(42%,18rem);border-right:1px solid #ffffff12;overflow-y:auto;flex-shrink:0}.dashboard-page .notes-list-item{display:flex;flex-direction:column;gap:3px;width:100%;padding:14px 16px;text-align:left;border:0;background:transparent;color:inherit}.dashboard-page .notes-list-item[aria-pressed=true]{background:#ffffff0d}.dashboard-page .notes-list-item:hover{background:#ffffff08}.dashboard-page .notes-list-item strong{font-size:14px;font-weight:500}.dashboard-page .notes-list-item span,.dashboard-page .notes-list-item small{font-size:12px;color:#9a9b9f}.dashboard-page .notes-list-item strong,.dashboard-page .notes-list-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dashboard-page .notes-detail-editor{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.dashboard-page .notes-detail-title{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #ffffff12}.dashboard-page .notes-detail-title input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:inherit;font-size:18px}.dashboard-page .notes-detail-editor textarea{padding:20px 26px}.dashboard-page .notes-detail-editor .notes-status{padding:12px 16px;border-top:1px solid #ffffff12}.dashboard-page .notes-detail>.widget-error{padding:8px 16px}.dashboard-page .notes-mobile-back{display:none}.dashboard-page .pomodoro-widget{position:relative;overflow:hidden}.dashboard-page .pomodoro-cycle{display:flex;gap:4px;flex-shrink:0}.dashboard-page .pomodoro-cycle span{width:24px;height:8px;border-radius:2px;background:#ffffff14}.dashboard-page .pomodoro-cycle .filled{background:#777a86}.dashboard-page .pomodoro-clock{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;gap:12px;position:relative;flex-wrap:wrap;align-content:center}.dashboard-page .pomodoro-time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:36px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1;z-index:1}.dashboard-page .pomodoro-clock p{max-width:14rem;text-align:center;z-index:1}.dashboard-page .pomodoro-actions{display:flex;gap:6px;flex-shrink:0}.dashboard-page .pomodoro-start{flex:1;min-width:56px;background:#777a86;border:1px solid #ffffff10;border-radius:9px;padding:7px 10px;color:#fff;font-size:12px;font-weight:500}.dashboard-page .pomodoro-start[aria-pressed=true]{background:#ffffff08;color:#ddd}.dashboard-page .pomodoro-settings-button{border:0;background:transparent;color:#9a9b9f;text-align:left;font-size:12px;padding:3px 0;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.dashboard-page .pomodoro-settings-panel{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;gap:12px;background:transparent;overflow-y:auto;padding:4px}.dashboard-page .pomodoro-settings-panel h3{margin-bottom:6px}.dashboard-page .pomodoro-settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#aaa}.dashboard-page .pomodoro-settings-panel input[type=number]{width:60px;border:0;border-radius:6px;background:#ffffff08;color:#eee;padding:6px 8px;text-align:right;font-size:13px}.dashboard-page .pomodoro-settings-panel .pomodoro-sound{justify-content:flex-start}.dashboard-page .pomodoro-settings-actions{margin-top:auto;display:flex;gap:10px;justify-content:space-between}.dashboard-page .pomodoro-settings-actions .pomodoro-start{flex:0 1 auto}.dashboard-page .notes-widget button:focus-visible,.dashboard-page .pomodoro-widget button:focus-visible,.dashboard-page .notes-dialog button:focus-visible,.dashboard-page .notes-dialog input:focus-visible,.dashboard-page .pomodoro-settings-panel input:focus-visible{outline:2px solid #777a86;outline-offset:2px}
@media(max-width:767px){.dashboard-page .notes-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:88dvh;margin:auto auto max(12px,env(safe-area-inset-bottom));border-radius:20px 20px 14px 14px}.dashboard-page .notes-mobile-back{display:block;white-space:nowrap}.dashboard-page .notes-detail-list{display:none}.dashboard-page .notes-show-list .notes-detail-list{display:block;width:100%;border:0}.dashboard-page .notes-show-list .notes-detail-editor{display:none}.dashboard-page .notes-detail-header{padding:10px 12px;gap:4px}.dashboard-page .notes-detail-header input{width:50px}.dashboard-page .notes-detail-editor textarea{padding:16px}.dashboard-page .pomodoro-time{font-size:32px}}

.dashboard-page .notes-widget h2.widget-overline,.dashboard-page .pomodoro-widget h2.widget-overline{font-size:14px;font-weight:600;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--dashboard-fg,#f4f4f5)}
.dashboard-page .is-stacked .notes-widget h2.widget-overline,.dashboard-page .is-stacked .pomodoro-widget h2.widget-overline{display:none}
.dashboard-page .is-stacked .pomodoro-widget { height:auto; flex:1; min-height:min-content; gap:12px; overflow:visible; }
.dashboard-page .is-stacked .pomodoro-widget .widget-section-header { flex-wrap:wrap; }
.dashboard-page .is-stacked .pomodoro-clock { flex:1 0 auto; min-height:96px; flex-direction:column; flex-wrap:nowrap; gap:8px; }
.dashboard-page .is-stacked .pomodoro-time { font-size:44px; }
.dashboard-page .is-stacked .pomodoro-clock p { margin:0; max-width:100%; }
.dashboard-page .is-stacked .pomodoro-actions { gap:8px; }
.dashboard-page .is-stacked .pomodoro-actions .pomodoro-start { min-height:42px; font-size:14px; }
.dashboard-page .is-stacked .pomodoro-actions .widget-text-button { min-height:42px; font-size:13px; }
.dashboard-page .is-stacked .pomodoro-settings-button { align-self:flex-start; flex-shrink:0; }

.dashboard-page .pomodoro-widget:has(> .pomodoro-settings-panel) > :not(.pomodoro-settings-panel) { visibility:hidden; }

.dashboard-page .dashboard-grid:not(.is-stacked) .pomodoro-clock { flex:1 0 auto; min-height:40px; flex-wrap:nowrap; }
.dashboard-page .pomodoro-time { flex-shrink:0; }
.dashboard-page .pomodoro-clock p { min-width:0; }
.dashboard-page .dashboard-grid:not(.is-stacked) .pomodoro-widget { overflow-y:auto; }
.dashboard-page .dashboard-grid:not(.is-stacked) .pomodoro-widget:has(> .pomodoro-settings-panel) { overflow:clip; }
.dashboard-page .dashboard-grid:not(.is-stacked) .pomodoro-settings-button { min-height:24px; flex-shrink:0; }
.dashboard-page .dashboard-grid:not(.is-stacked) .widget-card.is-editing:has(.pomodoro-widget) > .widget-body { padding-block:16px; }
.dashboard-page .dashboard-grid:not(.is-stacked) .widget-card.is-editing .pomodoro-widget { gap:4px; }

@media (max-width: 639px) {
  .dashboard-page .is-stacked .pomodoro-widget { gap: 8px; }
  .dashboard-page .is-stacked .pomodoro-clock { min-height: 76px; gap: 6px; }
  .dashboard-page .is-stacked .pomodoro-time { font-size: 40px; }
  .dashboard-page .is-stacked .pomodoro-actions .pomodoro-start,
  .dashboard-page .is-stacked .pomodoro-actions .widget-text-button { min-height: 38px; }
}