:root{--app-bg: #f5f6f8;--surface-bg: #ffffff;--surface-elevated: #fbfcff;--text-primary: #171a20;--text-secondary: #3f4854;--text-muted: #6b7280;--border: #d8dee8;--border-subtle: #e7ebf2;--accent: #2563eb;--accent-contrast: #ffffff;--success: #15803d;--warning: #b45309;--error: #b42318;--importance-low: #94a3b8;--importance-medium: #2563eb;--importance-high: #b42318;--source-gmail: #1d4ed8;--source-local: #137a3a;--shadow: 0 20px 60px rgb(15 23 42 / 16%);--header-bg: #ffffff;--toolbar-bg: #fbfcff;--modal-bg: #ffffff;--selected-bg: #eee9ff;--hover-bg: #f3f4f6;--heading-text: var(--text-primary);--navigation-text: var(--text-primary);--card-title: var(--text-primary);--card-body: var(--text-secondary);--metadata-text: var(--text-muted);--link-text: var(--accent);--input-bg: #ffffff;--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-border: var(--border);--input-focus-border: var(--accent);--input-invalid-border: var(--error);--input-disabled-bg: #f3f4f6;--input-disabled-text: var(--text-muted);--button-primary-bg: var(--accent);--button-primary-text: #ffffff;--button-secondary-bg: #ffffff;--button-secondary-text: var(--text-primary);--button-danger-bg: var(--error);--button-danger-text: #ffffff;--button-icon-bg: #ffffff;--button-icon-color: var(--text-primary);--button-hover-bg: #f3f4f6;--button-pressed-bg: #eee9ff;--button-disabled-bg: #e5e7eb;--button-disabled-text: var(--text-muted);--focus-color: var(--accent);--card-bg: var(--surface-bg);--card-border: var(--border);--card-hover: var(--surface-elevated);--border-width: 1px;--card-border-width: 1px;--font-card-title: 16px;--font-navigation: 14px;--font-control: 15px;--note-card-min-width: 300px;--logo-bg: #ffffff;--logo-border: var(--border);--logo-radius: 8px;--overlay: rgb(15 23 42 / 28%);--focus-ring: 0 0 0 3px rgb(37 99 235 / 28%);--radius: 10px;--card-radius: 12px;--control-height: 44px;--icon-button-size: 44px;--icon-size: 18px;--compact-action-gap: 6px;--space-mobile: 12px;--space-desktop: 20px;--panel-min-width: 380px;--panel-preferred-width: 40vw;--panel-max-width: 620px;--panel-width: clamp( var(--panel-min-width), var(--panel-preferred-width), var(--panel-max-width) );--panel-main-min-width: 620px;--sheet-max-height: min(86dvh, 720px);--sticky-header-height: 58px;--sticky-footer-height: 64px;--dismiss-action: #b42318;--complete-action: #15803d;--pin-active: #7c3aed;--font-sm: 13px;--font-base: 15px;--font-lg: 22px;--shadow-strength: 1;color:var(--text-primary);background:var(--app-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--app-bg)}:root[data-theme=soft-gray]{--app-bg: #eef1f4;--surface-bg: #ffffff;--surface-elevated: #f7f8fa}:root[data-theme=neutral-gray]{--app-bg: #ececec;--surface-bg: #ffffff;--surface-elevated: #f5f5f5;--text-primary: #181818}:root[data-theme=dark],:root[data-theme=charcoal]{--app-bg: #111318;--surface-bg: #1d2129;--surface-elevated: #171a21;--text-primary: #f4f6fb;--text-secondary: #d7dce8;--text-muted: #a9b1c0;--border: #363d4a;--border-subtle: #2a303a}:root[data-theme=oled]{--app-bg: #000000;--surface-bg: #090909;--surface-elevated: #050505;--text-primary: #f8fafc;--text-secondary: #d9dee7;--border: #2b2b2b}:root[data-theme=purple]{--app-bg: #f6f3fb;--surface-bg: #ffffff;--surface-elevated: #fbf9ff;--accent: #7c3aed}:root[data-density=compact]{--control-height: 38px;--font-base: 14px}button,input,select,textarea{font:inherit;font-size:var(--font-control)}button{border:1px solid var(--border);border-radius:var(--radius);background:var(--button-secondary-bg);color:var(--button-secondary-text);cursor:pointer;min-height:var(--control-height);padding:0 14px}button.selected,button:hover{border-color:var(--accent);background:var(--button-hover-bg)}button:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-color) 28%,transparent)}code{overflow-wrap:anywhere}.auth-screen{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{display:grid;gap:14px;width:min(420px,100%);border:1px solid #d7dce5;border-radius:8px;background:#fff;padding:24px}.auth-panel label,.field{display:grid;gap:6px}.auth-panel input,.field input,.inline-form input,.note-meta input,.note-meta select,.note-composer input,.note-composer select,.note-title,textarea{width:100%;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--input-text);padding:9px 10px}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}.auth-actions{display:flex;gap:8px}.app-header{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--header-bg);padding:12px 20px}.brand-mark{display:inline-flex;align-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:var(--logo-radius);background:var(--logo-bg);padding:5px 8px}.brand-mark img{display:block;width:128px;height:auto}.brand-mark.with-border{border-color:var(--logo-border)}.app-tabs{display:flex;flex-wrap:wrap;gap:8px}.app-tabs button{min-width:108px;font-weight:700}.mobile-bottom-tabs{display:none}.account-email{min-width:0;max-width:min(28vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:var(--surface-elevated);padding:12px 20px}.refresh-indicator{color:var(--text-muted);font-size:var(--font-sm)}.refresh-indicator.degraded{color:var(--warning);font-weight:700}.icon-refresh-button{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-button-size);min-width:var(--icon-button-size);padding:0}.icon-refresh-button svg,.floating-action-button svg{width:22px;height:22px}.page-header h1{margin:0;font-size:22px}.app-error{margin:12px 20px 0;color:#b42318}.refresh-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 20px 0;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface-bg);padding:8px 10px}.refresh-results{display:flex;flex-wrap:wrap;gap:8px}.refresh-results span{border:1px solid #e4e8ef;border-radius:6px;background:#f8fafc;padding:6px 8px}.notes-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;padding:20px}.notes-shell-compact{position:relative;grid-template-columns:minmax(0,1fr);width:min(1180px,100%);margin:0 auto}.notifications-shell,.webhooks-shell,.calendar-shell,.settings-shell{display:grid;gap:12px;padding:20px}.notes-sidebar,.notes-main{min-width:0}.notes-sidebar{display:grid;align-content:start;gap:20px}.notes-sidebar section,.note-composer,.note-card{border:1px solid #d7dce5;border-radius:8px;background:#fff;padding:14px}.notes-sidebar section{display:grid;gap:8px}.notes-sidebar h2{margin:0;font-size:14px}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.check-row,.note-card-top,.note-meta,.note-order{display:flex;align-items:center;gap:8px}.notes-main{display:grid;align-content:start;gap:14px}.note-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--note-card-min-width)),1fr));gap:14px}.notes-compact-toolbar{display:grid;grid-template-columns:minmax(220px,520px) auto minmax(0,1fr);gap:8px;align-items:center}.folder-browser{display:grid;grid-template-columns:1fr;gap:8px}.folder-browser>button,.folder-row{display:flex;align-items:center;justify-content:space-between;min-width:0;border-left:4px solid var(--accent);text-align:left}.folder-row{gap:6px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;background:var(--surface-bg);padding:6px}.folder-row.selected,.folder-browser>button.selected{background:color-mix(in srgb,var(--accent) 10%,var(--surface-bg))}.folder-disclosure{width:34px;min-width:34px;justify-content:center}.folder-select-button{flex:1 1 auto}.folder-actions,.folder-rename-form{display:flex;flex-wrap:wrap;gap:6px}.folder-rename-form{flex:1 1 auto}.folder-note-groups,.folder-note-group{display:grid;gap:10px}.folder-groups-header,.folder-group-row{display:flex;gap:8px;align-items:center;min-width:0}.folder-groups-header{justify-content:space-between;flex-wrap:wrap}.compact-folder-create{flex:1 1 260px;justify-content:flex-end}.folder-group-heading{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;border-color:var(--border);background:color-mix(in srgb,var(--surface-bg) 94%,var(--accent))}.folder-menu{position:relative;flex:0 0 auto}.folder-menu-trigger{display:inline-grid;place-items:center;min-width:44px;min-height:44px}.folder-menu.open{z-index:3}.folder-menu-panel{position:absolute;right:0;top:calc(100% + 4px);display:grid;gap:4px;min-width:140px;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg);box-shadow:var(--shadow)}.folder-menu-panel>button{display:block;width:140px}.compact-note-card{aspect-ratio:1 / 1;min-height:0;max-height:none;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;border-width:var(--card-border-width);border-color:var(--card-border);background:var(--card-bg);box-shadow:var(--shadow);cursor:pointer}.note-title-button{min-width:0}.note-title-button strong,.note-title-button span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.note-title-button strong{color:var(--card-title);font-size:var(--font-card-title);-webkit-line-clamp:3}.note-title-button span{color:var(--card-body);-webkit-line-clamp:5}.empty-state{margin:0;color:var(--muted-text)}.tag-dropdown{position:relative;display:grid;gap:6px}.tag-dropdown-menu{position:absolute;top:calc(100% + 6px);z-index:20;display:grid;gap:8px;width:min(320px,calc(100vw - 32px));max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-bg);box-shadow:var(--shadow);padding:10px}.selected-tags,.preset-list{display:flex;flex-wrap:wrap;gap:6px}.mini-danger{min-height:28px;margin-left:auto;color:var(--dismiss-action);font-size:12px}.character-count{color:var(--text-muted);font-size:var(--font-sm)}.notes-filter-menu,.management-menu{position:relative;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface-bg);padding:10px}.notes-filter-menu>summary,.management-menu>summary{min-height:24px;cursor:pointer;font-weight:700}.filter-chip{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;background:var(--surface-elevated);color:var(--text-secondary);padding:0 10px;font-size:var(--font-sm);font-weight:700}.notes-search-field{max-width:none;margin:0}.compact-note-card{padding:14px;border-left:5px solid var(--event-accent, var(--accent))}.compact-note-card .note-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;min-height:0}.note-title-button{display:grid;align-content:start;gap:8px;min-height:0;min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.note-title-button span{color:var(--text-muted)}.note-card:hover,.note-card:focus-visible{background:var(--card-hover)}.note-meta{align-self:end;min-width:0;color:var(--metadata-text);font-size:var(--font-sm)}.note-meta span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-composer{display:grid;grid-template-columns:120px minmax(180px,1fr) 140px auto;gap:8px}.notification-card{display:grid;gap:10px;border:1px solid #d7dce5;border-left:4px solid var(--source-accent, #d7dce5);border-radius:8px;background:#fff;padding:14px}.adaptive-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:flex-end;overflow:hidden;background:var(--overlay)}.adaptive-panel{display:grid;align-content:start;gap:14px;width:var(--panel-width);min-width:min(var(--panel-min-width),calc(100vw - 24px));max-width:min(var(--panel-max-width),calc(100vw - 24px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);margin:12px;overflow:auto;overflow-x:hidden;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface-bg);box-shadow:var(--shadow);padding:16px;container-type:inline-size;overscroll-behavior:contain}.sheet-header{position:sticky;z-index:2;top:-16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--sticky-header-height);margin:-16px -16px 0;border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-bg) 96%,transparent);padding:12px 16px}.sheet-header h2{margin:0;font-size:18px}.sheet-form,.sheet-action-list{display:grid;gap:12px}.sheet-form label{display:grid;gap:6px;color:var(--text-secondary);font-weight:700}.floating-action-button{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:15;width:56px;min-height:56px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow);padding:0}.calendar-add-button{bottom:max(22px,env(safe-area-inset-bottom))}.compact-notification{border-left:6px solid #94a3b8}.compact-notification.importance-high{border-left-color:var(--importance-high)}.compact-notification.importance-medium{border-left-color:var(--importance-medium)}.compact-notification.importance-low{border-left-color:var(--importance-low);background:var(--surface-elevated)}.notification-summary-button{display:grid;grid-template-columns:minmax(80px,auto) minmax(130px,.9fr) minmax(160px,1.2fr) minmax(220px,2fr) auto auto;gap:10px;align-items:center;border:0;background:transparent;padding:0;text-align:left}.notification-summary-button:hover,.notification-summary-button:focus-visible{outline:2px solid #2563eb;outline-offset:4px}.notification-card-summary{display:-webkit-box;overflow:hidden;color:var(--text-secondary);overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-sender{color:var(--text-secondary);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.importance-pill,.action-required{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#eef2ff;color:var(--source-gmail);font-size:13px;font-weight:800;padding:5px 10px}.action-required{background:#fff7ed;color:#9a3412}.notification-touch-actions,.notification-detail-actions,.notification-mode-tabs,.settings-tabs,.connection-actions{display:flex;flex-wrap:wrap;gap:var(--compact-action-gap);align-items:center}.notification-touch-actions{justify-content:flex-end}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:var(--icon-button-size);width:var(--icon-button-size);min-height:var(--icon-button-size);border-radius:999px;padding:0;color:var(--text-primary);text-decoration:none}.icon-button svg{width:var(--icon-size);height:var(--icon-size);flex:0 0 auto}.icon-button[aria-pressed=true]{border-color:var(--pin-active);background:color-mix(in srgb,var(--pin-active) 12%,var(--surface-bg));color:var(--pin-active)}.icon-button.complete{color:var(--complete-action)}.icon-button.dismiss{color:var(--dismiss-action)}.icon-button-text{display:none}.history-state{display:inline-flex;align-items:center;width:max-content;border-radius:999px;font-size:13px;font-weight:800;padding:5px 10px}.history-state.completed{background:color-mix(in srgb,var(--complete-action) 12%,var(--surface-bg));color:var(--complete-action)}.history-state.dismissed{background:color-mix(in srgb,var(--dismiss-action) 10%,var(--surface-bg));color:var(--dismiss-action)}.history-state.suppressed{background:#fef3c7;color:#92400e}.notification-detail-panel,.settings-panel,.subsettings-panel{display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-bg);padding:14px}.detail-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.detail-grid span,.settings-grid span{border:1px solid #e4e8ef;border-radius:6px;background:#f8fafc;padding:8px 10px}.email-body-preview{max-height:260px;overflow:auto;border:1px solid #d7dce5;border-radius:8px;background:#f8fafc;padding:12px;white-space:pre-wrap}.settings-tabs{border:1px solid var(--border);border-radius:8px;background:var(--surface-bg);padding:10px}.source-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.source-color-row{display:grid;grid-template-rows:auto 1fr;gap:8px;min-height:170px;border:1px solid var(--border);border-radius:8px;padding:10px}.source-color-copy{display:grid;gap:3px;min-width:0}.source-color-row small{color:var(--muted-text)}.source-color-actions{display:flex;gap:8px;align-items:end;justify-content:space-between;min-width:0}.source-color-actions .color-control{flex:1 1 auto;min-width:0}.appearance-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-bg);padding:10px}.appearance-section summary{cursor:pointer;font-weight:800}.appearance-profile-grid,.appearance-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}.appearance-profile-grid button{display:grid;gap:3px;align-content:center;text-align:left}.color-control,.range-control,.prompt-draft-editor{display:grid;gap:6px}.color-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px;align-items:center}.color-row input[type=color]{width:44px;height:44px;padding:2px}.import-button{display:inline-flex;align-items:center;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius);padding:0 14px;cursor:pointer}.import-button input{display:none}.account-ai-overrides,.account-ai-card,.ai-reprocess-result{display:grid;gap:10px}.account-ai-card,.ai-reprocess-result{border:1px solid var(--border);border-radius:8px;background:var(--surface-bg);padding:12px}.ai-reprocess-result.partial,.ai-reprocess-result.failed{border-color:var(--warning)}.settings-back-button{justify-self:start}.settings-grid label,.source-color-grid label{display:grid;gap:6px}.settings-tabs button,.notification-mode-tabs button{min-width:118px}.connections-settings{display:grid;gap:12px}.compact-select{display:flex;align-items:center;gap:8px}.debug-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:700}.secondary-action{width:max-content}.notification-card.done,.notification-card.dismissed,.notification-card.cancelled{opacity:.68}.ai-settings-panel,.email-notification-details,.ai-summary,.connection-section,.gmail-rules-panel,.rule-card{border:1px solid #d7dce5;border-radius:8px;background:#fff}.ai-settings-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px;padding:12px}.email-notification-details,.ai-summary{display:grid;gap:6px;padding:12px}.ai-summary.complete{border-color:#7c3aed}.ai-summary.failed{border-color:#b42318}.ai-summary.pending{border-color:#b7791f}.connection-section,.gmail-rules-panel,.rule-card{display:grid;gap:10px;padding:12px}.connection-section>summary,.gmail-rules-panel>summary{min-height:40px;cursor:pointer;font-weight:700}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.rules-grid label,.gmail-rules-panel label,.note-toolbar label{display:grid;gap:4px}.rule-explanation,.recommendation-explanation,.connector-help{color:#5a6472;font-size:13px}.gmail-diagnostics{display:grid;gap:10px;border-top:1px solid #e4e8ef;padding-top:10px}.connector-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.connector-state-grid span{border:1px solid #e4e8ef;border-radius:6px;background:#f8fafc;padding:8px 10px}.gmail-operation{display:grid;gap:6px}.comparison-match{border-left:3px solid #15803d;padding-left:10px}.comparison-mismatch{border-left:3px solid #b45309;padding-left:10px}.gmail-diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.gmail-diagnostics-grid span{border:1px solid #e4e8ef;border-radius:6px;background:#f8fafc;padding:8px 10px}.connector-warning{margin:0;border-left:3px solid #b45309;background:#fffbeb;color:#7c2d12;padding:8px 10px}.connector-success,.connector-progress{margin:0;border-left:3px solid #15803d;background:#f0fdf4;color:#14532d;padding:8px 10px}.connector-help{margin:0;color:#4b5563}.diagnostics-table-wrap{overflow-x:auto}.diagnostics-table{width:100%;min-width:680px;border-collapse:collapse;font-size:14px}.diagnostics-table th,.diagnostics-table td{border-bottom:1px solid #e4e8ef;padding:8px;text-align:left;vertical-align:top}.calendar-shell{width:min(1480px,100%);margin:0 auto}.calendar-toolbar,.calendar-panel,.calendar-card,.event-details{border:1px solid #d7dce5;border-radius:8px;background:#fff}.calendar-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px}.calendar-toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.calendar-toolbar-group label,.calendar-date-field span,.form-field label,.file-picker span{color:#384252;font-size:13px;font-weight:650}.calendar-date-field{display:flex;align-items:center;gap:8px}.calendar-management{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:16px;align-items:start}.calendar-panel{display:grid;gap:14px;padding:16px}.calendar-panel h2{margin:0;font-size:18px}.calendar-panel p{margin:4px 0 0;color:#5a6472}.local-event-form{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(150px,1fr));gap:12px;align-items:end}.local-event-more{display:grid;gap:10px;border:1px solid var(--border-subtle);border-radius:var(--card-radius);padding:10px}.local-event-more summary{cursor:pointer;font-weight:700}.local-event-more-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px}.form-field{display:grid;gap:6px;min-width:0}.form-field input,.form-field select,.form-field textarea,.file-picker input,.calendar-toolbar select,.calendar-toolbar input{width:100%;border:1px solid #c8ced8;border-radius:6px;padding:9px 10px}.form-field input[type=color]{min-height:40px;padding:3px}.span-2{grid-column:span 2}.checkbox-field{display:flex;align-items:center;gap:8px;min-height:40px;color:#384252;font-weight:650}.field-error{color:#b42318;font-size:13px}.form-actions{display:flex;justify-content:end}.adaptive-panel .form-actions,.adaptive-panel .note-order{position:sticky;z-index:2;bottom:-16px;margin:0 -16px -16px;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-bg) 96%,transparent);padding:12px 16px}.adaptive-panel .form-actions button[type=submit],.adaptive-panel .sheet-form>button[type=submit]{min-width:148px}.adaptive-panel .sheet-form,.adaptive-panel .local-event-form,.adaptive-panel .local-event-more-grid,.adaptive-panel .note-meta-panel{grid-template-columns:1fr}.adaptive-panel input,.adaptive-panel select,.adaptive-panel textarea{min-width:0;max-width:100%}.file-picker{display:grid;gap:6px}.file-name,.calendar-status,.muted-text{color:#5a6472}@container (min-width: 560px){.adaptive-panel .local-event-form,.adaptive-panel .local-event-more-grid,.adaptive-panel .note-meta-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.adaptive-panel .span-2{grid-column:1 / -1}}.agenda-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.calendar-card{display:grid;gap:10px;min-width:0;border-left:5px solid var(--event-accent, #2563eb);padding:14px}.calendar-card.cancelled,.calendar-card.dismissed{opacity:.68}.calendar-card-header,.event-actions,.calendar-time,.calendar-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.calendar-card-header{justify-content:space-between}.calendar-card strong,.timed-event strong,.event-chip strong{overflow-wrap:anywhere}.source-badge,.annotation-flags{display:inline-flex;align-items:center;width:max-content;border:1px solid color-mix(in srgb,var(--source-accent, #1d4ed8) 55%,transparent);border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--source-accent, #1d4ed8) 12%,var(--surface-bg));color:color-mix(in srgb,var(--source-accent, #1d4ed8) 78%,#0f172a);font-size:12px;font-weight:700}.source-badge.local{background:color-mix(in srgb,var(--source-accent, #137a3a) 12%,var(--surface-bg));color:color-mix(in srgb,var(--source-accent, #137a3a) 78%,#0f172a)}.source-badge.note{background:color-mix(in srgb,var(--source-accent, #6d28d9) 12%,var(--surface-bg));color:color-mix(in srgb,var(--source-accent, #6d28d9) 78%,#0f172a)}.annotation-flags{background:#fff7ed;color:#9a3412}.calendar-time{color:#5a6472}.event-actions{align-items:center}.event-actions a,.notification-card a{color:#1d4ed8}.calendar-grid-panel,.month-view{border:1px solid #d7dce5;border-radius:8px;background:#fff;overflow:hidden}.calendar-all-day-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;border-bottom:1px solid #e7ebf2;padding:10px}.day-time-grid{display:grid;grid-template-columns:72px minmax(620px,1fr);min-height:1152px}.time-labels{display:grid;grid-template-rows:repeat(18,64px);border-right:1px solid #e7ebf2;background:#f8fafc;color:#64748b;font-size:12px;text-align:right}.time-labels span{padding:6px 8px 0 0}.time-grid-column{position:relative;min-height:1152px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,#e7ebf2 63px,#e7ebf2 64px),#fff}.time-grid-line{height:64px}.timed-event,.event-chip,.month-date-button,.more-events{border-color:var(--event-accent, #2563eb)}.timed-event{position:absolute;display:grid;align-content:start;gap:2px;overflow:hidden;border-left:4px solid var(--event-accent, #2563eb);background:#fff;padding:5px 7px;text-align:left}.event-chip{display:grid;gap:2px;min-height:30px;border-left:4px solid var(--event-accent, #2563eb);background:#fff;padding:5px 7px;text-align:left}.event-chip.note,.calendar-card.note{background:color-mix(in srgb,var(--event-accent, #7c3aed) 8%,var(--surface-bg))}.event-chip span,.timed-event span{color:#5a6472;font-size:12px}.week-scroll{overflow-x:auto}.week-grid{display:grid;grid-template-columns:72px repeat(7,minmax(150px,1fr));min-width:1160px}.week-day-header,.week-corner{position:sticky;top:0;z-index:2;border:0;border-right:1px solid #e7ebf2;border-bottom:1px solid #e7ebf2;border-radius:0;background:#f8fafc;font-weight:700}.week-day-header.today,.month-cell.today .month-date-button{background:#dbeafe}.week-all-day-label,.week-all-day-cell{border-right:1px solid #e7ebf2;border-bottom:1px solid #e7ebf2;padding:8px}.week-all-day-label{background:#f8fafc;color:#64748b;font-size:12px;font-weight:700;text-align:right}.week-all-day-cell{display:grid;gap:6px;align-content:start;min-height:72px}.month-view{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr))}.month-weekday{border-right:1px solid #e7ebf2;border-bottom:1px solid #e7ebf2;background:#f8fafc;padding:8px;color:#384252;font-weight:700}.month-cell{display:grid;align-content:start;gap:6px;min-height:132px;border-right:1px solid #e7ebf2;border-bottom:1px solid #e7ebf2;padding:8px}.month-cell.muted{background:#f8fafc;color:#7c8796}.month-cell.selected{box-shadow:inset 0 0 0 2px #2563eb}.month-date-button{width:34px;min-height:30px;padding:0;border-radius:999px;font-weight:700}.month-events{display:grid;gap:4px}.more-events{min-height:28px;padding:0 8px;color:#1d4ed8;font-size:12px}.event-details{display:grid;gap:12px}.event-details h2{margin:0;font-size:18px}.event-details dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px;margin:0}.event-details dt{color:#5a6472;font-weight:700}.event-details dd{margin:0;overflow-wrap:anywhere}.note-card{display:grid;gap:10px}.note-card.done{opacity:.68}.note-title{border-color:transparent;font-weight:650}.note-title:focus{border-color:#2563eb}textarea{min-height:72px;resize:vertical}.note-meta{flex-wrap:wrap;color:#5a6472;font-size:13px}.note-meta label{display:grid;gap:4px}@media (max-width: 760px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.notifications-shell,.webhooks-shell,.settings-shell,.calendar-shell{padding:12px}.notes-shell{grid-template-columns:1fr;padding:12px}.notes-compact-toolbar,.note-composer{grid-template-columns:1fr}.app-header{display:none}.mobile-bottom-tabs{position:fixed;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-bg) 94%,transparent);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -12px 30px #0f172a1a}.mobile-bottom-tabs button{min-width:0;padding:0 6px;font-size:12px;font-weight:800}.page-header{padding:10px 12px}.page-header h1{font-size:20px}.notification-summary-button{grid-template-columns:1fr auto}.notification-summary-button .source-badge,.notification-summary-button .notification-sender,.notification-summary-button strong,.notification-summary-button .notification-card-summary{grid-column:1 / -1}.notification-touch-actions{justify-content:flex-end}.settings-tabs button,.connection-actions button{flex:1 1 auto}.settings-tabs{display:grid;grid-template-columns:1fr;align-items:stretch;max-width:100%}.settings-tabs button{min-width:0;min-height:42px;justify-content:flex-start;text-align:left}.local-event-form,.local-event-more-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.calendar-toolbar{align-items:stretch}.calendar-toolbar-group,.calendar-date-field{width:100%}.calendar-toolbar-group button,.calendar-toolbar-group select,.calendar-date-field input{flex:1 1 auto}.agenda-view{grid-template-columns:1fr}.day-time-grid{overflow-x:auto}.month-view{grid-template-columns:repeat(7,minmax(96px,1fr));overflow-x:auto}.month-cell{min-height:116px}.event-details dl{grid-template-columns:1fr}.adaptive-overlay{align-items:flex-end;justify-content:center}.adaptive-panel{width:100%;min-width:0;max-width:100%;height:auto;max-height:var(--sheet-max-height);margin:0;border-radius:18px 18px 0 0}.floating-action-button{bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-height: 760px) and (max-width: 1320px){.adaptive-overlay{align-items:flex-end;justify-content:center}.adaptive-panel{width:100%;min-width:0;max-width:100%;height:auto;max-height:var(--sheet-max-height);margin:0;border-radius:18px 18px 0 0}}@media (min-width: 1180px) and (min-height: 780px){.notification-touch-actions.expanded .icon-button,.notification-detail-actions .icon-button{width:auto;padding:0 12px}.notification-touch-actions.expanded .icon-button-text,.notification-detail-actions .icon-button-text{display:inline}}@media (min-width: 761px) and (max-width: 1320px){.notifications-shell,.settings-shell,.calendar-shell,.notes-shell{padding:14px}.notification-summary-button{grid-template-columns:minmax(80px,auto) minmax(130px,.9fr) minmax(180px,1fr) minmax(260px,1.5fr) auto}.action-required{grid-column:2 / -1}}