.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:var(--z-overlay);}.loading-spinner{border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;}.login-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--color-background);padding:var(--spacing-medium);border-radius:var(--radius-large);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:300px;margin:100px auto;}.login-container h2{text-align:center;margin-bottom:var(--spacing-small);padding-right:var(--spacing-medium);color:var(--color-text);}.login-container .input-group{margin-bottom:7.5px;}.login-container label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold);}.login-container input[type="text"],.login-container input[type="password"]{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-small);box-sizing:border-box;}.login-container button{width:100%;padding:6px 12px;background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-large);height:32px;box-sizing:border-box;}.login-container button:hover{background-color:var(--color-primary-hover);}.login-container .error-message{text-align:center;color:var(--color-danger-text);margin-bottom:var(--spacing-medium);padding:var(--spacing-medium);background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-base);}.top-panel{background-color:var(--color-primary);color:var(--color-background);padding:var(--spacing-base) var(--spacing-medium);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);border-radius:var(--radius-large);margin:var(--spacing-xs);}.top-panel h2{margin:0;display:flex;align-items:center;gap:var(--spacing-medium);color:var(--color-background);}.top-panel-left{display:flex;align-items:center;gap:var(--spacing-medium);}.top-panel-left h2{margin:0;display:flex;align-items:center;gap:var(--spacing-small);}.top-panel-left h2 img{height:64px;width:auto;display:block;}.top-panel-left .title-text{color:var(--color-background);font-size:var(--font-size-large);}.header-greeting{display:flex;flex-direction:column;margin-left:16px;}.header-welcome{font-size:var(--font-size-base);color:var(--color-background);margin:0;font-weight:var(--font-weight-normal);white-space:nowrap;}.header-intro{font-size:var(--font-size-small);color:var(--color-background);margin:0;opacity:0.85;white-space:nowrap;}.top-panel-right{display:flex;align-items:center;gap:var(--spacing-medium);}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background-color:transparent;border:2px solid var(--color-background);border-radius:var(--radius-base);cursor:pointer;padding:8px;}.hamburger-btn:hover{background-color:var(--color-primary-hover);}.hamburger-icon{display:block;width:20px;height:2px;background-color:var(--color-background);border-radius:1px;transition:transform var(--transition-fast),opacity var(--transition-fast);}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:998;}.mobile-nav-overlay.active{display:block;}.mobile-nav{display:none;position:fixed;top:0;left:-280px;width:260px;height:100%;background-color:var(--color-background);z-index:999;padding:0;overflow-y:auto;box-shadow:var(--shadow-lg);transition:left var(--transition-base);}.mobile-nav.active{display:block;left:0;}.mobile-nav ul{list-style-type:none;padding:0;margin:0;}.mobile-nav li{margin-bottom:2px;}.mobile-nav a{display:flex;align-items:center;padding:12px 15px;color:var(--color-text);text-decoration:none;transition:background-color var(--transition-fast);}.mobile-nav a:hover{background-color:var(--color-primary-light);}.mobile-nav a.active{background-color:var(--color-primary);color:var(--color-background);}.mobile-nav .nav-icon{width:30px;height:30px;margin-right:12px;flex-shrink:0;}.nav-pin-header{display:flex;justify-content:flex-end;align-items:center;min-height:40px;height:40px;padding:0 var(--spacing-medium);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs);box-sizing:border-box;flex-shrink:0;}.nav-pin-btn{display:flex;align-items:center;gap:var(--spacing-small);padding:6px 10px;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);height:40px;box-sizing:border-box;transition:background-color var(--transition-fast),border-color var(--transition-fast);}.nav-pin-btn:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);}.pin-icon{font-size:var(--font-size-base);line-height:1;}.logout-btn{background-color:var(--color-primary);color:var(--color-background);border:2px solid var(--color-background);padding:6px 12px;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-base);height:32px;box-sizing:border-box;}.logout-btn:hover{background-color:var(--color-primary-hover);}.buy-full-btn{background-color:var(--color-accent,#ffd700);color:var(--color-text,#1a1a1a);border:2px solid var(--color-accent,#ffd700);padding:6px 12px;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-base);height:32px;box-sizing:border-box;font-weight:var(--font-weight-bold);white-space:nowrap;}.buy-full-btn:hover{filter:brightness(1.1);}.license-banner{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 12px;background-color:var(--color-accent,#ffd700);color:var(--color-text,#1a1a1a);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-large);}.license-banner.expired{background-color:#c0392b;color:#fff;}html.theme-dark .license-banner,html.theme-dark .buy-full-btn,html.theme-dark .license-activate-btn{color:#000;}html.theme-light .license-banner,html.theme-light .buy-full-btn,html.theme-light .license-activate-btn{color:#fff;}html.theme-dark .license-banner.expired,html.theme-light .license-banner.expired{color:#fff;}.license-banner-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;}.license-key-input{padding:4px 8px;border-radius:var(--radius-small,4px);border:1px solid var(--color-text,#1a1a1a);background-color:var(--color-background,#fff);color:var(--color-text,#1a1a1a);font-size:var(--font-size-base);min-width:220px;}.license-activate-btn{background-color:var(--color-text,#1a1a1a);color:var(--color-accent,#ffd700);border:2px solid var(--color-text,#1a1a1a);padding:4px 12px;border-radius:var(--radius-large,6px);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);white-space:nowrap;}.license-activate-btn:hover{filter:brightness(1.15);}#info-section .info-app-name{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-small);}#info-section .info-row{margin-bottom:var(--spacing-small);}#info-section .info-description{margin-bottom:var(--spacing-medium);color:var(--color-text-muted);font-size:var(--font-size-base);}#info-section .info-copyright{font-size:var(--font-size-small);color:var(--color-text-muted);}.search-btn{background-color:var(--color-primary);color:var(--color-background);border:2px solid var(--color-background);padding:6px 12px;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-base);height:32px;box-sizing:border-box;}.search-btn:hover{background-color:var(--color-primary-hover);}.search-panel{padding:var(--spacing-large);}.search-input-row{display:flex;gap:var(--spacing-medium);align-items:center;}.search-results{margin-top:var(--spacing-medium);padding:var(--spacing-medium);border:1px solid var(--color-border);border-radius:var(--radius-large);min-height:50px;max-height:300px;overflow-y:auto;background-color:var(--color-gray-100);}.search-results-summary{margin:0 0 var(--spacing-small) 0;font-size:var(--font-size-base);color:var(--color-text);}.search-result-group-header{font-weight:var(--font-weight-bold);font-size:var(--font-size-small);color:var(--color-text);background:var(--color-gray-200);padding:var(--spacing-small) var(--spacing-medium);margin-top:var(--spacing-medium);border-radius:var(--radius-base);display:flex;align-items:center;gap:6px;}.search-result-group-header:first-child{margin-top:0;}.search-results .search-result-item{padding:var(--spacing-small);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-medium);cursor:pointer;flex-direction:column;align-items:flex-start;}.search-results .search-result-item:last-child{border-bottom:none;}.search-results .search-result-item:hover{background-color:var(--color-gray-200);border-radius:var(--radius-base);}.search-result-title{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-bold);cursor:pointer;}.search-result-title:hover{text-decoration:underline;color:var(--color-accent-hover);}.search-result-snippet{font-size:0.9em;color:var(--color-gray-900);padding-left:0;display:block;width:100%;}.main-container{display:flex;min-height:calc(100vh - 90px);max-height:calc(100vh - 90px);overflow:hidden;isolation:isolate;}.nav-icon{width:30px;height:30px;margin-right:12px;flex-shrink:0;position:relative;z-index:2;background-color:var(--color-background);border-radius:3px;padding:2px;border:1px solid var(--color-gray-200);}.main-panel{flex:1;padding:var(--spacing-xs);background-color:var(--color-background);overflow:hidden;box-sizing:border-box;border-radius:var(--radius-large);margin:var(--spacing-xs);border:1px solid var(--color-border);position:relative;isolation:isolate;}.side-panel{display:none;flex-direction:column;min-width:250px;width:260px;background-color:var(--color-background);border-right:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg);z-index:99;padding:0;}.side-panel.pinned{display:flex;}.side-panel ul{list-style-type:none;padding:0;margin:0;}.side-panel li{margin-bottom:2px;}.side-panel a{display:flex;align-items:center;padding:12px 15px;color:var(--color-text);text-decoration:none;transition:background-color var(--transition-fast);}.side-panel a:hover{background-color:var(--color-primary-light);}.side-panel a.active{background-color:var(--color-primary);color:var(--color-background);}.side-panel .nav-icon{width:30px;height:30px;margin-right:12px;flex-shrink:0;}.content-section{display:none;height:100%;max-height:calc(100vh - 100px);overflow:hidden;box-sizing:border-box;position:relative;isolation:isolate;}.content-section.active{display:flex;flex-direction:column;}.content-section.active>.split-layout,.content-section.active>.vertical-split-layout{flex:1;min-height:0;height:auto;max-height:none;}#misc-content.active{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:0;}#misc-content .section-header{flex-shrink:0;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-medium) var(--spacing-xl);border-bottom:1px solid var(--color-border);background-color:var(--color-background);position:sticky;top:0;z-index:10;}.content-wrapper{flex:1;overflow-y:auto;padding:var(--spacing-xl);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-gray-600) var(--color-gray-100);}.misc-accordion-content .export-section{margin-bottom:var(--spacing-xl);}.export-accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--spacing-sm);overflow:hidden;}.export-accordion-header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;background-color:var(--color-gray-50);user-select:none;font-weight:600;color:var(--color-text);gap:var(--spacing-sm);transition:background-color 0.2s ease;}.export-accordion-header:hover{background-color:var(--color-gray-100);}.export-accordion-arrow{display:inline-block;flex-shrink:0;}.export-accordion-arrow::before{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--color-text);transition:transform 0.2s ease;margin-right:var(--spacing-xs);}.export-accordion-item.active .export-accordion-arrow::before{transform:rotate(90deg);}.export-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 var(--spacing-md);}.export-accordion-item.active .export-accordion-content{max-height:600px;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md) var(--spacing-md);}.export-category-tree{max-height:200px;overflow-y:auto;}.export-category-tree .category-tree-label.has-category{cursor:pointer;display:inline-flex;align-items:center;gap:4px;}.export-category-tree .category-tree-label.has-category input[type="checkbox"]{margin:0;flex-shrink:0;}.export-tree-all-label{display:block;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs);cursor:pointer;font-weight:600;}.welcome-message{background-color:var(--color-background);padding:var(--spacing-xs);border-radius:var(--radius-large);margin-bottom:var(--spacing-xs);border:1px solid var(--color-border);}.welcome-message h1{font-size:var(--font-size-title);color:var(--color-text);margin-top:0;}.welcome-message p{margin:var(--spacing-xs) 0 0 0;}.quick-entry-panel{margin-bottom:var(--spacing-medium);}.quick-entry-form{display:flex;flex-direction:column;gap:var(--spacing-small);}.quick-entry-title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-medium);}.quick-entry-title-input{flex:1;font-size:var(--font-size-title);font-weight:var(--font-weight-bold);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:5px 10px;}.quick-entry-textarea{width:100%;min-height:100px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);resize:vertical;box-sizing:border-box;}.quick-entry-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 0.2rem rgba(0,0,128,0.25);}.quick-entry-actions{display:flex;justify-content:flex-end;}.latest-section{background-color:var(--color-background);padding:var(--spacing-medium);border-radius:var(--radius-large);margin-top:var(--spacing-medium);border:1px solid var(--color-border);}.latest-section h2,.latest-section h3{font-size:var(--font-size-title);color:var(--color-text);margin-top:0;margin-bottom:var(--spacing-medium);}.latest-grid{display:flex;flex-direction:column;gap:var(--spacing-xl);}.latest-row{display:flex;align-items:center;gap:var(--spacing-medium);flex-wrap:wrap;}.latest-row h3{flex:0 0 auto;font-size:var(--font-size-base);color:var(--color-foreground);margin:0;}.latest-item{flex:1;padding:var(--spacing-medium);background-color:var(--color-gray-100);border-radius:6px;border:1px solid var(--color-gray-200);min-width:200px;}.latest-item p{margin:0;font-style:italic;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xs);margin-top:var(--spacing-medium);}.stat-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:var(--spacing-xs);text-align:center;box-shadow:var(--shadow-md);}.stat-card h3{margin-top:0;color:var(--color-primary);}.stat-card p{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);margin:var(--spacing-xs) 0 0 0;}.entry-panel{border:1px solid var(--color-border);border-radius:var(--radius-large);padding:var(--spacing-base);margin-bottom:var(--spacing-base);background-color:var(--color-background);box-shadow:var(--shadow-md);}.entry-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);}.title-save-container{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-base);position:sticky;top:0;background-color:var(--color-background);padding:var(--spacing-medium) 0;border-bottom:1px solid var(--color-border-light);z-index:10;flex-shrink:0;}.title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);}.button-row{display:flex;gap:var(--spacing-xs);}.category-btn{background-color:var(--color-secondary);color:var(--color-background);border:none;padding:6px 12px;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-base);margin-top:var(--spacing-xs);height:32px;box-sizing:border-box;}.category-btn:hover{background-color:var(--color-secondary-hover);}.category-btn:disabled{opacity:0.5;cursor:not-allowed;}.entry-title-input,.story-title-input{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:5px 10px;width:70%;}.convert-to-idea-btn{background-color:var(--color-accent);color:var(--color-background);border:none;padding:6px 12px;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-small);height:32px;box-sizing:border-box;}.convert-to-idea-btn:hover{background-color:var(--color-accent-hover);}.add-as-idea-btn{background-color:var(--color-accent);color:var(--color-background);border:none;padding:6px 12px;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-small);height:32px;box-sizing:border-box;}.add-as-idea-btn:hover{background-color:var(--color-accent-hover);}.save-thought-btn,.save-inspiration-btn,.save-idea-btn,.save-concept-btn,.save-story-btn,.save-category-btn,.save-dropdown-btn,.new-btn{border:none;padding:6px 12px;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-base);margin-top:var(--spacing-xs);height:32px;box-sizing:border-box;}.delete-panel-btn,.delete-concept-btn,.delete-story-btn,.delete-idea-btn,.delete-thought-btn,.delete-inspiration-btn,.delete-fact-btn,.delete-category-btn,.delete-memory-btn{border:none;padding:6px 12px;border-radius:var(--radius-large);cursor:pointer;font-size:var(--font-size-base);height:32px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;}.delete-concept-btn,.delete-story-btn,.delete-idea-btn,.delete-thought-btn,.delete-inspiration-btn,.delete-fact-btn,.delete-category-btn,.delete-memory-btn{height:24px;width:24px;padding:0;min-width:24px;}.delete-concept-btn img,.delete-story-btn img,.delete-idea-btn img,.delete-thought-btn img,.delete-inspiration-btn img,.delete-fact-btn img,.delete-category-btn img,.delete-memory-btn img{width:16px;height:16px;object-fit:contain;}.update-badge{display:inline-block;background:var(--accent,#4a90d9);color:#fff;font-size:0.75rem;padding:2px 8px;border-radius:10px;margin-right:8px;cursor:pointer;font-weight:600;vertical-align:middle;}.update-badge:hover{opacity:0.85;}#update-section .action-btn{margin-right:6px;margin-top:6px;}#update-section .danger-btn{background:var(--danger,#d9534f);color:#fff;border-color:var(--danger,#d9534f);}#authUsername,#authPassword,#authConfirm{flex:1;height:32px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-large);font-size:var(--font-size-base);box-sizing:border-box;}#appProtectionActions .action-btn{margin-right:6px;margin-top:6px;}#appProtectionActions .danger-btn{background:var(--danger,#d9534f);color:#fff;border-color:var(--danger,#d9534f);}#appProtectionStatus{display:inline-block;padding:4px 10px;border-radius:var(--radius-small);font-size:var(--font-size-small);font-weight:bold;}#appProtectionStatus.status-enabled{color:var(--success,#2ecc71);border:1px solid var(--success,#2ecc71);}#appProtectionStatus.status-disabled{color:var(--warning,#f39c12);border:1px solid var(--warning,#f39c12);}#appProtectionRestartNotice .restart-notice{display:block;padding:8px 10px;border:1px solid var(--warning,#f39c12);border-radius:var(--radius-small);background:rgba(243,156,18,0.12);font-size:var(--font-size-small);}.progress-bar{width:100%;height:8px;background:var(--border-color,#ddd);border-radius:4px;overflow:hidden;margin-top:8px;}.progress-fill{height:100%;background:var(--accent,#4a90d9);border-radius:4px;transition:width 0.3s ease;width:0%;}#update-progress-text{font-size:0.8rem;color:var(--text-secondary,#666);}.notification-container{position:fixed;bottom:20px;right:20px;max-width:400px;z-index:var(--z-overlay);}.notification{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-medium);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);box-shadow:var(--shadow-md);position:relative;animation:fadeIn var(--transition-slow);font-size:var(--font-size-base);}.notification.success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text);}.notification.error{background-color:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text);}.notification.info{background-color:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text);}.notification.warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text);}.notification-close{position:absolute;top:var(--spacing-xs);right:var(--spacing-medium);cursor:pointer;font-weight:var(--font-weight-bold);color:var(--color-secondary);}.add-button-img{width:16px;height:16px;display:block;}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);}.dialog-content{background-color:var(--dialog-bg);padding:var(--spacing-xl);border-radius:var(--radius-medium);box-shadow:var(--shadow-lg);max-width:400px;width:90%;}.dialog-content h3{margin-top:0;margin-bottom:var(--spacing-medium);color:var(--color-text);}.category-list{max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-xl);}.category-item{margin-bottom:var(--spacing-medium);padding:var(--spacing-xs) 0;}.category-item label{display:flex;align-items:center;cursor:pointer;font-size:var(--font-size-base);}.category-item input[type="radio"]{margin-right:var(--spacing-medium);}.dialog-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-medium);}.dialog-buttons .btn{padding:8px 15px;border-radius:var(--radius-small);cursor:pointer;font-size:var(--font-size-base);}.dialog-buttons .btn:hover{opacity:0.9;}.dialog-overlay{animation:dialogFadeIn var(--transition-slow);}.dialog-overlay.closing{animation:dialogFadeOut 0.15s ease-in forwards;}@keyframes dialogFadeIn{from{opacity:0;}to{opacity:1;}}@keyframes dialogFadeOut{from{opacity:1;}to{opacity:0;}}@keyframes dialogContentIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.dialog-content{animation:dialogContentIn var(--transition-slow);}.dialog-message{margin:0 0 var(--spacing-xl);color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;}.dialog-input{width:100%;padding:var(--spacing-sm,6px) var(--spacing-base,7.5px);border:1px solid var(--color-gray-300);border-radius:var(--radius-small);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background-color:var(--color-background);margin-bottom:var(--spacing-xl);box-sizing:border-box;}.dialog-field label{display:block;font-size:0.85em;font-weight:600;margin-bottom:4px;color:var(--color-gray-600);}.dialog-hint{font-size:0.85em;color:var(--color-gray-600);margin:0 0 14px 0;}.dialog-input:focus{outline:none;border-color:var(--color-primary,#4a90d9);box-shadow:0 0 0 2px rgba(74,144,217,0.2);}.dialog-icon{text-align:center;margin-bottom:var(--spacing-base,7.5px);font-size:2rem;}.dialog-icon-danger{color:var(--color-danger,#dc3545);}.dialog-buttons .btn.dialog-btn-primary{background-color:var(--color-primary,#4a90d9);color:var(--color-background);border:none;}.dialog-buttons .btn.dialog-btn-primary:hover{background-color:var(--color-primary-hover,#3a7bc8);opacity:1;}.dialog-buttons .btn.dialog-btn-danger{background-color:var(--color-danger,#dc3545);color:white;border:none;}.dialog-buttons .btn.dialog-btn-danger:hover{background-color:var(--color-danger-hover,#c82333);opacity:1;}.dialog-buttons .btn.dialog-btn-secondary{background-color:var(--color-gray-200,#e9ecef);color:var(--color-text);border:none;}.dialog-buttons .btn.dialog-btn-secondary:hover{background-color:var(--color-gray-300,#dee2e6);opacity:1;}.dialog-buttons .btn:focus-visible{outline:2px solid var(--color-primary,#4a90d9);outline-offset:2px;}.dialog-input:focus-visible{outline:2px solid var(--color-primary,#4a90d9);outline-offset:1px;}.concept-list,.story-list,.entity-list{max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-xl);}.concept-item,.story-item,.entity-item{margin-bottom:var(--spacing-medium);padding:var(--spacing-xs) 0;}.concept-item label,.story-item label,.entity-item label{display:flex;align-items:center;cursor:pointer;font-size:var(--font-size-base);}.concept-item input[type="checkbox"],.story-item input[type="checkbox"],.entity-item input[type="checkbox"]{margin-right:var(--spacing-medium);}.content-display{border:1px solid var(--color-gray-200);border-radius:var(--radius-small);padding:var(--spacing-xs);margin-bottom:2.5px;background-color:var(--color-background);width:100%;box-sizing:border-box;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);min-height:100px;max-height:calc(100vh - 250px);overflow-y:auto;}.content-display[contenteditable="true"]{outline:none;}.content-display[contenteditable="true"]:focus{border-color:var(--color-primary);box-shadow:0 0 0 0.2rem rgba(0,0,128,0.25);}#conceptDetailsContainer,#storyDetailsContainer{display:flex;flex-direction:column;height:100%;overflow:hidden;}#conceptDetailsContainer .entry-panel,#storyDetailsContainer .entry-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;margin-bottom:0;}#conceptDetailsContainer .content-display,#storyDetailsContainer .content-display{flex:1;min-height:0;max-height:none;}.content-display .encrypted-placeholder{text-align:center;padding:var(--spacing-lg);color:var(--color-gray-500);}.content-display .encrypted-placeholder i{margin-right:4px;}.content-display .markdown-raw{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-mono,monospace);font-size:0.9em;padding:var(--spacing-sm);background-color:var(--color-gray-100);border-radius:var(--radius-small);}.editor-container,.tiptap-container{width:100%;min-height:200px;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-small);box-sizing:border-box;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-background);overflow-y:auto;flex:1;direction:ltr;position:relative;}.tiptap-editor-content{min-height:150px;outline:none;}.tiptap-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;background-color:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--radius-small);margin-bottom:var(--spacing-xs);}.tiptap-toolbar .toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-small);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text);transition:all var(--transition-fast);}.tiptap-toolbar .toolbar-btn:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);}.tiptap-toolbar .toolbar-btn:active,.tiptap-toolbar .toolbar-btn.is-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background);}.toolbar-markdown-btn.is-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background);}.markdown-editor{width:100%;min-height:200px;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-small);box-sizing:border-box;font-family:'Courier New',Courier,monospace;font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-background);color:var(--color-text);resize:vertical;outline:none;flex:1;}.markdown-editor:focus{border-color:var(--color-primary);box-shadow:0 0 0 0.2rem rgba(0,0,128,0.25);}.editor-container.markdown-mode .tiptap-editor-content{font-family:'Courier New',Courier,monospace;}.editor-container.markdown-mode .tiptap-editor-content pre{margin:0;padding:0;background:transparent;border-radius:0;font-family:'Courier New',Courier,monospace;white-space:pre-wrap;}.editor-container.markdown-mode .tiptap-editor-content pre code{font-family:inherit;background:transparent;padding:0;color:inherit;font-size:inherit;}.tiptap-toolbar.markdown-mode .toolbar-btn:not(.toolbar-markdown-btn):not(.toolbar-encrypt-btn),.tiptap-toolbar.markdown-mode .toolbar-select,.tiptap-toolbar.markdown-mode .toolbar-divider{display:none;}.tiptap-toolbar .toolbar-select{display:flex;align-items:center;justify-content:center;height:28px;padding:0 4px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-small);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text);transition:all var(--transition-fast);}.tiptap-toolbar .toolbar-select:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);}.tiptap-toolbar .toolbar-select.is-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background);}.tiptap-toolbar .toolbar-divider{width:1px;height:24px;background-color:var(--color-border);margin:2px 4px;align-self:center;}.tiptap-editor-content p{margin:0 0 0.5em 0;line-height:var(--line-height-relaxed);}.tiptap-editor-content h1,.tiptap-editor-content h2,.tiptap-editor-content h3,.tiptap-editor-content h4,.tiptap-editor-content h5{font-weight:var(--font-weight-bold);margin:1em 0 0.5em 0;line-height:1.3;}.tiptap-editor-content h1{font-size:1.75em;}.tiptap-editor-content h2{font-size:1.5em;}.tiptap-editor-content h3{font-size:1.25em;}.tiptap-editor-content h4{font-size:1.1em;}.tiptap-editor-content ul,.tiptap-editor-content ol{margin:0 0 0.5em 0;padding-left:20px;}.tiptap-editor-content code{font-family:var(--font-family-mono,monospace);background-color:var(--color-border-light,#f0f0f0);padding:0.1em 0.3em;border-radius:3px;font-size:0.9em;}.tiptap-editor-content blockquote{margin:0.5em 0;padding-left:1em;border-left:3px solid var(--color-border);color:var(--color-text-secondary,#666);}.hashtag-mark{background-color:var(--color-hashtag-bg);color:var(--color-hashtag-text);border:1px solid var(--color-hashtag-border);border-radius:var(--radius-small);padding:1px 4px;text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast);}.hashtag-mark:hover{background-color:var(--color-hashtag);color:var(--color-background);text-decoration:none;}.hashtag-mark:focus{outline:2px solid var(--color-hashtag);outline-offset:1px;}.source-block{position:relative;margin:0.75em 0;padding:0.5em 0.75em 0.5em calc(0.75em+4px);border-radius:var(--radius-small);border-left:4px solid transparent;}.source-block::before{display:block;font-size:0.8em;font-weight:var(--font-weight-bold);line-height:1.4;margin-bottom:0.25em;content:attr(data-source-label);opacity:0.75;}.idea-block{border-left-color:var(--color-idea);background-color:var(--color-idea-bg);}.idea-block::before{color:var(--color-idea-text);}.fact-block{border-left-color:var(--color-fact);background-color:var(--color-fact-bg);}.fact-block::before{color:var(--color-fact-text);}.tiptap-editor-content .source-block{margin:0.5em 0;}.source-block p:last-child{margin-bottom:0;}#thoughtEditorContainer,#ideaEditorContainer,#conceptEditorContainer,#storyEditorContainer,#categoryEditorContainer,#inspirationEditorContainer,#factEditorContainer{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:var(--z-overlay);isolation:isolate;min-height:0;}#categoryEditorContainer .title-save-container{display:none;}#thoughtEditorContainer .editor-container,#ideaEditorContainer .editor-container,#conceptEditorContainer .editor-container,#storyEditorContainer .editor-container,#categoryEditorContainer .editor-container,#inspirationEditorContainer .editor-container,#factEditorContainer .editor-container,#thoughtEditorContainer .tiptap-container,#ideaEditorContainer .tiptap-container,#conceptEditorContainer .tiptap-container,#storyEditorContainer .tiptap-container,#categoryEditorContainer .tiptap-container,#inspirationEditorContainer .tiptap-container,#factEditorContainer .tiptap-container,#thoughtEditorContainer .markdown-editor,#ideaEditorContainer .markdown-editor,#conceptEditorContainer .markdown-editor,#storyEditorContainer .markdown-editor,#categoryEditorContainer .markdown-editor,#inspirationEditorContainer .markdown-editor,#factEditorContainer .markdown-editor{min-height:0;}.section-header{display:grid;grid-template-columns:1fr 2fr;align-items:center;margin-bottom:var(--spacing-xs);gap:var(--spacing-medium);font-family:var(--font-family-primary);font-size:var(--font-size-base);min-height:40px;}.section-header>.header-left{display:flex;align-items:center;gap:var(--spacing-medium);flex-wrap:wrap;min-height:40px;min-width:0;}.section-header>h2{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-title);display:flex;align-items:center;min-height:40px;white-space:nowrap;}.section-header>.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-primary);font-size:var(--font-size-base);height:40px;flex-wrap:nowrap;}.header-left>h2{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-title);display:flex;align-items:center;min-height:40px;white-space:nowrap;}.header-left>.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-primary);font-size:var(--font-size-base);height:40px;flex-wrap:nowrap;}.section-header>.right-controls{display:flex;align-items:center;gap:var(--spacing-medium);justify-content:flex-end;flex-wrap:wrap;min-width:0;}.right-controls>.filter-container,.right-controls>.sort-container{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-primary);font-size:var(--font-size-base);height:40px;flex-shrink:1;min-width:0;}.right-controls>.btn{height:40px;}@media (max-width:768px){.section-header{grid-template-columns:1fr;}.header-left{flex-wrap:wrap;}.section-header>.right-controls{flex-wrap:wrap;justify-content:flex-start;gap:var(--spacing-xs);}.right-controls>.filter-container,.right-controls>.sort-container{flex-wrap:wrap;}.filter-select,.sort-select,.per-page-select{max-width:100%;min-width:0;}.mobile-nav .nav-pin-header{display:none;}.side-panel.pinned{display:none;}}.filter-select,.status-dropdown,.sort-select,.per-page-select{padding:3px 6px;border:1px solid var(--color-border);border-radius:var(--radius-small);background-color:var(--color-background);font-size:var(--font-size-small);height:28px;box-sizing:border-box;min-width:0;}.filter-container,.sort-container{display:flex;align-items:center;gap:var(--spacing-xs);}.sort-container label{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0;display:flex;align-items:center;height:28px;}.filter-date-input{padding:3px 6px;border:1px solid var(--color-border);border-radius:var(--radius-small);background-color:var(--color-background);font-size:var(--font-size-small);height:28px;box-sizing:border-box;min-width:0;color:var(--color-text);font-family:var(--font-family-primary);}.filter-date-sep{color:var(--color-text);font-size:var(--font-size-base);margin:0 2px;}.diagram-filters-panel{padding:var(--spacing-medium);border-bottom:1px solid var(--color-border);background-color:var(--color-gray-100);}.diagram-filter-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-medium);}.diagram-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);}.diagram-filter-group>label:first-child{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0;display:flex;align-items:center;height:28px;white-space:nowrap;}.diagram-entity-checkbox-list{max-height:120px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--color-border);padding:var(--spacing-small);border-radius:var(--radius-base);background-color:var(--color-background);min-width:140px;scrollbar-width:thin;scrollbar-color:var(--color-gray-600) var(--color-background);}.diagram-entity-checkbox-list::-webkit-scrollbar{width:6px;}.diagram-entity-checkbox-list::-webkit-scrollbar-track{background:var(--color-background);border-radius:var(--radius-base);}.diagram-entity-checkbox-list::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-base);}.diagram-entity-checkbox-list label{display:block;margin-bottom:2px;cursor:pointer;line-height:var(--line-height-base);white-space:nowrap;font-size:var(--font-size-small);}.diagram-entity-checkbox-list input[type="checkbox"]{margin-right:var(--spacing-small);vertical-align:middle;}.diagram-filter-actions{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:auto;}.diagram-filter-actions .btn-small{padding:var(--spacing-xs) var(--spacing-small);font-size:var(--font-size-small);height:28px;}@media (max-width:768px){.diagram-filter-row{flex-direction:column;gap:var(--spacing-small);}.diagram-filter-actions{margin-left:0;}}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-primary);font-size:var(--font-size-base);}.image-btn{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:var(--spacing-xs);cursor:pointer;height:28px;width:28px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}.image-btn:hover{background-color:var(--color-gray-100);}.image-btn:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:0.5;}.image-btn img{max-width:100%;max-height:100%;display:block;}.split-layout{display:flex;flex-direction:row;gap:0;height:calc(100% - 10px);max-height:calc(100% - 10px);}.left-panel{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-large);padding:var(--spacing-base);background-color:var(--color-background);overflow-y:auto;max-height:100%;box-sizing:border-box;}.left-panel h3{font-family:var(--font-family-primary);font-size:var(--font-size-title);}.right-panel{flex:2;border:1px solid var(--color-border);border-radius:var(--radius-large);padding:var(--spacing-medium);background-color:var(--color-background);box-sizing:border-box;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;}.list-toggle-btn{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small);padding:0;flex-shrink:0;transition:background-color 0.15s ease;}.list-toggle-btn:hover{background-color:var(--color-gray-100);}.toggle-arrow{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid var(--color-text);transition:transform 0.2s ease;}.split-layout.collapsed .left-panel,.vertical-split-layout.collapsed .left-panel{flex:0 0 36px;padding:var(--spacing-xs);overflow:hidden;display:flex;flex-direction:column;align-items:center;}.split-layout.collapsed .left-panel>:not(.list-toggle-btn),.vertical-split-layout.collapsed .left-panel>:not(.list-toggle-btn){display:none;}.split-layout.collapsed .toggle-arrow,.vertical-split-layout.collapsed .toggle-arrow{transform:rotate(180deg);}.right-panel-toggle-btn{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small);padding:0;flex-shrink:0;transition:background-color 0.15s ease;}.right-panel-toggle-btn:hover{background-color:var(--color-gray-100);}.toggle-arrow-right{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--color-text);transition:transform 0.2s ease;}.split-layout.right-collapsed .right-panel .title-save-container,.vertical-split-layout.right-collapsed .right-panel .title-save-container,.split-layout.right-collapsed .right-panel .tiptap-toolbar,.vertical-split-layout.right-collapsed .right-panel .tiptap-toolbar,.split-layout.right-collapsed .right-panel .memory-add-buttons,.vertical-split-layout.right-collapsed .right-panel .memory-add-buttons{display:none;}.split-layout.right-collapsed .toggle-arrow-right,.vertical-split-layout.right-collapsed .toggle-arrow-right{transform:rotate(180deg);}.split-layout.right-collapsed .right-panel>[id$="EditorContainer"],.vertical-split-layout.right-collapsed .right-panel>[id$="EditorContainer"],.split-layout.right-collapsed .right-panel>[id$="DetailsContainer"],.vertical-split-layout.right-collapsed .right-panel>[id$="DetailsContainer"]{flex:1 1 auto;min-height:0;height:auto;}.split-layout.right-collapsed .right-panel .editor-container,.vertical-split-layout.right-collapsed .right-panel .editor-container,.split-layout.right-collapsed .right-panel .markdown-editor,.vertical-split-layout.right-collapsed .right-panel .markdown-editor,.split-layout.right-collapsed .right-panel #categoryItemsContainer,.vertical-split-layout.right-collapsed .right-panel #categoryItemsContainer,.split-layout.right-collapsed .right-panel #hashtagItemsContainer,.vertical-split-layout.right-collapsed .right-panel #hashtagItemsContainer,.split-layout.right-collapsed .right-panel #memoryItemsContainer,.vertical-split-layout.right-collapsed .right-panel #memoryItemsContainer,.split-layout.right-collapsed .right-panel #diagramContent,.vertical-split-layout.right-collapsed .right-panel #diagramContent{flex:1 1 auto;min-height:0;}.left-panel{transition:flex-basis 0.2s ease,padding 0.2s ease;}#categoryEditorContainer,#hashtagDetailsContainer{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;}#categoryEditorContainer .title-save-container,#hashtagDetailsContainer .title-save-container{flex-shrink:0;}.divider{width:5px;background-color:var(--color-border-dark);cursor:col-resize;position:relative;}.divider::before{content:"";position:absolute;top:50%;left:1px;width:3px;height:30px;background-color:var(--color-gray-600);border-radius:1px;transform:translateY(-50%);}.item-list{list-style-type:none;padding:0;margin:0;max-height:100%;overflow-y:auto;box-sizing:border-box;}.item-list li{padding:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color var(--transition-fast);box-sizing:border-box;font-family:var(--font-family-primary);font-size:var(--font-size-base);}.item-list li:hover{background-color:var(--color-primary-light);}.item-list li.selected{background-color:var(--color-primary);color:var(--color-background);}.item-list li:last-child{border-bottom:none;padding-bottom:6px;}.list-item-header{display:flex;justify-content:space-between;align-items:center;width:100%;}.list-item-actions{flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-end;margin-left:auto;gap:4px;}.list-item-status{flex-shrink:0;display:flex;align-items:center;}.status-dropdown:focus{border-color:var(--color-primary);box-shadow:0 0 0 0.2rem rgba(0,0,128,0.25);outline:none;}.vertical-split-layout{display:flex;flex-direction:column;height:calc(100vh - 150px);max-height:calc(100vh - 150px);}.top-panel-container,.bottom-panel-container{flex:1;min-height:150px;}.horizontal-divider{height:5px;background-color:var(--color-border-dark);cursor:row-resize;position:relative;}.horizontal-divider::before{content:"";position:absolute;left:50%;top:1px;width:30px;height:3px;background-color:var(--color-gray-600);border-radius:1px;transform:translateX(-50%);}.top-panel-container,.bottom-panel-container{display:flex;flex-direction:column;overflow:hidden;}#concept-bottom-split-layout,#story-bottom-split-layout{flex:1;height:100%;min-height:0;}#conceptbottomlist,#storybottomlist{display:flex;flex-direction:column;overflow:hidden;min-height:0;}#conceptdetails,#storydetails{min-height:0;}.tab-bar{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0;}.tab-btn{padding:6px 16px;border:none;background:transparent;color:var(--color-text);cursor:pointer;font-size:0.9em;border-bottom:2px solid transparent;transition:background-color 0.2s,border-bottom-color 0.2s;}.tab-btn:hover{background-color:var(--color-gray-200);}.tab-btn.active{border-bottom-color:var(--color-primary);font-weight:600;}.tab-content{display:none;flex:1;overflow-y:auto;min-height:0;}.tab-content.active{display:block;}.idea-item-content{flex-grow:1;}.convert-btn-margin{margin-right:var(--spacing-xs);}.concept-dialog-btn,.story-dialog-btn{background-color:var(--color-accent);color:var(--color-background);}.concept-dialog-btn.btn.btn-margin{margin-left:16px !important;}.concept-dialog-btn:hover,.story-dialog-btn:hover{background-color:var(--color-accent-hover);}.memory-add-buttons{display:flex;gap:var(--spacing-small);padding:var(--spacing-small) 0;margin-bottom:var(--spacing-small);}.memory-entity-btn{background-color:var(--color-accent);color:var(--color-background);}.memory-entity-btn:hover{background-color:var(--color-accent-hover);}.export-section h3{margin-top:0;color:var(--color-success-text);font-family:var(--font-family-primary);font-size:var(--font-size-title);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-xs);}.form-group{margin-bottom:var(--spacing-medium);display:flex;align-items:center;gap:var(--spacing-medium);}.form-group label{font-weight:var(--font-weight-bold);color:var(--color-text);min-width:150px;}.form-group select,.form-group input[type="text"]{flex:1;height:32px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-large);font-size:var(--font-size-base);box-sizing:border-box;}.file-input{width:100%;padding:6px 12px;border:1px solid var(--color-accent);border-radius:var(--radius-large);background-color:var(--color-accent);color:var(--color-background);font-size:var(--font-size-base);cursor:pointer;height:32px;box-sizing:border-box;}.file-input:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);}.file-input::file-selector-button{display:none;}.markup-export-form{margin-bottom:var(--spacing-xl);max-height:none;overflow-y:visible;padding-right:var(--spacing-medium);}.categories-checkbox-list{max-height:200px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--color-border);padding:var(--spacing-medium);border-radius:var(--radius-base);background-color:var(--color-gray-100);margin-bottom:var(--spacing-medium);scrollbar-width:thin;scrollbar-color:var(--color-gray-600) var(--color-gray-100);}.categories-checkbox-list::-webkit-scrollbar,#misc-content .content-wrapper::-webkit-scrollbar,#home-content .content-wrapper::-webkit-scrollbar{width:8px;}.categories-checkbox-list::-webkit-scrollbar-track,#misc-content .content-wrapper::-webkit-scrollbar-track,#home-content .content-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-base);}.categories-checkbox-list::-webkit-scrollbar-thumb,#misc-content .content-wrapper::-webkit-scrollbar-thumb,#home-content .content-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-base);}.categories-checkbox-list::-webkit-scrollbar-thumb:hover,#misc-content .content-wrapper::-webkit-scrollbar-thumb:hover,#home-content .content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-gray-700);}.categories-checkbox-list label{display:block;margin-bottom:var(--spacing-small);cursor:pointer;line-height:var(--line-height-base);white-space:nowrap;}.categories-checkbox-list input[type="checkbox"]{margin-right:var(--spacing-small);vertical-align:middle;}.category-selection-controls{margin-top:var(--spacing-medium);}.category-selection-controls .btn.btn-small{padding:var(--spacing-xs) var(--spacing-small);font-size:var(--font-size-xs);margin-right:var(--spacing-xs);}.export-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);}.export-section .success-message,.export-section .error-message,.export-section .no-results{padding:var(--spacing-medium);margin-top:var(--spacing-medium);border-radius:var(--radius-base);}.export-section .success-message{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border);}.export-section .error-message{background-color:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border);}.export-section .no-results{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border);}.export-section .loading-indicator{padding:var(--spacing-medium);text-align:center;color:var(--color-text-muted);font-style:italic;}#ideasList,#conceptsList,#storiesList{max-height:100%;overflow-y:auto;box-sizing:border-box;}}.editor-title{font-family:var(--font-family-primary);font-size:var(--font-size-title);margin-top:0;padding-bottom:var(--spacing-medium);border-bottom:1px solid var(--color-border-light);}.resizable{overflow:hidden;position:relative;isolation:isolate;}.category-items-container{margin-top:var(--spacing-xl);padding:var(--spacing-medium);background:var(--color-gray-100);border-radius:var(--radius-base);min-height:0;flex:1;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;display:none;}.category-items-container.visible{display:flex;}.category-items-container h4{margin:0 0 var(--spacing-medium) 0;font-size:var(--font-size-base);color:var(--color-text);flex-shrink:0;}.category-items-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;}.category-items-list li{padding:var(--spacing-small);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-medium);}.category-items-list li:last-child{border-bottom:none;}.category-items-list .no-items-message{color:var(--color-text-muted);font-style:italic;}.category-item-link{color:var(--color-accent);text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}.category-item-link:hover{text-decoration:underline;color:var(--color-accent-hover);}.category-group-header{font-weight:var(--font-weight-bold);font-size:var(--font-size-small);color:var(--color-text);background:var(--color-gray-200);padding:var(--spacing-small) var(--spacing-medium);margin-top:var(--spacing-medium);border-radius:var(--radius-base);display:flex;align-items:center;gap:6px;}.category-group-header:first-child{margin-top:0;}.group-header-icon{width:16px;height:16px;}#home-accordion{margin-top:0;}.home-accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--spacing-small);overflow:hidden;}.home-accordion-header{display:flex;align-items:center;padding:var(--spacing-medium) var(--spacing-medium);cursor:pointer;background-color:var(--color-gray-100);user-select:none;font-size:var(--font-size-title);font-weight:600;color:var(--color-text);gap:var(--spacing-medium);transition:background-color var(--transition-fast);}.home-accordion-header:hover{background-color:var(--color-gray-200);}.home-accordion-item.active .home-accordion-header{background-color:var(--color-primary);color:var(--color-background);}.home-accordion-item.active .home-accordion-header:hover{background-color:var(--color-primary-hover);}.home-accordion-item.active .home-accordion-header .section-icon{filter:invert(1);}.home-accordion-arrow{display:inline-block;flex-shrink:0;}.home-accordion-arrow::before{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--color-text);transition:transform var(--transition-fast);margin-right:var(--spacing-small);}.home-accordion-item.active .home-accordion-arrow::before{transform:rotate(90deg);border-color:transparent transparent transparent var(--color-background);}.home-accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease,padding 0.3s ease;padding:0;}.home-accordion-content>*{overflow:hidden;min-height:0;}.home-accordion-item:not(.active) .home-accordion-content>*{padding:0;margin:0;}.home-accordion-item.active .home-accordion-content{grid-template-rows:1fr;padding:var(--spacing-medium);}.home-accordion-content .quick-entry-panel{margin-bottom:0;}.home-accordion-content .latest-section{margin-top:0;}.home-accordion-content .latest-section h3{font-size:var(--font-size-title);color:var(--color-text);margin:0 0 var(--spacing-small) 0;background:none;border:none;padding:0;}.home-accordion-content .latest-section h3:hover{background:none;}.home-accordion-content .entry-panel,.home-accordion-content .latest-section{border:none;box-shadow:none;}#misc-accordion{margin-top:var(--spacing-medium);}.misc-accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--spacing-small);overflow:hidden;}.misc-accordion-header{display:flex;align-items:center;padding:var(--spacing-medium) var(--spacing-medium);cursor:pointer;background-color:var(--color-gray-100);user-select:none;font-size:var(--font-size-title);font-weight:600;color:var(--color-text);gap:var(--spacing-medium);transition:background-color var(--transition-fast);}.misc-accordion-header:hover{background-color:var(--color-gray-200);}.misc-accordion-item.active .misc-accordion-header{background-color:var(--color-primary);color:var(--color-background);}.misc-accordion-item.active .misc-accordion-header:hover{background-color:var(--color-primary-hover);}.misc-accordion-arrow{display:inline-block;flex-shrink:0;}.misc-accordion-arrow::before{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--color-text);transition:transform var(--transition-fast);margin-right:var(--spacing-small);}.misc-accordion-item.active .misc-accordion-arrow::before{transform:rotate(90deg);border-color:transparent transparent transparent var(--color-background);}.misc-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 var(--spacing-medium);}.misc-accordion-item.active .misc-accordion-content{max-height:2000px;padding:var(--spacing-medium);}.no-items-message{color:var(--color-text-light);font-style:italic;}.section-icon{width:24px;height:24px;vertical-align:middle;}.categories-flex-spacer{flex:1;}.view-mode-toggle{display:flex;gap:2px;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xs);}.view-mode-btn{background:var(--color-gray-200);border:1px solid var(--color-border);color:var(--color-text);padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);}.view-mode-btn:hover{background:var(--color-gray-300);}.view-mode-btn.active{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary);}.view-mode-btn svg{display:block;}.category-tree-list{list-style:none;padding:0;margin:0;}.category-tree-list .category-tree-children{list-style:none;padding:0;margin:0;overflow:hidden;transition:max-height 0.2s ease;}.category-tree-list .category-tree-children.collapsed{max-height:0 !important;overflow:hidden;}.category-tree-node{}.category-tree-node-row{display:flex;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light);gap:4px;cursor:default;}.category-tree-node-row:hover{background-color:var(--color-primary-light);}.category-tree-toggle{width:16px;text-align:center;font-size:12px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;user-select:none;}.category-tree-toggle.expandable:hover{color:var(--color-accent);}.category-tree-indent{display:inline-block;flex-shrink:0;}.category-tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.category-tree-label.has-category{cursor:pointer;color:var(--color-text);}.category-tree-label.has-category:hover{color:var(--color-accent);}.category-tree-label.no-category{color:var(--color-text-muted);font-style:italic;}.category-tree-node.selected>.category-tree-node-row{background-color:var(--color-primary);color:var(--color-background);}.category-tree-node.selected>.category-tree-node-row .category-tree-label{color:var(--color-background);}.category-tree-node.selected>.category-tree-node-row .category-tree-toggle{color:var(--color-background);}.category-tree-delete{flex-shrink:0;}#exportResult{margin-top:var(--spacing-medium);}.delete-btn-margin{margin-left:var(--spacing-xs);}.content-row{flex:1;min-height:0;display:flex;flex-direction:column;}#diagramDetailsContainer{display:flex;flex-direction:column;height:100%;overflow:hidden;}#diagramContent{flex:1;min-height:0;position:relative;overflow:auto;}