:root{--font-sans:"Pretendard", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "Geist Mono", ui-monospace, SF Mono, Menlo, monospace;--bg-primary:#010102;--bg-secondary:#0f1011;--bg-tertiary:#141516;--bg-surface-3:#18191a;--bg-surface-4:#191a1b;--bg-glass:#0f1011cc;--bg-glass-hover:#141516e6;--border-color:#23252a;--border-hover:#34343a;--border-tertiary:#3e3e44;--text-primary:#f7f8f8;--text-secondary:#d0d6e0;--text-muted:#8a8f98;--text-tertiary:#62666d;--color-work:#5e6ad2;--color-work-glow:#5e6ad226;--color-personal:#7a7fad;--color-personal-glow:#7a7fad26;--color-primary:#3b82f6;--color-high:#f43f5e;--color-medium:#f59e0b;--color-low:#27a644;--color-high-glow:#f43f5e33;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 12px 24px #000c;--shadow-glow-high:0 0 15px #f43f5e4d;--shadow-glow-work:0 0 15px #5e6ad240;--shadow-glow-personal:0 0 15px #7a7fad40;--bg-input:#0f1011;--bg-chip:#ffffff0d;--bg-container-nested:#ffffff05;--bg-active-button:#141516;--bg-hover-button:#ffffff08;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-xxl:24px;--radius-pill:9999px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s cubic-bezier(.16, 1, .3, 1);--transition-slow:.3s cubic-bezier(.16, 1, .3, 1)}:root.light{--bg-primary:#fff;--bg-secondary:#f5f6f6;--bg-tertiary:#f6f7f7;--bg-surface-3:#f8f9f9;--bg-surface-4:#fafafa;--bg-glass:#f5f6f6d9;--bg-glass-hover:#f0f1f1f2;--border-color:#0000000f;--border-hover:#0000001f;--border-tertiary:#0000002e;--text-primary:#000;--text-secondary:#2d3139;--text-muted:#62666d;--text-tertiary:#8a8f98;--color-work:#5e6ad2;--color-work-glow:#5e6ad214;--color-personal:#7a7fad;--color-personal-glow:#7a7fad14;--color-primary:#1d4ed8;--color-high:#e11d48;--color-medium:#d97706;--color-low:#27a644;--color-high-glow:#e11d481a;--bg-input:#f5f6f6;--bg-chip:#0000000a;--bg-container-nested:#00000005;--bg-active-button:#f6f7f7;--bg-hover-button:#00000005}.theme-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);transform:scale(1.05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:18px;height:18px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full);background-clip:padding-box;border:4px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box;border:4px solid #0000}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in-view{will-change:opacity, transform;animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);will-change:transform, box-shadow;border-top:1px solid #ffffff0f}.glass-card:hover{background:var(--bg-tertiary);border-color:var(--border-hover);box-shadow:var(--shadow-md), 0 4px 12px #5e6ad21f;transform:translateY(-1px)}.modal-content.glass-card:hover{box-shadow:var(--shadow-lg)!important;transform:none!important}.settings-top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:20px;width:100%;display:grid}.settings-top-card{width:100%;min-width:0}.settings-profile-card{grid-area:1/1;height:100%}.settings-nas-card{grid-area:1/2;height:100%}.settings-storage-card{grid-area:2/1/auto/-1;width:100%}.settings-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;display:grid}.settings-section{gap:10px;display:grid}.settings-section>h2{color:var(--text-primary);align-items:center;margin:0;padding:0 2px;font-size:1.05rem;display:flex}.settings-scroll-target{scroll-margin-top:104px}.settings-anchor-nav{z-index:25;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:9px 12px;display:flex;position:sticky;top:0}.settings-anchor-label{color:var(--text-primary);flex-shrink:0;font-size:.98rem;font-weight:800}.settings-anchor-actions{flex:1;gap:6px;padding-bottom:1px;display:flex;overflow-x:auto}.settings-anchor-actions button{border:1px solid var(--border-color);background:var(--bg-container-nested);color:var(--text-secondary);cursor:pointer;font:inherit;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:9px 14px;font-size:.9rem;font-weight:700}.settings-anchor-actions button:hover,.settings-anchor-actions button:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:none}.settings-anchor-actions button.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 3px 10px color-mix(in srgb, var(--color-primary) 28%, transparent)}.settings-anchor-actions button.active:hover{color:#fff}.settings-summary-card{flex-direction:column;gap:11px;min-width:0;padding:18px 20px;display:flex}.settings-account-card{gap:8px}.settings-account-security-card{gap:11px}.settings-account-card .form-group{margin:0}.settings-summary-card h3{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin:0;padding-bottom:9px;font-size:1.05rem;display:flex}.settings-mode-summary{color:var(--text-secondary);font-size:.9rem;font-weight:700}.settings-inline-row,.settings-action-row,.settings-password-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-inline-row .form-input{flex:220px;min-width:0}.settings-info-row{border-bottom:1px solid color-mix(in srgb, var(--border-color) 65%, transparent);justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;font-size:.84rem;display:flex}.settings-info-row span{color:var(--text-muted);flex-shrink:0}.settings-info-row strong{text-align:right;overflow-wrap:anywhere}.settings-url-value{max-width:65%}.settings-password-section,.settings-nas-connection-panel,.settings-merge-preview{border-top:1px solid var(--border-color);gap:8px;padding-top:10px;display:grid}.settings-password-row .form-input{flex:1 1 0;min-width:0}.settings-password-row .btn{flex:none}.settings-message,.settings-hint{color:var(--text-muted);font-size:.78rem;line-height:1.45}.settings-data-mode-selector{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-sync-summary{gap:7px;display:grid}.settings-sync-actions{margin-top:12px}.settings-sync-summary-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;display:grid}.settings-sync-summary-value{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:6px;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:8px 10px;display:flex}.settings-sync-summary-value span{color:var(--text-muted);font-size:.72rem}.settings-sync-summary-value strong{overflow-wrap:anywhere;font-size:.8rem}.settings-sync-queue-summary{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:6px;flex-wrap:wrap;align-items:center;gap:9px;min-width:0;padding:9px 10px;display:flex}.settings-sync-queue-summary>strong{color:var(--text-primary);border-right:1px solid var(--border-color);padding-right:8px}.settings-sync-queue-summary span{color:var(--text-secondary);font-size:.82rem}.settings-sync-queue-summary b{color:var(--color-primary)}.settings-sync-status{background:var(--bg-container-nested);min-width:0;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;padding:9px 10px;display:flex}.settings-sync-status.synced{color:var(--color-low)}.settings-sync-status.syncing{color:var(--color-primary)}.settings-sync-status.paused{color:var(--color-medium)}.settings-sync-status.offline{color:var(--text-muted)}.settings-sync-status.error,.settings-sync-status.conflict{color:var(--color-high)}.settings-sync-status-summary>strong{margin-right:3px}.settings-sync-status-summary>span{color:var(--text-secondary);font-size:.82rem}.settings-sync-status-summary b{color:var(--color-primary)}.settings-data-count-summary{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 10px;display:flex}.settings-data-count-summary span{color:var(--text-secondary);font-size:.82rem}.settings-data-count-summary .settings-data-count-title{color:var(--text-primary);border-right:1px solid var(--border-color);margin-right:2px;padding-right:8px;font-weight:700}.settings-data-count-summary strong{color:var(--color-primary);font-size:1rem}.settings-sync-summary-row>.settings-data-count-summary{min-width:0}.settings-web-server-summary{gap:10px;display:grid}.settings-web-server-status{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.settings-web-server-status.ok{color:var(--color-low)}.settings-web-server-status.checking{color:var(--color-primary)}.settings-web-server-status.error{color:var(--color-high)}.settings-web-server-error{border:1px solid color-mix(in srgb, var(--color-high) 48%, var(--border-color));background:color-mix(in srgb, var(--color-high) 8%, var(--bg-container-nested));border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.settings-web-server-error>div{gap:3px;display:grid}.settings-web-server-error strong{color:var(--color-high);font-size:.86rem}.settings-web-server-error span{color:var(--text-muted);font-size:.76rem}.settings-data-mode-selector button.active:first-child{background:#b45309;border-color:#b45309;box-shadow:0 2px 7px #b4530940}.settings-data-mode-selector button.active:nth-child(2){background:#0f766e;border-color:#0f766e;box-shadow:0 2px 7px #0f766e40}.settings-data-mode-selector button.active:nth-child(3){background:var(--color-primary);border-color:var(--color-primary)}.settings-danger-button{border-color:var(--color-high)!important;color:var(--color-high)!important}.settings-reset-card h3 svg{color:var(--color-high)}.settings-backup-card{gap:8px}.settings-backup-card .form-group{margin:0}.settings-backup-card .settings-hint{white-space:normal}.settings-storage-summary{border-bottom:1px solid var(--border-color);gap:4px;padding:2px 0 8px;display:grid}.settings-storage-summary .settings-hint{overflow-wrap:anywhere;max-width:100%}.settings-storage-path{overflow-wrap:anywhere;border:1px solid var(--border-color);background:var(--bg-container-nested);max-width:100%;color:var(--text-secondary);border-radius:6px;padding:7px 9px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;font-weight:600;display:block}.settings-storage-actions{flex-wrap:wrap;gap:8px;margin-top:3px;display:flex}.settings-storage-location-modal{background:var(--bg-card,#fff);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:15px;width:min(680px,100vw - 28px);max-height:min(640px,100vh - 28px);padding:22px;display:grid;overflow:auto;box-shadow:0 20px 48px #0f172a47}.settings-storage-location-list{gap:10px;display:grid}.settings-storage-location-list>div{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:8px;gap:5px;padding:10px;display:grid}.settings-storage-location-list span{overflow-wrap:anywhere;color:var(--text-secondary);font-family:ui-monospace,Consolas,monospace;font-size:.76rem}.settings-storage-location-list button{justify-self:start;margin-top:3px}.settings-data-root-button{justify-self:start}.settings-backup-row{align-items:center;gap:12px;display:flex}.settings-backup-row .settings-info-row{flex:1;min-width:0;padding:6px 0}.settings-backup-row .settings-action-row{flex-shrink:0}.settings-data-management-divider{border-top:1px solid var(--border-color);justify-content:space-between;align-items:baseline;gap:12px;margin-top:2px;padding-top:9px;display:flex}.settings-data-management-divider strong{color:var(--color-high);align-items:center;gap:7px;font-size:.88rem;display:inline-flex}.settings-data-management-divider span{color:var(--text-muted);font-size:.77rem}.google-sync-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.google-auto-sync-toggle{min-width:0;color:var(--text-secondary);align-items:center;gap:7px;font-size:.78rem;display:flex}.google-sync-action-buttons{flex:none;gap:8px;margin-left:auto;display:flex}.settings-display-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:20px;display:grid}.settings-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.settings-theme-options .form-group{min-width:0!important}.google-auto-sync-copy{flex-direction:column;gap:2px;line-height:1.25;display:flex}.google-auto-sync-copy small{color:var(--text-muted);font-size:.7rem}@media (width<=900px){.settings-display-grid{grid-template-columns:1fr}.settings-theme-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.google-calendar-mapping-card{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.google-calendar-mapping-fields{gap:6px;display:grid}.google-calendar-mapping-row{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;display:grid}.google-calendar-mapping-row label{color:var(--text-primary);font-size:.9rem;font-weight:700}.google-calendar-mapping-row label span{color:var(--text-muted);font-size:.76rem;font-weight:600}.google-calendar-mapping-row .form-select{min-width:0;min-height:34px;padding:4px 8px;font-size:.84rem}.google-calendar-mapping-save{white-space:nowrap;align-self:stretch;min-height:74px}.settings-admin-card{gap:10px}.settings-admin-create{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:8px;grid-template-columns:minmax(150px,1fr) minmax(130px,1fr) minmax(160px,1fr) minmax(112px,auto);align-items:center;gap:8px;padding:10px;display:grid}.settings-admin-create>.btn{white-space:nowrap;min-width:112px}.settings-admin-users{gap:7px;display:grid}.settings-admin-user,.settings-admin-user-edit{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:8px;gap:8px;padding:10px;display:grid}.settings-admin-user{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-admin-user>span{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere}.settings-admin-user>span strong{color:var(--text-primary)}.settings-admin-user-edit{grid-template-columns:minmax(130px,auto) minmax(120px,1fr) minmax(160px,1fr) auto;align-items:center}.attachment-manager-overlay{z-index:120}.attachment-manager-modal{resize:none;flex-direction:column;gap:14px;width:min(680px,100vw - 32px);max-height:min(620px,100vh - 32px);padding:20px;display:flex}.attachment-manager-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.attachment-manager-header h3{align-items:center;gap:8px;margin:0 0 5px;font-size:1.08rem;display:flex}.attachment-manager-header h3 svg{color:var(--color-primary)}.attachment-manager-header span{color:var(--text-muted);font-size:.8rem;line-height:1.45}.attachment-manager-close{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);background:var(--bg-container-nested);cursor:pointer;border-radius:7px;place-items:center;display:inline-grid}.attachment-manager-close:hover{color:var(--color-high);border-color:var(--color-high)}.attachment-manager-actions{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.attachment-manager-actions label{color:var(--text-secondary);align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:inline-flex}.attachment-manager-actions>div{flex-wrap:wrap;gap:8px;display:flex}.attachment-manager-list{border:1px solid var(--border-color);border-radius:7px;min-height:140px;overflow:auto}.attachment-manager-row{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px;display:flex}.attachment-manager-row:last-child{border-bottom:0}.attachment-manager-file{cursor:pointer;border-radius:4px;flex:1;gap:3px;min-width:0;display:grid}.attachment-manager-file:hover strong{color:var(--color-primary);text-decoration:underline}.attachment-manager-file:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.attachment-manager-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.attachment-manager-file span{color:var(--text-muted);overflow-wrap:anywhere;font-size:.75rem}.attachment-manager-open{flex-shrink:0}.attachment-manager-empty,.attachment-manager-message{color:var(--text-muted);text-align:center;margin:0;padding:18px;font-size:.84rem}.attachment-manager-message{border:1px solid color-mix(in srgb, var(--color-high) 45%, var(--border-color));color:var(--color-high);text-align:left;border-radius:7px;padding:9px 10px}.settings-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.settings-stat-grid>div{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:76px;display:flex}.settings-stat-grid strong{color:var(--text-primary);font-size:1.35rem}.settings-stat-grid span{color:var(--text-muted);font-size:.78rem}.settings-conflict-summary{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.settings-conflict-summary>div{gap:3px;display:grid}.settings-conflict-summary strong{color:var(--color-high);font-size:.86rem}.settings-conflict-summary span{color:var(--text-muted);font-size:.76rem}.sync-conflict-overlay{z-index:300}.sync-conflict-modal{max-width:920px;max-height:90vh}.sync-conflict-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.8rem}.sync-conflict-bulk-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.sync-conflict-items{gap:10px;display:grid}.sync-conflict-item{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:8px;gap:9px;padding:13px;display:grid}.sync-conflict-item-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sync-conflict-item-header>div{gap:3px;display:grid}.sync-conflict-item-header strong{overflow-wrap:anywhere}.sync-conflict-item-header span,.sync-conflict-times{color:var(--text-muted);font-size:.76rem}.sync-conflict-open-badge{background:color-mix(in srgb, var(--color-high) 12%, transparent);border-radius:999px;padding:3px 7px;font-weight:800;color:var(--color-high)!important}.sync-conflict-times{flex-wrap:wrap;gap:14px;display:flex}.sync-conflict-actions{flex-wrap:wrap;gap:7px;display:flex}.sync-conflict-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sync-conflict-comparison>div{min-width:0}.sync-conflict-comparison strong{margin-bottom:5px;font-size:.8rem;display:block}.sync-conflict-comparison pre{border:1px solid var(--border-color);background:var(--bg-secondary);max-height:260px;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:0;padding:10px;font:.72rem/1.45 Consolas,monospace;overflow:auto}.sync-conflict-empty{text-align:center;color:var(--text-muted);padding:24px}@media (width<=760px){.sync-conflict-comparison{grid-template-columns:1fr}}.selection-control{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:7px;align-items:center;gap:3px;padding:3px;display:inline-flex}.selection-option{min-height:32px;color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:5px;padding:5px 10px;font-size:.8rem;font-weight:700;transition:background .16s,color .16s,box-shadow .16s}.selection-option:hover{background:var(--bg-hover-button);color:var(--text-primary)}.selection-option.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 7px #3b82f647}.selection-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=900px){.settings-top-grid{grid-template-columns:minmax(0,1fr)}.settings-profile-card,.settings-nas-card,.settings-storage-card{grid-area:auto/1;height:auto}.settings-summary-grid,.settings-admin-create,.settings-admin-user-edit,.settings-admin-user,.settings-sync-summary-row{grid-template-columns:minmax(0,1fr)}.settings-anchor-nav{flex-direction:column;align-items:flex-start}.settings-anchor-actions{width:100%}.google-calendar-mapping-card{grid-template-columns:minmax(0,1fr)}.google-calendar-mapping-row{grid-template-columns:minmax(0,1fr);gap:5px}.google-calendar-mapping-save{min-height:36px}}.light .glass-card{border-top:1px solid #fff6}.glow-card-high{border:1.5px solid var(--color-high);box-shadow:var(--shadow-glow-high);animation:3s infinite alternate pulse-border}@keyframes pulse-border{0%{box-shadow:0 0 10px #f43f5e33, var(--shadow-md)}to{box-shadow:0 0 20px #f43f5e80, var(--shadow-lg)}}.pulse-badge{color:var(--color-high);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;background:#f43f5e26;border:1px solid #f43f5e4d;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.pulse-dot{background-color:var(--color-high);width:6px;height:6px;box-shadow:0 0 8px var(--color-high);border-radius:50%;animation:1.5s infinite pulse-dot-anim}@keyframes pulse-dot-anim{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;box-shadow:0 0 12px var(--color-high);transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.custom-checkbox{border:2px solid var(--text-muted);cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.custom-checkbox:hover{border-color:var(--text-secondary);background:#ffffff0d}.custom-checkbox.checked{background:var(--color-low);border-color:var(--color-low)}.custom-checkbox.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:11px;margin-top:-2px;transform:rotate(45deg)}.app-container{background-color:var(--bg-primary);min-height:100vh;display:flex;position:relative}.desktop-app-shell{flex-direction:column;min-height:100vh;display:flex}.desktop-titlebar{width:100%;height:36px;min-height:36px;color:var(--text-primary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;align-items:center;gap:9px;padding:0 160px 0 14px;display:flex}.desktop-titlebar strong{font-size:.86rem}.desktop-titlebar span{color:var(--text-muted);font-size:.78rem}.desktop-titlebar small{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:.7rem}.desktop-titlebar-compact-button{border:1px solid var(--border-color);height:28px;color:var(--text-primary);background:var(--bg-container-nested);font:inherit;cursor:pointer;-webkit-app-region:no-drag;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:0 9px;font-size:.75rem;font-weight:700;display:inline-flex}.desktop-titlebar-compact-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.desktop-titlebar+.app-container{flex:1;min-height:calc(100vh - 36px)}.desktop-titlebar+.app-container .main-content{height:calc(100vh - 36px)}.desktop-titlebar+.auth-page{min-height:calc(100vh - 36px)}.window-compact-bar{width:100%;height:36px;min-height:36px;color:var(--text-primary);background:color-mix(in srgb, var(--bg-secondary) 74%, transparent);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;justify-content:space-between;align-items:center;gap:12px;padding:0 160px 0 12px;display:flex;overflow:hidden}.window-compact-title,.window-compact-actions,.window-always-on-top,.window-compact-actions button{align-items:center;display:inline-flex}.window-compact-actions{-webkit-app-region:no-drag}.window-compact-title{cursor:pointer;-webkit-app-region:no-drag;gap:7px;min-width:0}.window-compact-title>span:last-child{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.window-compact-mark{color:#fff;background:var(--color-primary);border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;font-weight:800;display:inline-grid}.window-compact-actions{gap:7px;margin-left:auto}.window-always-on-top{color:var(--color-primary);white-space:nowrap;gap:4px;font-size:.72rem;font-weight:700}.window-compact-actions button{border:1px solid var(--border-color);height:27px;color:var(--text-primary);background:var(--bg-container-nested);font:inherit;cursor:pointer;border-radius:7px;gap:5px;padding:0 10px;font-size:.8rem;font-weight:700}.window-compact-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;width:196px;padding:18px 12px 14px;display:flex}.sidebar-logo{cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);width:100%;color:inherit;font:inherit;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding:5px 7px;display:flex}.sidebar-logo:after{content:"‹";width:28px;height:28px;color:var(--text-secondary);background:var(--bg-container-nested);border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;margin-left:8px;font-size:24px;line-height:1;display:inline-flex}.sidebar-logo:hover,.sidebar-logo:focus-visible{background:var(--bg-container-nested);border-color:var(--border-color)}.sidebar-brand{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.worknote-brand-icon{border-radius:9px;flex:0 0 30px;width:30px;height:30px;box-shadow:0 3px 10px #2563eb47}.sidebar-collapse-btn{border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-secondary);background:var(--bg-container-nested);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.sidebar-collapse-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--bg-tertiary);transform:translate(-1px)}@media (width<=768px){.sidebar-collapse-btn{display:none!important}}.logo-icon{color:var(--color-work);filter:drop-shadow(0 0 8px #3b82f680)}.logo-title{letter-spacing:0;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.brand-credit,.version-info{color:var(--text-muted);font-size:.74rem;line-height:1.35}.brand-credit{color:var(--text-secondary)}.nav-section{flex-direction:column;gap:6px;margin-bottom:auto;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.nav-item.active{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.nav-item.active .nav-icon{color:var(--color-work)}.nav-label{min-width:0}.nav-count-badge{background:var(--color-high);color:#fff;text-align:center;border-radius:999px;min-width:24px;margin-left:auto;padding:2px 7px;font-size:.75rem;font-weight:800;line-height:1.25}.sidebar-nas-status{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:42px;padding:7px 9px;font-size:.8rem;font-weight:700;display:grid}.sidebar-nas-main{white-space:nowrap;grid-column:1/-1;align-items:center;gap:7px;min-width:0;display:inline-flex}.sidebar-nas-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-nas-count{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.sidebar-nas-status.synced{color:var(--color-low);background:#10b98114;border-color:#10b98166}.sidebar-nas-status.paused{color:var(--color-medium);background:#f59e0b14;border-color:#f59e0b73}.sidebar-nas-status.syncing{color:var(--color-primary);background:#3b82f614;border-color:#3b82f673}.sidebar-nas-status.offline{color:var(--text-muted);border-style:dashed}.sidebar-nas-status.connected{color:var(--color-primary);background:#3b82f614;border-color:#3b82f666}.sidebar-nas-status.pending{color:var(--color-medium);background:#f59e0b14;border-color:#f59e0b73}.sidebar-nas-status.conflict{color:var(--color-high);background:#ef444414;border-color:#ef444480}.sidebar-nas-status.error{color:var(--color-high);background:#ef444414;border-style:dashed;border-color:#ef444480}.sidebar-nas-status.disconnected{color:var(--text-muted);border-style:dashed}.sidebar-nas-status .sidebar-nas-count.pending{color:var(--color-medium)}.sidebar-nas-status .sidebar-nas-count.conflict{color:var(--color-high)}.sidebar-nas-status.pending .sidebar-nas-badge{background:var(--color-medium)}.sidebar-nas-status.conflict .sidebar-nas-badge,.sidebar-nas-status.error .sidebar-nas-badge{background:var(--color-high)}.sidebar-nas-status.compact{justify-content:center;align-items:center;width:42px;height:42px;min-height:42px;padding:0;display:flex;position:relative}.sidebar-nas-badge{border:2px solid var(--bg-secondary);color:#fff;background:currentColor;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-6px}.sidebar-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:34px;margin-top:12px;padding:9px 8px 0;display:flex}.filter-section{border-top:1px solid var(--border-color);padding-top:16px}.filter-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:12px;padding-left:10px;font-size:.75rem;font-weight:600}.filter-options{flex-direction:column;gap:4px;display:flex}.filter-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:500;display:flex}.filter-item:hover{color:var(--text-primary);background:#ffffff05}.filter-item.active{color:var(--text-primary);font-weight:600}.filter-dot{border-radius:50%;width:8px;height:8px}.filter-dot.all{background-color:var(--text-muted)}.filter-dot.work{background-color:var(--color-work)}.filter-dot.personal{background-color:var(--color-personal)}.filter-item.active.all{background:#94a3b814}.filter-item.active.work{color:var(--color-work);background:#3b82f614}.filter-item.active.personal{color:var(--color-personal);background:#a855f714}.main-content{background-color:var(--bg-primary);flex-direction:column;flex-grow:1;height:100vh;display:flex;position:relative;overflow-y:auto}.top-bar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0a0d14b3;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.view-title{letter-spacing:-.01em;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast) cubic-bezier(.16, 1, .3, 1);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 2px 4px #00000026,inset 0 1px #ffffff0d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040,inset 0 1px #ffffff1a}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #00000026}.btn-primary{color:#fff;background:linear-gradient(135deg,#6c7af7,#515ec6);border:1px solid #6c7af74d}.btn-primary:hover{background:linear-gradient(135deg,#7c8aff,#5f6cd8);box-shadow:0 6px 16px #5e6ad259,0 2px 4px #0003}.btn-primary:active{background:linear-gradient(135deg,#515ec6,#414ca5)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#8b90c0,#696e9a);border:1px solid #8b90c04d}.btn-secondary:hover{background:linear-gradient(135deg,#9ca1d2,#777cab);box-shadow:0 6px 16px #7a7fad59,0 2px 4px #0003}.btn-secondary:active{background:linear-gradient(135deg,#696e9a,#575b81)}.btn-outline{background:linear-gradient(to bottom, var(--bg-secondary), var(--bg-tertiary));color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-surface-3));border-color:var(--border-hover);color:var(--text-primary)}.btn-outline:active{background:var(--bg-surface-3)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff5773,#e12d48);border:1px solid #e12d4833}.btn-danger:hover{background:linear-gradient(135deg,#ff6c87,#ee3c57);box-shadow:0 6px 16px #f43f5e59,0 2px 4px #0003}.btn-danger:active{background:linear-gradient(135deg,#e12d48,#c01e36)}.fab{color:#fff;cursor:pointer;z-index:50;background:linear-gradient(135deg,#5e6ad2,#3b82f6);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 8px 24px #5e6ad266,inset 0 1px #ffffff4d}.fab:hover{background:linear-gradient(135deg,#6c7af7,#4f46e5);transform:translateY(-4px)scale(1.06);box-shadow:0 12px 32px #5e6ad280,inset 0 1px #fff6}.fab:active{transform:translateY(-1px)scale(.98);box-shadow:0 4px 12px #5e6ad24d}.fab svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.fab:hover svg{transform:rotate(90deg)}.page-container,.dashboard{flex-direction:column;gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:16px 24px;display:flex}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:100;background:#04060a24;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:520px;max-height:95vh;padding:20px 24px;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;position:relative;overflow-y:auto}.modal-content.modal-resizable{resize:both;min-width:min(360px,100vw - 24px);max-width:calc(100vw - 24px);min-height:220px;max-height:calc(100vh - 24px);overflow:auto}.settings-expand-button{align-self:flex-start;margin-top:10px;font-size:.8rem}.modal-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}.modal-drag-handle:active{cursor:grabbing}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.modal-close:hover{color:var(--text-primary)}.settings-inline-label{white-space:nowrap;color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.repeat-option-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.repeat-option-row label{align-items:center;gap:3px;font-size:.8rem;display:inline-flex}.repeat-control-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.repeat-frequency-select{flex:0 0 112px;width:112px}.repeat-mode-select{flex:0 0 86px;width:86px}.repeat-count-input{flex:0 0 64px;width:64px}.repeat-weekday-picker{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.repeat-weekday-picker label{white-space:nowrap;align-items:center;gap:2px;font-size:.78rem;display:inline-flex}.repeat-weekday-picker.single{gap:8px}.confirm-dialog-overlay{z-index:300}.confirm-dialog{border-top:4px solid var(--warning-color,#f59e0b);max-width:560px;padding:24px}.confirm-dialog-danger{border-top-color:var(--danger-color,#ef4444)}.confirm-dialog-info{border-top-color:var(--accent-color,#3b82f6)}.confirm-dialog-header{grid-template-columns:auto 1fr auto;align-items:start;gap:12px;margin-bottom:14px;display:grid}.confirm-dialog-header h3{margin:2px 0 0;font-size:1.25rem}.confirm-dialog-icon{color:#f59e0b;background:#f59e0b1f;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.confirm-dialog-danger .confirm-dialog-icon{color:#ef4444;background:#ef44441f}.confirm-dialog-info .confirm-dialog-icon{color:#3b82f6;background:#3b82f61f}.confirm-dialog-eyebrow{color:var(--text-muted);letter-spacing:.04em;font-size:.75rem;font-weight:700}.confirm-dialog-description{color:var(--text-secondary);margin:0 0 16px;line-height:1.6}.confirm-dialog-summary{gap:8px;margin:0;display:grid}.confirm-dialog-summary>div{border:1px solid var(--border-color);background:var(--bg-container-nested,#7f7f7f0f);border-radius:10px;grid-template-columns:58px 1fr;gap:10px;padding:10px 12px;display:grid}.confirm-dialog-summary dt{color:var(--text-muted);font-size:.78rem;font-weight:700}.confirm-dialog-summary dd{color:var(--text-primary);overflow-wrap:anywhere;margin:0;line-height:1.45}.confirm-dialog-details{color:var(--text-secondary);margin:14px 0 0;padding-left:22px;line-height:1.55}.confirm-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.confirm-dialog-confirm.danger{color:#fff;background:#dc2626;border-color:#dc2626}.confirm-dialog-confirm.warning{color:#fff;background:#d97706;border-color:#d97706}.confirm-dialog-confirm.info{background:var(--accent-color,#2563eb);color:#fff;border-color:var(--accent-color,#2563eb)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.modal-content .form-group{margin-bottom:0}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:500}.form-input,.form-select,.form-textarea{font-family:var(--font-sans);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:8px 12px;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-work);box-shadow:0 0 0 2px #5e6ad280}.light .form-input,.light .form-select,.light .form-textarea{color:#000;background:#fff;border-color:#0003}.light .form-input:focus,.light .form-select:focus,.light .form-textarea:focus{border-color:var(--color-work);box-shadow:0 0 0 2px #5e6ad233}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder,.note-textarea::placeholder{color:var(--text-muted);opacity:.75}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.attachment-indicator{color:var(--color-primary);vertical-align:middle;background:#4f46e51a;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:1px 5px;font-size:.68rem;font-weight:700;line-height:1.35;display:inline-flex}.attachment-indicator.compact{padding:1px 4px;font-size:.62rem}.attachment-indicator.pending{color:var(--color-medium);background:#f59e0b1f}.attachment-indicator.error{color:var(--color-high);background:#f43f5e1f}.attachment-panel{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:10px;outline:none;flex-direction:column;gap:10px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.attachment-panel.is-collapsed{gap:0;padding:9px 12px}.attachment-panel:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px #4f46e524}.attachment-panel.is-dragging-files{border-color:var(--color-primary);box-shadow:inset 0 0 0 2px #4f46e52e}.attachment-panel-header,.attachment-panel-title,.attachment-panel-actions,.attachment-row-actions{align-items:center;display:flex}.attachment-panel-header{justify-content:space-between;gap:12px}.attachment-panel-title{gap:7px;min-width:0}.attachment-panel-toggle{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;padding:0}.attachment-panel-toggle:hover strong,.attachment-panel-toggle:focus-visible strong{color:var(--color-primary)}.attachment-panel-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.attachment-panel-toggle-label{color:var(--text-muted);margin-left:auto;font-size:.76rem;font-weight:500}.attachment-panel-details{flex-direction:column;gap:10px;display:flex}.attachment-panel-title>span,.attachment-file-info>span{color:var(--text-muted);font-size:.76rem}.attachment-panel-actions,.attachment-row-actions{flex-shrink:0;gap:6px}.attachment-add-button,.attachment-row-actions .btn{justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:.76rem;display:inline-flex}.attachment-icon-button{padding:6px}.attachment-list{flex-direction:column;gap:6px;max-height:190px;display:flex;overflow-y:auto}.attachment-row{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.attachment-file-info{flex-direction:column;gap:3px;min-width:0;display:flex}.attachment-file-info>strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.attachment-notice,.attachment-message,.attachment-empty{color:var(--text-secondary);background:var(--bg-surface-2);border-radius:6px;margin:0;padding:7px 9px;font-size:.78rem;line-height:1.45}.attachment-notice{border-left:3px solid var(--color-primary)}.attachment-drop-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.72rem}.attachment-drop-overlay{z-index:5;border:2px dashed var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--bg-secondary) 92%, transparent);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;font-size:.92rem;font-weight:700;display:flex;position:absolute;inset:5px}.attachment-error,.attachment-delete-button{color:var(--color-high)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-cat{border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600}.badge-cat.icon-only{vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.badge-cat.work{color:var(--text-primary);background:#3b82f61f;border:1px solid #3b82f633}.badge-cat.personal{color:var(--text-primary);background:#a855f71f;border:1px solid #a855f733}.badge-prio{border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600}.badge-prio.p-high{color:var(--color-high);background:#f43f5e1a;border:1px solid #f43f5e33}.badge-prio.p-medium{color:var(--color-medium);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-prio.p-low{color:var(--color-low);background:#10b9811a;border:1px solid #10b98133}.time-picker-wheel{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0a0d1499;align-items:center;gap:8px;width:fit-content;padding:6px 12px;display:flex}.wheel-col{flex-direction:column;align-items:center;width:44px;display:flex}.wheel-btn{color:var(--text-muted);cursor:pointer;width:100%;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.wheel-btn:hover{color:var(--text-primary)}.wheel-val{color:var(--text-primary);-webkit-user-select:none;user-select:none;margin:2px 0;font-size:.9rem;font-weight:600}.wheel-separator{color:var(--text-muted);font-size:1rem;font-weight:700}.wheel-divider{background:var(--border-color);width:1px;height:24px;margin:0 4px}.segmented-selector{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.segmented-selector button{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;outline:none;padding:7px 12px}.view-toolbar,.view-subtoolbar{min-height:62px}.view-toolbar .btn,.view-subtoolbar .btn{min-height:38px;padding:8px 14px!important;font-size:.9rem!important}.view-toolbar .segmented-selector button,.view-subtoolbar .segmented-selector button,.view-toolbar .toolbar-option-button{min-height:36px;padding:7px 13px!important;font-size:.88rem!important}.toolbar-status-group{padding:3px 5px!important;font-size:.88rem!important}.toolbar-status-group>span{padding:6px 12px!important}.toolbar-status-group{gap:8px;background:0 0!important;border:0!important;padding:0!important}.view-toolbar .completion-filter-button{min-height:38px;border:1px solid var(--border-color)!important;box-shadow:none!important}.view-toolbar .completion-filter-button[aria-pressed=true]{border-color:currentColor!important}.view-toolbar .toolbar-icon-button{width:38px!important;height:38px!important;padding:0!important}.view-toolbar .note-tab{min-height:38px;padding:8px 16px;font-size:.9rem}.view-toolbar .note-date-nav span{font-size:1rem}.segmented-selector button:hover{color:var(--text-primary);background:var(--bg-hover-button)}.segmented-selector button.active{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);box-shadow:0 2px 7px #3b82f647}.auth-page{background:var(--bg-primary);box-sizing:border-box;place-items:center;width:100%;max-width:100vw;min-height:100vh;padding:24px;display:grid;overflow-x:hidden}.auth-card{box-sizing:border-box;gap:13px;width:min(100%,460px);max-width:100%;padding:28px 24px;display:grid}.auth-card h1{margin:0;font-size:1.8rem}.auth-card p{color:var(--text-secondary);margin:7px 0 0;line-height:1.5}.auth-mode-selector button{text-align:center;flex:1;min-width:0}.auth-connection-selector{box-sizing:border-box;gap:6px;width:100%;display:grid}.auth-connection-selector .segmented-selector{box-sizing:border-box;width:100%;display:flex}.auth-connection-selector .segmented-selector button{text-align:center;white-space:nowrap;flex:1;min-width:0}.auth-check{color:var(--text-secondary);align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.auth-data-mode-row{justify-content:space-between;align-items:center;gap:12px;padding-top:6px;display:flex}.auth-data-mode-row>div{flex-direction:column;gap:3px;display:flex}.auth-data-mode-row span{color:var(--text-muted);font-size:.78rem}.auth-data-mode-row strong{color:var(--text-primary);font-size:.95rem}.auth-settings-panel{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:10px;padding:14px 0;display:grid}.auth-settings-panel .segmented-selector{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.auth-settings-panel p{margin:0;font-size:.8rem}.auth-error{word-break:break-word;font-size:.86rem;color:var(--color-high)!important}.auth-submit{width:100%;min-height:44px}.migration-preview-card{box-sizing:border-box;width:min(100%,720px)}.migration-summary-grid{border-top:1px solid var(--border-color);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.migration-summary-grid>div{border-bottom:1px solid var(--border-color);flex-direction:column;gap:4px;padding:12px 6px;display:flex}.migration-summary-grid span,.migration-backup-path span{color:var(--text-muted);font-size:.76rem}.migration-summary-grid strong{font-size:.9rem}.migration-backup-path{gap:5px;display:grid}.migration-backup-path code{overflow-wrap:anywhere;background:var(--bg-container-nested);border:1px solid var(--border-color);border-radius:6px;padding:9px}.auth-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=600px){.auth-page{align-items:flex-start;padding:24px 8px 12px}.auth-card{box-sizing:border-box;width:100%;max-width:100%;padding:18px 14px}.auth-card h1{font-size:1.5rem}}.context-menu-container{z-index:1000;background:var(--bg-tertiary);border:1px solid var(--border-hover);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:130px;padding:6px 0;animation:.12s ease-out fade-in;position:fixed}.context-menu-item{color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px 14px;font-size:.85rem;font-weight:500;display:flex}.context-menu-item:hover{background:#ffffff0d}.context-menu-item.danger{color:var(--color-high)}.context-menu-item.danger:hover{background:#f43f5e1a}.sticky-row{z-index:5;background:var(--bg-secondary);position:sticky}.sticky-row.top-1{top:0}.sticky-row.top-2{top:55px}.rec-chip-container{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.rec-chip{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);background:#ffffff0a;padding:4px 8px;font-size:.75rem}.rec-chip:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff14}.google-settings-card{border-radius:var(--radius-md);background:#4285f405;border:1px solid #4285f433;margin-bottom:24px;padding:24px}.google-button{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:4px;align-items:center;gap:10px;padding:8px 16px;font-family:Roboto,arial,sans-serif;font-size:14px;font-weight:500;transition:background-color .218s,border-color .218s,box-shadow .218s;display:inline-flex;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-button:hover{background-color:#f7fafe;border-color:#d2e3fc;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.google-button:active{background-color:#e8f0fe}.worknote-view-container{flex:100%;align-self:stretch;width:100%!important;max-width:none!important;height:calc(100vh - 105px)!important;min-height:0!important;margin:0!important;overflow:hidden!important}.note-layout{flex:1;align-items:stretch;gap:0;width:100%;min-height:0;display:flex;overflow:hidden}@media (width<=992px){.note-layout{flex-direction:column;overflow-y:auto}}.note-editor-pane{flex-direction:column;flex:1.3;min-height:0;display:flex;overflow:hidden}.note-pane-splitter{border:0;border-left:1px solid color-mix(in srgb, var(--color-primary) 42%, var(--border-color));background:color-mix(in srgb, var(--color-primary) 24%, var(--bg-container-nested));width:10px;color:var(--text-muted);cursor:col-resize;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex:0 0 10px;justify-content:center;align-self:stretch;align-items:center;margin:0 5px;padding:0;display:flex}.note-pane-splitter span{letter-spacing:1px;writing-mode:vertical-rl;padding:8px 0;font-weight:900;display:inline-flex}.note-pane-splitter:hover,.note-pane-splitter:focus-visible{background:color-mix(in srgb, var(--color-primary) 36%, var(--bg-container-nested));color:var(--color-primary);border-color:var(--color-primary);outline:none}.note-reference-pane{flex-direction:column;flex:1 1 0;gap:15px;height:100%;min-height:0;display:flex;overflow-y:auto}.note-reference-pane.monthly-split{grid-template-rows:minmax(220px,1fr) 10px minmax(0,1fr);gap:0;height:100%;min-height:0;display:grid;overflow:hidden}.note-reference-pane.monthly-split>.glass-card{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.note-reference-splitter{min-height:10px;margin:0}@media (width<=992px){.note-reference-pane,.note-reference-pane.monthly-split{height:auto;max-height:none;display:flex;overflow:visible}}.note-editor-card{flex-direction:column;flex:1;padding:24px;display:flex}.note-textarea{width:100%;font-family:var(--font-sans);resize:none;color:var(--text-primary);border:none;border-top:1px solid var(--border-color);background:0 0;outline:none;flex:1;margin-top:15px;padding-top:15px;font-size:1.05rem;line-height:1.6}.note-block-editor{border-top:1px solid var(--border-color);flex-direction:column;flex:none;gap:14px;margin-top:15px;padding-top:15px;display:flex}.note-block-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.note-block-toolbar .btn{align-items:center;gap:4px;padding:6px 10px;font-size:.82rem;display:inline-flex}.note-block-help{color:var(--text-muted);font-size:.78rem}.note-block-list{flex-direction:column;gap:12px;padding-right:4px;display:flex}.note-block{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);flex-direction:column;gap:8px;padding:14px;display:flex;position:relative}.note-block-task{border-left:4px solid var(--note-block-color,var(--color-work));background:color-mix(in srgb, var(--note-block-color,var(--color-work)) 12%, var(--bg-tertiary))}.note-block-section{border-left:4px solid var(--color-personal)}.note-block-actions{flex:none;gap:3px;padding-top:1px;display:flex}.note-block-heading-row,.note-block-content-row{align-items:flex-start;gap:10px;min-width:0;display:flex}.note-block-heading-row>:first-child,.note-block-content-row>:first-child{flex:auto;min-width:0}.note-block-actions .icon-btn{border:1px solid var(--border-color);border-radius:var(--radius-xs);width:27px;height:27px;color:var(--text-secondary);background:var(--bg-container);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.note-block-actions .icon-btn:disabled{cursor:default;opacity:.4}.note-block-actions .icon-btn.danger:hover{color:var(--color-high);border-color:var(--color-high)}.note-block-text,.note-block-title,.note-block-body{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font:inherit;background:0 0;border:1px solid #0000;outline:none}.note-block-text,.note-block-body{resize:vertical;min-height:90px;padding:7px 8px;line-height:1.6;overflow-y:hidden}.note-block-title{padding:7px 8px;font-size:1.02rem;font-weight:700}.note-block-task-heading{grid-template-columns:minmax(0,1fr) minmax(130px,160px);align-items:center;gap:8px;display:grid}.note-block-section-heading{min-width:0}.note-block-category-picker{align-items:stretch;min-width:0;display:flex}.note-block-category-label{border:1px solid var(--border-color);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--bg-container-nested);color:var(--text-secondary);border-right:0;flex:none;align-items:center;padding:0 9px;font-size:.8rem;font-weight:700;display:inline-flex}.project-picker{width:100%;min-width:0;display:flex;position:relative}.project-picker-input{box-sizing:border-box;width:100%;height:38px;padding-right:32px}.note-block-category-picker .project-picker-input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.project-picker-toggle{z-index:2;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.project-picker-options{z-index:10000;box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);width:max-content;min-width:min(360px,100%);max-width:min(520px,100vw - 24px);max-height:220px;box-shadow:var(--shadow-lg);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px;margin:0;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.project-picker-options.align-right{left:auto;right:0}.project-picker-options li{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:4px;align-items:center;gap:7px;padding:7px 8px;font-size:.85rem;line-height:1.2;display:flex;overflow:hidden}.project-picker-options li:hover,.project-picker-options li.active{background:var(--bg-active-button);color:var(--text-primary)}.project-picker-options .project-picker-create{border-top:1px solid var(--border-color);color:var(--color-primary);grid-column:1/-1;font-weight:700}.project-picker-color{border-radius:50%;flex:none;width:10px;height:10px}@media (width<=900px){.note-block-task-heading{grid-template-columns:1fr}}.note-block-text:focus,.note-block-title:focus,.note-block-body:focus{border-color:var(--color-work);background:var(--bg-container)}.note-block-editor.compact{overflow:auto}.note-block-editor.compact .note-block-list{overflow:visible}@media (width<=600px){.mobile-modal-content .note-block-heading-row,.mobile-modal-content .note-block-content-row{flex-wrap:wrap}.mobile-modal-content .note-block-heading-row>:first-child,.mobile-modal-content .note-block-content-row>:first-child{flex:100%;width:100%}.mobile-modal-content .note-block-actions{justify-content:flex-end;width:100%;padding-top:2px}.mobile-modal-content .note-block-task-heading{grid-template-columns:1fr}.mobile-modal-content .project-picker-options,.mobile-modal-content .project-picker-options.align-right{z-index:10020;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;min-width:0;max-width:none;max-height:min(52vh,420px);padding:10px;position:fixed;inset:auto 12px 12px;box-shadow:0 8px 32px #0f172a47}}.note-tab-container{gap:8px;margin-bottom:20px;display:flex}.note-tab{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);padding:8px 16px;font-size:.9rem;font-weight:600}.note-tab.active{background:var(--color-work-glow);border-color:var(--color-work);color:var(--color-work)}.note-tab:not(.active):hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-hover)}.note-status{align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.note-status.idle{color:var(--text-muted)}.note-status.saving{color:var(--color-medium)}.note-status.saved{color:var(--color-low)}.ref-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.aggregated-feed{flex-direction:column;gap:12px;max-height:none;display:flex;overflow-y:auto}.aggregated-item{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-glass);padding:16px}.aggregated-date{color:var(--color-work);border-bottom:1px dashed var(--border-color);margin-bottom:8px;padding-bottom:4px;font-size:.85rem;font-weight:700}.aggregated-content{color:var(--text-primary);white-space:pre-wrap;font-size:.9rem;line-height:1.5}.ref-item-clickable:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:var(--color-primary)!important;background:#3b82f614!important}.note-date-nav{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:8px;padding:4px 8px;display:flex}.note-date-nav span{color:var(--text-primary);text-align:center;min-width:100px;font-size:.95rem;font-weight:600}.worknote-toolbar{position:relative}.worknote-date-controls{position:absolute;left:50%;transform:translate(-50%)}.note-date-picker{min-width:128px;color:var(--text-primary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:2px 4px;display:inline-flex;position:relative}.note-date-picker:hover{color:var(--color-primary);background:var(--bg-glass-hover)}.note-date-picker>span{min-width:100px}.note-date-picker-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.plan-list-date-controls,.report-date-controls{align-items:center;gap:8px;display:inline-flex}.plan-list-today-button,.report-today-button{padding:6px 11px;font-size:.8rem}.note-nav-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.note-nav-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.menu-toggle-btn{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:none}.menu-toggle-btn:hover{background:var(--bg-hover-button)}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:none}.sidebar-close-btn:hover{color:var(--text-primary);background:var(--bg-hover-button)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:998;animation:fade-in var(--transition-fast) ease-out;background:#01010299;display:none;position:fixed;inset:0}@media (width<=768px){.menu-toggle-btn{display:flex}.sidebar-close-btn{margin-left:auto;display:flex}.sidebar-overlay.active{display:block}.app-container{flex-direction:column}.sidebar{z-index:999;width:280px;height:100vh;transition:transform var(--transition-normal);box-shadow:var(--shadow-lg);border-right:1px solid var(--border-color);padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-container.sidebar-open .sidebar{transform:translate(0)}.main-content{width:100%;height:100vh;overflow-x:hidden}.top-bar{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));gap:8px;height:auto}.view-title{font-size:1.25rem}.page-container,.dashboard{padding:16px 12px;padding-bottom:calc(24px + env(safe-area-inset-bottom));gap:16px;height:auto!important}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;margin-bottom:15px;overflow-x:auto}.table-responsive table{min-width:600px}.table-responsive .report-table{margin-bottom:0}.form-row{gap:12px;grid-template-columns:1fr!important}.modal-content{border-radius:var(--radius-lg);width:92%;max-height:90vh;padding:16px}.form-actions{flex-direction:row;justify-content:flex-end;gap:8px}.form-actions .btn{flex:none;width:auto}.note-layout{flex-direction:column;height:auto;overflow:visible}.note-pane-splitter{display:none}.note-editor-pane{flex:auto!important}.note-reference-pane{max-height:none;overflow:visible}.note-editor-pane{min-height:350px}.calendar-grid-header{font-size:.8rem}.calendar-day-cell{min-height:80px;padding:4px}.calendar-day-cell span{font-size:.75rem}.calendar-event{padding:1px 3px;font-size:.7rem}}@media (width<=480px){.top-bar{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top))}.view-title{font-size:1.1rem}.page-container{padding:12px 8px}.btn{padding:6px 12px;font-size:.8rem}}.sidebar{transition:width .2s,padding .2s}.sidebar.collapsed{align-items:center;width:72px!important;padding:18px 8px 12px!important}.sidebar.collapsed .sidebar-logo:after{content:"›";color:#fff;background:var(--color-primary);margin-left:0}.sidebar.collapsed .sidebar-logo{justify-content:center;gap:3px;width:100%;padding:0}.sidebar.collapsed .sidebar-logo .logo-title{display:none}.sidebar.collapsed .sidebar-logo .sidebar-brand{flex:none}.sidebar.collapsed .sidebar-logo .worknote-brand-icon{border-radius:12px;flex-basis:38px;width:38px;height:38px;display:block;box-shadow:0 5px 14px #2563eb57}.sidebar.collapsed .nav-item{justify-content:center;width:100%;padding:12px}.sidebar.collapsed .sidebar-footer{min-height:12px;padding:8px 0 0}.calendar-toolbar,.plan-list-header-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid!important}.calendar-toolbar .toolbar-center,.plan-list-header-toolbar .toolbar-center{justify-self:center;min-width:0;position:static!important;left:auto!important;transform:none!important}.calendar-toolbar-left,.calendar-toolbar-actions,.plan-list-header-actions{min-width:0}.calendar-toolbar-actions,.plan-list-header-actions{justify-self:end}@media (width<=1120px){.calendar-toolbar,.plan-list-header-toolbar{grid-template-columns:1fr auto}.calendar-toolbar .toolbar-center,.plan-list-header-toolbar .toolbar-center{grid-area:2/1/auto/-1;justify-self:center}}.sidebar.collapsed .nav-label{display:none}.nav-item,.sidebar-footer{-webkit-user-select:none;user-select:none}.sidebar.collapsed .nav-item{position:relative}.sidebar.collapsed .nav-count-badge{min-width:17px;padding:1px 4px;font-size:.62rem;position:absolute;top:5px;right:5px}.sidebar.collapsed .nav-item .nav-icon{margin:0}.calendar-date-preview-trigger{cursor:pointer;white-space:nowrap;border:none;font-family:inherit}.calendar-date-preview-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.day-schedule-preview{z-index:100000;border:1px solid var(--border-hover);background:var(--bg-secondary);max-width:calc(100vw - 24px);max-height:380px;color:var(--text-primary);box-shadow:var(--shadow-lg);border-radius:8px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.day-schedule-preview-day-button{border:0;border-bottom:1px solid var(--border-color);width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.day-schedule-preview-day-button:hover{background:var(--bg-container-nested)}.day-schedule-preview-day-button>span{align-items:center;gap:7px;font-weight:700;display:inline-flex}.day-schedule-preview-day-button strong{color:var(--color-primary)}.day-schedule-preview-day-button:focus-visible,.day-schedule-preview-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.day-schedule-preview-list{min-height:44px;padding:3px 0;overflow-y:auto}.day-schedule-preview-item{width:100%;min-height:32px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:20px 46px minmax(0,1fr) auto;align-items:center;gap:7px;padding:3px 14px;display:grid}.day-schedule-preview-item:hover{background:var(--bg-container-nested)}.day-schedule-preview-kind{justify-content:center;align-items:center;display:inline-flex}.day-schedule-preview-kind.work{color:var(--color-work)}.day-schedule-preview-kind.personal{color:var(--color-personal)}.day-schedule-preview-time{color:var(--text-muted);font-size:.76rem}.day-schedule-preview-title{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.day-schedule-preview-done{color:var(--color-low);font-size:.7rem}.day-schedule-preview-empty{text-align:center;color:var(--text-muted);padding:18px 14px;font-size:.84rem}.day-schedule-preview footer{border-top:1px solid var(--border-color);color:var(--text-muted);padding:9px 14px;font-size:.74rem}.calendar-item-hover-popover{z-index:100000;box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);width:min(240px,100vw - 24px);max-height:calc(100vh - 24px);color:var(--text-primary);box-shadow:var(--shadow-lg);pointer-events:none;flex-direction:column;gap:6px;padding:12px;font-size:.8rem;display:flex;position:fixed;overflow-y:auto}.calendar-item-hover-popover-title{border-bottom:1px solid var(--border-color);flex-direction:column;gap:3px;padding-bottom:4px;font-weight:700;display:flex}.calendar-item-hover-popover-parent{color:var(--color-work);font-size:.72rem;font-weight:600}.calendar-item-hover-popover-name{align-items:center;gap:6px;display:flex}.calendar-item-hover-popover-dot{border-radius:50%;flex:none;width:8px;height:8px}.calendar-item-hover-popover-dot.work{background:var(--color-work)}.calendar-item-hover-popover-dot.personal{background:var(--color-personal)}.calendar-item-hover-popover-description{color:var(--text-secondary);border-top:1px dotted var(--border-color);white-space:pre-wrap;margin-top:4px;padding-top:4px;font-style:italic}.calendar-event-range-start{margin-right:-2px}.calendar-event-range-middle{margin-left:-2px;margin-right:-2px}.calendar-event-range-end{margin-left:-2px}.settings-sync-interval-control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-sync-interval-control .form-label{white-space:nowrap;margin:0}.settings-sync-interval-control .form-select{width:min(260px,100%);min-height:40px}.plan-list-category-filter{min-width:188px}.plan-list-period-selector{flex:none;min-width:0!important}.plan-list-workspace{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.plan-list-workspace .view-toolbar,.plan-list-workspace .view-subtoolbar{flex:none}.plan-list-workspace .table-responsive{scrollbar-width:none;flex:none}.plan-list-workspace .table-responsive::-webkit-scrollbar{width:0;height:0}.plan-list-deadline-panel::-webkit-scrollbar{width:0;height:0}.plan-list-workspace tr[data-plan-date]>td{border-top:1px solid #0f172ab8!important}.plan-list-splitter{border:0;border-top:1px solid color-mix(in srgb, var(--color-primary) 42%, var(--border-color));background:color-mix(in srgb, var(--color-primary) 18%, var(--bg-container-nested));width:100%;color:var(--text-muted);cursor:ns-resize;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex:0 0 10px;justify-content:center;align-items:center;margin:5px 0 0;padding:0;display:flex}.plan-list-splitter span{letter-spacing:2px;border-radius:8px;align-items:center;height:10px;padding:0 10px;font-weight:900;line-height:1;display:inline-flex}.plan-list-splitter:hover,.plan-list-splitter:focus-visible{background:color-mix(in srgb, var(--color-primary) 28%, var(--bg-container-nested));color:var(--color-primary);border-color:var(--color-primary);outline:none}.plan-list-splitter:hover span,.plan-list-splitter:focus-visible span{background:color-mix(in srgb, var(--color-primary) 14%, transparent)}.plan-list-deadline-panel{scrollbar-width:none;flex:auto;min-height:0;overflow-y:auto}.view-subtoolbar .btn,.view-subtoolbar .segmented-selector button,.view-toolbar .toolbar-option-button{transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.view-subtoolbar .btn:hover,.view-subtoolbar .btn:focus-visible,.view-subtoolbar .segmented-selector button:hover,.view-subtoolbar .segmented-selector button:focus-visible,.view-toolbar .toolbar-option-button:hover,.view-toolbar .toolbar-option-button:focus-visible{box-shadow:0 4px 10px color-mix(in srgb, var(--color-primary) 22%, transparent);border-color:var(--color-primary);outline:none;transform:translateY(-1px)}.dashboard-category-badge{white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600}.dashboard-category-badge.work{color:var(--color-work);background:#3b82f614}.dashboard-category-badge.personal{color:var(--color-personal);background:#a855f714}.mobile-period-control{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:4px;display:grid!important}.mobile-period-label{cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.mobile-period-label>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-period-actions{align-items:center;gap:3px;min-width:0;display:inline-flex}.mobile-period-selector{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:7px;flex:0 0 108px;grid-template-columns:repeat(3,1fr);gap:2px;width:108px;padding:2px;display:inline-grid}.mobile-period-selector .filter-btn{white-space:nowrap;min-height:30px;padding:4px 2px;font-size:.72rem}.mobile-schedule-display-selector{margin-left:.65rem}@media (width<=640px){.plans-screen .tab-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;padding:2px;display:grid}.plans-screen .tab-filters .mobile-view-tab{width:100%;min-height:34px;padding:5px 6px}.plans-screen .plans-sticky-top-header{gap:3px!important;padding-bottom:3px!important}.plans-screen .sub-header-bar,.plans-screen .mobile-month-header{min-height:42px;padding:5px 8px!important}.plans-screen .mobile-period-control{grid-template-columns:28px minmax(0,1fr) auto;gap:2px}.plans-screen .mobile-period-label{justify-content:center}.plans-screen .mobile-period-label>span:first-child{font-size:.82rem!important}.plans-screen .mobile-period-actions{gap:2px}.plans-screen .mobile-period-selector{flex-basis:100px;width:100px}.plans-screen .mobile-period-selector .filter-btn{min-height:29px;font-size:.68rem}.plans-screen .month-nav-button{width:34px;height:34px}.plans-screen .mobile-week-period-control .mobile-period-selector{flex-basis:94px;width:94px}.plans-screen .mobile-week-period-control .mobile-period-actions>.month-nav-button{width:30px}.plans-screen .mobile-period-label>span.mobile-week-range{font-size:.77rem!important}.plans-screen .plans-list-container .plan-item-card{margin-bottom:4px!important;padding:7px 10px!important}.plans-screen .plans-list-container .plan-item-card .plan-item-title{line-height:1.2}}.settings-project-plan-item{border:1px solid var(--border-color);border-left:4px solid var(--color-primary);background:var(--bg-secondary);width:100%;min-width:0;color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 8px;font-size:.78rem;display:grid}.settings-project-plan-item:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.settings-project-plan-item>span:first-child{color:var(--text-muted);white-space:nowrap}.settings-project-plan-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-project-plan-item>span:last-child{color:var(--text-secondary);white-space:nowrap;font-size:.72rem}.time-picker-btn{text-align:center;width:100%;transition:all var(--transition-fast);display:block}.time-picker-btn:hover:not(.active){background:var(--bg-hover-button)!important;color:var(--text-primary)!important}.time-picker-btn.active{background:var(--color-primary)!important;color:#fff!important}.content-area{flex-direction:column;flex-grow:1;height:100%;min-height:0;display:flex}.report-view-toolbar{scrollbar-width:none;overflow-x:auto}.report-view-toolbar::-webkit-scrollbar{height:0}.report-view-toolbar .selection-control,.report-view-toolbar .btn{white-space:nowrap;flex:none}.holiday-settings-card{padding:24px}.holiday-settings-add-row,.holiday-settings-item{grid-template-columns:minmax(145px,.8fr) minmax(200px,1.4fr) minmax(145px,.8fr) auto minmax(145px,.8fr) auto;align-items:center;gap:8px;display:grid}.holiday-settings-add-row{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:10px;margin-top:16px;padding:12px}.holiday-settings-list-header{align-items:center;gap:12px;margin-top:12px;display:flex}.holiday-settings-list{border:1px solid var(--border-color);background:var(--bg-container-nested);border-radius:9px;gap:0;margin-top:8px;display:grid;overflow:hidden}.holiday-settings-counts{color:var(--text-secondary);text-align:right;flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px 16px;font-size:.86rem;display:flex}.holiday-settings-counts strong{color:var(--color-primary)}.holiday-settings-list-toggle{border:1px solid var(--border-color);width:fit-content;color:var(--text-secondary);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:5px;padding:7px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.holiday-settings-list-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.holiday-settings-item{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(42px,auto) minmax(145px,.8fr) minmax(200px,1.4fr) minmax(145px,.8fr) auto minmax(145px,.8fr) auto auto;gap:4px;padding:2px 10px}.calendar-lunar-day{color:#7c3aed;font-size:inherit;font-weight:500;line-height:inherit;cursor:default;text-decoration:none;display:inline-block;position:relative}.calendar-lunar-day:after{content:attr(data-lunar-label);z-index:80;color:#312e81;width:max-content;box-shadow:none;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background:#fff;border:1px solid #c4b5fd;border-radius:7px;padding:6px 9px;font-size:.75rem;font-weight:400;line-height:1.2;position:absolute;top:calc(100% + 6px);left:calc(100% + 8px);transform:none}.calendar-lunar-day:hover:after,.calendar-lunar-day:focus-visible:after{opacity:1}.calendar-lunar-day-today{color:#6d28d9;text-shadow:0 1px #ffffffe6;font-weight:900}.calendar-today-cell{z-index:1}.calendar-date-header-labels{align-items:center;gap:1em;min-width:0;display:inline-flex;overflow:visible}.calendar-today-badge{color:#1d4ed8;white-space:nowrap;box-shadow:none;background:linear-gradient(#fff 0%,#dbeafe 100%);border:1px solid #2563eb;border-radius:999px;align-items:center;padding:1px 5px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.calendar-holiday-labels{align-items:center;gap:.55em;min-width:0;display:inline-flex;overflow:hidden}.calendar-holiday-labels-week{justify-content:center;margin:3px 0 0;display:flex}.calendar-holiday-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:.82rem;font-weight:800;line-height:1.15;display:inline-block;overflow:hidden}.calendar-holiday-label-national{color:#be123c}.calendar-holiday-label-company{color:#b45309}.calendar-holiday-label-personal{color:#6d28d9}.plan-list-today-row>td{box-shadow:inset 0 2px #fffffff5,inset 0 -2px #1e40af1f,0 5px 10px #2563eb29}.plan-list-today-row>td:first-child{border-left:4px solid var(--color-primary)!important}.holiday-settings-item-days{color:var(--color-primary);text-align:center;white-space:nowrap;font-size:.86rem}.holiday-date-separator{color:var(--text-muted);text-align:center}.holiday-action-button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-height:36px;display:inline-flex}.holiday-settings-empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border-color);border-radius:8px;padding:14px}@media (width<=1100px){.holiday-settings-add-row,.holiday-settings-item{grid-template-columns:1fr 1fr}.holiday-date-separator{display:none}.holiday-settings-list-header{flex-direction:column;align-items:flex-start;gap:8px}.holiday-settings-counts{text-align:left;justify-content:flex-start}.settings-backup-row{flex-direction:column;align-items:stretch;gap:6px}.settings-backup-card .settings-hint{white-space:normal}}.window-compact-todo-badge{border-radius:var(--radius-pill);background:var(--color-medium);color:#000;text-shadow:none;align-items:center;margin-left:10px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.window-compact-todo-badge.completed{background:var(--color-low);color:#fff}.mobile-app-container{background-color:var(--bg-primary,#f8fafc);width:100vw;height:100vh;color:var(--text-primary,#1e293b);-webkit-user-select:none;user-select:none;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}.mobile-header{box-sizing:border-box;background-color:var(--bg-secondary,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);z-index:10;justify-content:space-between;align-items:center;min-height:52px;padding:7px 12px;display:flex;box-shadow:0 1px 3px #0000000d}.header-logo{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.logo-text{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.logo-badge{color:#fff;background-color:#2563eb;border-radius:4px;align-self:center;align-items:center;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-flex}.header-status{align-items:center;gap:10px;display:flex}.sync-indicator-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.sync-indicator-btn:active{background-color:var(--bg-hover,#f1f5f9)}.sync-indicator-btn.spinning .icon-sync{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.network-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}.network-badge.online{color:#166534;background-color:#f0fdf4}.network-badge.offline{color:#991b1b;background-color:#fef2f2}.badge-text{display:inline}.mobile-main{scrollbar-gutter:stable;box-sizing:border-box;-webkit-overflow-scrolling:touch;flex:1;padding:12px 12px 76px;overflow:hidden auto}.mobile-nav-bar{background-color:var(--bg-secondary,#fff);border-top:1px solid var(--border-color,#cbd5e1);z-index:990;width:100%;height:60px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.mobile-nav-bar .nav-item{min-width:0;color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;gap:5px;height:100%;min-height:44px;margin:0;padding:4px 2px;font-size:.86rem;font-weight:600;transition:color .15s;display:flex}.mobile-nav-bar .nav-item:active{background-color:var(--bg-hover,#f8fafc)}.mobile-nav-bar .nav-item.active{color:#2563eb;font-weight:700}.mobile-nav-bar .nav-item svg{flex:none;width:24px;height:24px}.mobile-screen{flex-direction:column;gap:12px;min-width:0;animation:.2s ease-out fadeIn;display:flex}.home-section{flex-direction:column;gap:6px;display:flex}.section-header{align-items:center;gap:6px;display:flex}.section-title{color:var(--text-primary,#1e293b);margin:0;font-size:.98rem;font-weight:700}.mobile-card{background-color:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000005}.mobile-card:active{transform:scale(.985)}.empty-card{background-color:var(--bg-secondary,#fff);border:1px dashed var(--border-color,#cbd5e1);text-align:center;color:var(--text-muted,#94a3b8);border-radius:10px;padding:16px 12px;font-size:.88rem}.sync-section-card{color:#fff;background:linear-gradient(135deg,#1e1b4b,#311042);border-radius:12px;padding:12px}.sync-card-body{flex-direction:column;gap:8px;margin-top:8px;display:flex}.card-list{flex-direction:column;gap:6px;display:flex}.task-card{flex-direction:row;align-items:center;gap:10px;padding:8px 10px}.task-checkbox-btn{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:flex}.task-card .card-title{color:var(--text-primary,#111827);font-size:.95rem;font-weight:700;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.mobile-modal-overlay{z-index:1000;background-color:#00000073;justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.mobile-modal-content{background-color:var(--bg-secondary,#fff);scrollbar-gutter:stable;box-sizing:border-box;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:500px;max-height:88vh;padding:14px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden auto;box-shadow:0 -4px 20px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.max-height-modal{height:88vh}.modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.modal-header h3{color:var(--text-primary,#111827);margin:0;font-size:1.05rem;font-weight:800}.close-btn{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-body{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.detail-view{flex-direction:column;gap:14px;font-size:1.05rem;display:flex}.detail-row{align-items:center;gap:8px;display:flex}.detail-icon{color:#7c3aed}.detail-description{border-top:1px solid var(--border-color,#e5e7eb);margin-top:10px;padding-top:10px}.detail-description p{color:var(--text-secondary,#374151);margin:6px 0 0;line-height:1.5}.detail-actions{gap:10px;margin-top:16px;display:flex}.form-view{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary,#4b5563);font-size:.9rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color,#cbd5e1);background-color:var(--bg-primary,#fff);color:var(--text-primary,#1e293b);border-radius:8px;outline:none;padding:12px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7c3aed}.form-row{gap:10px;display:flex}.form-row .form-group{flex:1}.btn-modal{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:700;display:flex}.btn-edit{color:#fff;background-color:#7c3aed;flex:2}.btn-delete{color:#b91c1c;background-color:#fee2e2;flex:1}.btn-save{color:#fff;background-color:#2563eb;width:100%}.tab-filters{background-color:var(--bg-hover,#e2e8f0);border-radius:8px;padding:4px;display:flex}.filter-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:.95rem;font-weight:700}.settings-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.settings-theme-options .settings-theme-option{grid-template-rows:auto auto 1fr;gap:8px;margin:0;display:grid;min-width:0!important}.settings-theme-options .settings-theme-selector{box-sizing:border-box;min-width:0;width:100%!important;display:grid!important}.settings-theme-options .settings-theme-selector--two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-theme-options .settings-theme-selector--four{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-theme-options .settings-theme-selector button{width:100%;min-width:0;padding-inline:4px!important}.filter-btn.active{background-color:var(--bg-secondary,#fff);color:#7c3aed;box-shadow:0 1px 3px #00000014}.mobile-month-calendar{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;overflow:hidden}.mobile-month-header{border-bottom:1px solid var(--border-color,#e2e8f0);text-align:center;justify-content:space-between;align-items:center;padding:12px;display:flex}.mobile-month-header h2{margin:0;font-size:1rem}.month-nav-button,.month-today-button{color:#4f46e5;background:0 0;border:0;font-weight:700}.month-nav-button{border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid}.month-nav-button:active,.month-today-button:active{background:#eef2ff}.month-today-button{color:#fff;background:linear-gradient(145deg,#4f46e5,#2563eb);border:1px solid #1d4ed8;border-radius:999px;margin-top:2px;padding:5px 11px;font-size:.88rem;box-shadow:0 2px #1e40af,0 4px 8px #2563eb47}.mobile-month-weekdays,.mobile-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.mobile-month-weekdays{border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);text-align:center;font-size:.72rem;font-weight:700}.mobile-month-weekdays span{padding:8px 0}.mobile-month-weekdays span:first-child{color:#dc2626}.mobile-month-weekdays span:last-child{color:#2563eb}.mobile-month-cell{border-right:1px solid var(--border-color,#e2e8f0);border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;min-height:78px;padding:5px 3px;overflow:hidden}.mobile-month-cell:nth-child(7n){border-right:0}.mobile-month-cell:nth-last-child(-n+7){border-bottom:0}.mobile-month-cell.outside-month{background:var(--bg-hover,#f8fafc);color:#94a3b8}.mobile-month-cell.today{z-index:1;position:relative;box-shadow:inset 0 0 0 2px #2563eb,inset 0 0 0 4px #93c5fde6,0 2px 7px #2563eb38}.mobile-month-cell.today .mobile-month-day-number{color:#fff;background:linear-gradient(145deg,#4f46e5,#1d4ed8);box-shadow:0 2px #1e40af,0 3px 6px #1e40af57}.mobile-month-date-label{align-items:baseline;gap:2px;min-width:0;display:inline-flex}.mobile-month-lunar-date{color:#5b21b6;white-space:nowrap;font-size:.76rem;font-weight:900}.mobile-month-cell.today .mobile-month-lunar-date{color:#7c2d12;text-shadow:0 1px #fff,0 0 2px #ffffffe6}.mobile-month-day-number{border-radius:50%;place-items:center;width:22px;height:22px;font-size:.92rem;font-weight:800;display:inline-grid}.mobile-month-holiday{color:#dc2626;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:1px;font-size:.56rem;font-weight:700;line-height:1.2;display:block;overflow:hidden}@media (width<=900px){.modal-overlay{align-items:flex-end;padding:0;overflow:hidden}.modal-content,.modal-content.modal-resizable{box-sizing:border-box;resize:none;width:100%;min-width:0;max-width:720px;max-height:min(92dvh,900px);overflow-x:hidden}.modal-content form,.modal-content .form-group,.modal-content .form-row,.modal-content .form-actions{min-width:0;max-width:100%}.modal-content input,.modal-content select,.modal-content textarea{box-sizing:border-box;max-width:100%}.modal-content .form-actions{z-index:2;padding-top:10px;padding-bottom:env(safe-area-inset-bottom);background:var(--bg-container,#fff);flex-flow:wrap;justify-content:flex-end;align-items:center;position:sticky;bottom:0}.modal-content .form-actions .btn{flex:none;width:auto}}.mobile-month-events{gap:2px;margin-top:3px;display:grid}.mobile-month-event{color:#1e3a8a;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border:0;border-left:3px solid #2563eb;border-radius:3px;align-items:center;gap:2px;width:100%;padding:2px;font-size:.62rem;line-height:1.25;display:inline-flex;overflow:hidden}.mobile-month-event-icon{flex:none}.mobile-month-event-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-month-event.personal{color:#9d174d;background:#fdf2f8;border-left-color:#db2777}.mobile-month-more{color:#64748b;font-size:.64rem;font-weight:700}.mobile-month-help{color:#64748b;background:#f8fafc;margin:0;padding:10px 12px;font-size:.78rem;line-height:1.45}.android-plan-modal-overlay{z-index:1200;padding:8px;overflow:hidden}.android-plan-modal,.android-plan-modal.modal-resizable{box-sizing:border-box;resize:none;flex-direction:column;display:flex;overflow-x:hidden;width:min(960px,100vw - 16px)!important;min-width:0!important;max-width:calc(100vw - 16px)!important;height:min(900px,100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow-y:hidden!important}.android-plan-modal .modal-header,.android-plan-modal .modal-header>div,.android-plan-modal form,.android-plan-modal .plan-modal-layout,.android-plan-modal .plan-modal-layout>*,.android-plan-modal .form-group,.android-plan-modal .form-row{box-sizing:border-box;min-width:0;max-width:100%}.android-plan-modal .modal-header{gap:8px!important}.android-plan-modal-header{min-height:42px;margin-bottom:8px}.android-plan-modal-header-main{flex-wrap:nowrap;min-width:0;gap:8px!important}.android-plan-modal-header .modal-title{flex:none;font-size:1.1rem}.android-plan-header-toggle{white-space:nowrap;flex:0 auto;min-width:0;gap:4px!important;padding:4px 6px!important;font-size:.76rem!important}.android-plan-header-toggle input{accent-color:var(--color-primary);flex:0 0 20px}.android-plan-modal form{max-height:calc(100dvh - 92px)!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.android-plan-modal .form-actions{z-index:3;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}.android-plan-modal form{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto;max-height:none!important}.android-plan-modal .date-time-input-row{grid-template-columns:minmax(0,1.45fr) minmax(96px,.75fr)!important}.android-plan-modal .date-time-input-row>div:first-child{min-width:0!important}.android-plan-modal .date-time-input-row>div:first-child .form-input{padding-right:28px!important;font-size:.82rem!important}.android-plan-modal .date-time-input-row>div:nth-child(2) .form-input{font-size:.86rem!important}.mobile-device-data-count{color:#2563eb;font-weight:800}.mobile-backup-location-list{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;gap:7px;margin-top:8px;padding:10px;display:grid}.mobile-backup-location-list div{justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.mobile-backup-location-list span{color:#475569}.mobile-backup-location-list strong{color:#1d4ed8;text-align:right}@media (width<=640px){.home-section .card-list{gap:4px}.plans-screen .mobile-period-selector,.plans-screen .mobile-week-period-control .mobile-period-selector{flex-basis:126px;gap:4px;width:126px}.plans-screen .mobile-period-selector .filter-btn{min-height:34px;padding:4px 3px;font-size:.78rem;font-weight:700}.home-section .task-card{gap:8px;min-height:0;padding:6px 10px}.home-section .task-card .task-content,.home-section .task-card .card-title,.mobile-next-action-date{line-height:1.15}.mobile-next-action-date{margin-top:1px!important}.plans-screen .tab-filters{gap:12px;padding:2px 4px}.plans-screen .plans-list-container .plan-item-card{gap:1px!important;margin-bottom:3px!important;padding:4px 10px!important}.plans-screen .plans-list-container .plan-item-card>div:first-child{min-height:0;margin-bottom:0!important}.plans-screen .plans-list-container .plan-item-card>div:last-child{line-height:1.1}.plans-screen .plans-list-container .plan-item-card .plan-item-title{line-height:1.08}.plans-screen .plans-list-container .plan-item-card .badge-cat{line-height:1.1}}.android-plan-modal input,.android-plan-modal select,.android-plan-modal textarea{box-sizing:border-box;min-width:0;max-width:100%}.mobile-main:has(.plans-screen){scrollbar-gutter:auto;padding:6px 8px 64px;overflow:hidden}.mobile-main:has(.notes-screen){scrollbar-gutter:auto;padding:6px 8px 64px;overflow:hidden}.notes-screen{height:100%;min-height:0;overflow:hidden}.notes-screen>.tab-filters,.notes-screen>.sub-header-bar,.notes-screen>.screen-header{flex:none}.notes-screen .notes-list-container{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:3px;overflow-y:auto}.month-calendar-mode{gap:4px}.month-calendar-mode .plans-sticky-top-header{gap:3px!important;padding-bottom:3px!important}.month-calendar-mode .tab-filters{padding:2px}.month-calendar-mode .mobile-view-tab{min-height:34px;padding:5px 6px}.month-calendar-mode .sub-header-bar{min-height:38px;padding:2px 6px!important}.month-calendar-mode .month-nav-button{width:34px;height:34px}.month-calendar-mode .plans-scrollable-body,.month-calendar-mode .mobile-month-calendar{height:100%;min-height:0}.month-calendar-mode .mobile-month-calendar{border-radius:8px;flex-direction:column;display:flex}.month-calendar-mode .mobile-month-weekdays{flex:none}.month-calendar-mode .mobile-month-weekdays span{padding:5px 0}.month-calendar-mode .mobile-month-grid{flex:1;grid-template-rows:repeat(6,minmax(0,1fr));min-height:0}.month-calendar-mode .mobile-month-cell{min-height:0;padding:3px 2px}.month-calendar-mode .mobile-month-events{gap:1px;margin-top:2px}.month-calendar-mode .mobile-month-event{padding:2px 1px}.more-help-text{color:var(--text-secondary,#64748b);margin:10px 0 0;font-size:.86rem;line-height:1.5}.mobile-version{color:var(--text-muted,#94a3b8);align-self:center;align-items:center;margin:0;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.mobile-display-settings .more-help-text{margin-top:0}.mobile-sync-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:.82rem;font-weight:700;line-height:1.45}.mobile-zoom-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.mobile-zoom-options button{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#fff);min-height:42px;color:var(--text-secondary,#475569);font:inherit;border-radius:9px;font-size:.9rem;font-weight:800}.mobile-restore-label{border:1px solid var(--border-color,#e2e8f0);min-height:42px;color:var(--text-secondary,#475569);border-radius:9px;place-items:center;font-size:.9rem;font-weight:800;display:grid}.mobile-restore-label input{display:none}.mobile-zoom-options button.active{color:#4338ca;background:#eef2ff;border-color:#4f46e5;box-shadow:0 2px 5px #4f46e533}.add-floating-btn{color:#fff;z-index:20;background-color:#7c3aed;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:fixed;bottom:84px;right:16px;box-shadow:0 4px 8px #00000026}.add-floating-btn:active{transform:scale(.92)}.note-item-card{padding:14px}.note-card-header{border-bottom:1px dashed var(--border-color,#e2e8f0);padding-bottom:6px}.note-date{color:#2563eb;font-size:.85rem;font-weight:700}.note-snippet{color:var(--text-secondary,#334155);margin:6px 0 0;font-size:.95rem;line-height:1.5}.flex-textarea{flex:1}.flex-textarea textarea{resize:none;height:100%}.editor-toolbar{background-color:var(--bg-hover,#f1f5f9);border-radius:8px;gap:10px;padding:8px;display:flex}.toolbar-btn{background-color:var(--bg-secondary,#fff);border:1px solid var(--border-color,#cbd5e1);color:var(--text-primary,#334155);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:700;display:flex}.toolbar-btn:active{background-color:var(--bg-hover,#f8fafc)}.toolbar-btn.active-listening{color:#ef4444;background-color:#fee2e2;border-color:#f87171;animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.note-action-footer{gap:10px;display:flex}.btn-delete-note{color:#b91c1c;background-color:#fee2e2;flex:1}.btn-save-note{color:#fff;background-color:#2563eb;flex:2}.search-form{margin-bottom:12px}.search-input-wrapper{background-color:var(--bg-secondary,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.search-input-wrapper input{color:var(--text-primary,#1e293b);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-submit-btn{color:#fff;background-color:#7c3aed;border:none;border-radius:6px;padding:6px 14px;font-size:.9rem;font-weight:700}.search-guide-card{color:var(--text-muted,#94a3b8);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.guide-icon{color:#cbd5e1}.results-wrapper{flex-direction:column;gap:20px;display:flex}.result-group{flex-direction:column;gap:10px;display:flex}.result-group-title{color:var(--text-secondary,#475569);align-items:center;gap:6px;margin:0;font-size:.95rem;font-weight:800;display:flex}.result-item-card .card-meta{color:var(--text-muted,#94a3b8);align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.result-item-card .card-title{color:var(--text-primary,#1e293b);font-size:1.02rem;font-weight:700}.card-desc-snippet,.card-content-snippet{color:var(--text-secondary,#475569);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-wrapper{background-color:var(--bg-secondary,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.section-title-wrapper{color:#7c3aed;align-items:center;gap:6px;display:flex}.section-title-wrapper h3{color:var(--text-primary,#1e293b);margin:0;font-size:1rem;font-weight:800}.account-info-card{flex-direction:column;gap:8px;display:flex}.info-row{justify-content:space-between;font-size:.92rem;display:flex}.info-label{color:var(--text-secondary,#64748b)}.info-value{font-weight:700}.sync-text.synced{color:#16a34a}.sync-text.syncing{color:#ca8a04}.sync-text.offline{color:#dc2626}.project-color-form{align-items:center;gap:10px;display:flex}.project-color-form input[type=text]{border:1px solid var(--border-color,#cbd5e1);border-radius:6px;flex:1;padding:8px;font-size:.9rem}.project-color-form input[type=color]{border:none;border-radius:6px;width:40px;height:40px;padding:0}.project-color-form button{color:#fff;background-color:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-weight:700}.project-colors-list{flex-direction:column;gap:8px;display:flex}.project-color-item{border-bottom:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.proj-left{align-items:center;gap:8px;display:flex}.color-dot{border-radius:50%;width:14px;height:14px}.proj-name{font-size:.95rem;font-weight:600}.btn-remove-color{color:#dc2626;background:0 0;border:none;font-size:.85rem;font-weight:600}.danger-title{color:#dc2626!important}.danger-actions-list{flex-direction:column;gap:10px;display:flex}.danger-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.95rem;font-weight:700;display:flex}.btn-clear-local{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.btn-logout{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0}.mobile-nas-reconnect-form{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;gap:8px;margin-top:12px;padding:12px;display:grid}.mobile-nas-reconnect-actions{grid-template-columns:1fr 1.35fr;gap:8px;margin-top:4px;display:grid}.btn-nas-reconnect{color:#fff;background:#2563eb;border:1px solid #2563eb}.quick-input-overlay{align-items:center}.quick-input-content{border-radius:20px;width:90%;max-width:440px}.target-switcher{gap:10px;display:flex}.switch-btn{border:1px solid var(--border-color,#cbd5e1);background-color:var(--bg-primary,#fff);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.9rem;font-weight:700;display:flex}.switch-btn.active{color:#3730a3;background-color:#e0e7ff;border-color:#818cf8}.photo-preview-wrapper{border-radius:8px;width:100%;height:120px;position:relative;overflow:hidden}.photo-preview-img{object-fit:cover;width:100%;height:100%}.btn-remove-photo{color:#fff;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:6px;right:6px}.quick-toolbar{gap:10px;display:flex}.quick-toolbar .toolbar-btn{padding:10px;font-size:.9rem}.btn-quick-save{color:#fff;background-color:#7c3aed;width:100%}.note-card-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary,#1e293b);font-size:.95rem;line-height:1.25;display:block;overflow:hidden}.note-card-header>span:last-child,.note-item-card .note-snippet{display:none}.note-modal-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;display:grid}.note-modal-body>.form-group:first-child{grid-area:1/1}.note-modal-body>.form-group:nth-child(2){grid-area:2/1/auto/-1}.note-modal-body>.form-group:nth-child(3){grid-area:3/1/auto/-1}.note-modal-body>.form-group:nth-child(4){grid-area:1/2}.note-modal-body>.form-group:nth-child(5),.note-modal-body>.note-action-footer{grid-column:1/-1}.note-modal-body:not(:has(.project-picker)){display:flex}.android-plan-modal .mobile-plan-inline-field{grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:8px;margin-bottom:0;display:grid}.android-plan-modal .mobile-plan-inline-field>.form-label{white-space:nowrap;margin:0;font-size:.82rem}.search-screen .search-form{z-index:4;background:var(--bg-primary,#fff);margin:-14px -14px 8px;padding:10px 14px 8px;position:sticky;top:0}.search-result-tabs{z-index:3;background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);grid-template-columns:1fr 1fr;gap:6px;margin:0 -4px 10px;padding:6px 4px;display:grid;position:sticky;top:58px}.search-result-tabs button,.mobile-back-action-options button{color:#475569;min-height:34px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:7px;font-size:.76rem;font-weight:800}.search-result-tabs button{justify-content:center;align-items:center;gap:4px;display:inline-flex}.search-result-tabs button.active,.mobile-back-action-options button.active{color:#1d4ed8;background:#eff6ff;border-color:#60a5fa;box-shadow:0 2px 5px #2563eb2e}.mobile-back-button-settings .more-help-text,.mobile-sync-interval-settings .more-help-text,.mobile-back-button-settings .form-select{display:none}.mobile-back-action-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-back-action-options button{min-height:42px}.mobile-note-kind-button{color:#475569;min-height:40px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-weight:800;display:inline-flex}.mobile-note-kind-button.active{color:#fff;background:linear-gradient(145deg,#7c3aed,#5b21b6);border-color:#5b21b6}.project-picker{position:relative}.project-picker-current-color{z-index:1;pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.project-picker .project-picker-input{padding-left:28px!important}.plan-item-meta-row{gap:8px;padding-left:22px;justify-content:flex-start!important}.plan-item-datetime{white-space:nowrap}.search-screen .result-group-title{display:none!important}.search-screen .result-item-card{min-height:0!important;margin-bottom:4px!important;padding:6px 10px!important}.search-screen .result-item-card .card-title{font-size:.88rem!important;line-height:1.12!important}.search-screen .result-item-card .card-meta,.search-screen .result-item-card .card-desc-snippet,.search-screen .result-item-card .card-content-snippet{margin:2px 0 0!important;font-size:.7rem!important;line-height:1.12!important}.notes-screen .mobile-modal-content.max-height-modal{height:auto!important;max-height:calc(100dvh - 14px)!important;overflow:visible!important}.notes-screen .note-modal-body{gap:8px!important;overflow:visible!important}.notes-screen .note-modal-body .form-group label{margin-bottom:4px!important}.notes-screen .note-modal-body>.form-group:first-child input,.notes-screen .note-modal-body>.form-group:nth-child(4) .project-picker-input{height:40px!important;min-height:40px!important}.notes-screen .flex-textarea textarea{resize:none!important;height:112px!important;min-height:112px!important}.notes-screen .note-action-footer{margin:0!important;padding-bottom:0!important}.android-plan-modal .mobile-plan-inline-field{grid-template-columns:92px minmax(0,1fr)!important}.android-plan-modal form{gap:8px!important;padding-bottom:0!important}.android-plan-modal .form-group{margin-bottom:0!important}.android-plan-modal{height:auto!important;max-height:calc(100dvh - 12px)!important;overflow:visible!important}.android-plan-modal .mobile-plan-title-field{grid-template-columns:58px minmax(0,1fr)!important}.mobile-plan-category-label{grid-template-columns:2fr 3fr;column-gap:16px;width:100%;display:grid}.mobile-plan-category-label span:last-child{padding-left:10px}.mobile-plan-category-divider{margin:0 12px!important}.android-plan-modal .mobile-plan-status-row{grid-template-columns:92px minmax(0,1fr);align-items:center;column-gap:8px;display:grid}.android-plan-modal .mobile-plan-status-row>.form-label{white-space:nowrap;margin:0}.android-plan-modal{scrollbar-gutter:stable;overflow:hidden auto!important}.android-plan-modal form{flex:none!important;overflow:visible!important}.notes-screen .flex-textarea textarea{height:140px!important;min-height:140px!important;max-height:140px!important}.notes-screen .note-block-title{color:#1e293b;font-size:14px;font-weight:700;line-height:1.25;display:block}.notes-screen .note-card-title{white-space:nowrap!important;text-overflow:ellipsis!important;line-height:1.25!important;overflow:hidden!important}.mobile-today-task-time{font-size:.68rem!important;line-height:1.1!important}.plans-screen .plans-list-container .plan-item-meta-row{padding-left:22px}.android-plan-modal,.android-plan-modal.modal-resizable{scrollbar-gutter:auto!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 12px)!important;overflow:hidden auto!important}.android-plan-modal form{flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding-bottom:0!important;overflow:visible!important}.android-plan-modal .form-actions{z-index:auto!important;background:0 0!important;margin:10px 0 0!important;padding:0!important;position:static!important}.android-plan-modal .mobile-plan-project-field{grid-template-columns:58px minmax(0,1fr)!important}.android-plan-modal .mobile-plan-project-field>.form-label{justify-content:flex-start!important;padding-right:0!important;overflow:visible!important}.autocomplete-input-accent{z-index:1;pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.android-plan-modal .plan-description-textarea,.notes-screen .flex-textarea textarea{font-size:.86rem!important;line-height:1.45!important}