: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%);--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)}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-bg);color:var(--text-primary);cursor:pointer;min-height:var(--control-height);padding:0 14px}button.selected,button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}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 #c8ced8;border-radius:6px;padding:9px 10px}.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:color-mix(in srgb,var(--surface-bg) 92%,transparent);padding:12px 20px}.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{max-width:220px;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}.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,.note-list{display:grid;gap:12px}.notes-compact-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.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:520px}.compact-note-card{padding:10px 12px}.compact-note-card .note-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.note-title-button{display:grid;gap:2px;min-height:var(--control-height);border:0;background:transparent;padding:0;text-align:left}.note-title-button span{color:var(--text-muted);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-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);font-size:28px;font-weight:700;box-shadow:var(--shadow)}.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)}.notification-detail-panel,.settings-panel{display:grid;gap:12px;border:1px solid #d7dce5;border-radius:8px;background:#fff;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 #d7dce5;border-radius:8px;background:#fff;padding:10px}.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-radius:999px;padding:3px 8px;background:#eef2ff;color:#1d4ed8;font-size:12px;font-weight:700}.source-badge.local{background:#ecfdf3;color:#137a3a}.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 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}.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 100%}.settings-tabs{align-items:stretch;flex-direction:column}.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}}