*{box-sizing:border-box;margin:0;padding:0}:root{--ctp-rosewater:#f5e0dc;--ctp-flamingo:#f2cdcd;--ctp-pink:#f5c2e7;--ctp-mauve:#cba6f7;--ctp-red:#f38ba8;--ctp-maroon:#eba0ac;--ctp-peach:#fab387;--ctp-yellow:#f9e2af;--ctp-green:#a6e3a1;--ctp-teal:#94e2d5;--ctp-sky:#89dceb;--ctp-sapphire:#74c7ec;--ctp-blue:#89b4fa;--ctp-lavender:#b4befe;--ctp-text:#cdd6f4;--ctp-subtext1:#bac2de;--ctp-subtext0:#a6adc8;--ctp-overlay2:#9399b2;--ctp-overlay1:#7f849c;--ctp-overlay0:#6c7086;--ctp-surface2:#585b70;--ctp-surface1:#45475a;--ctp-surface0:#313244;--ctp-base:#1e1e2e;--ctp-mantle:#181825;--ctp-crust:#11111b;--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#f9f9f9;--bg-elevated:#fff;--bg-hover:#f9f9f9;--bg-active:#ecf0f1;--bg-selected:#3498db1a;--bg-input:#fff;--bg-input-disabled:#ecf0f1;--bg-code:#f4f4f4;--text-primary:#333;--text-secondary:#2c3e50;--text-muted:#7f8c8d;--text-emphasis:#2c3e50;--text-disabled:#95a5a6;--text-inverse:#fff;--border-primary:#ddd;--border-secondary:#eee;--border-focus:#3498db;--border-divider:#eee;--accent-primary:#3498db;--accent-primary-hover:#2980b9;--accent-primary-active:#21618c;--accent-secondary:#9b59b6;--accent-secondary-hover:#8e44ad;--button-primary-bg:#27ae60;--button-primary-hover:#229954;--button-primary-text:#fff;--button-secondary-bg:#3498db;--button-secondary-hover:#2980b9;--button-secondary-text:#fff;--button-tertiary-bg:#95a5a6;--button-tertiary-hover:#7f8c8d;--button-tertiary-text:#fff;--button-danger-bg:#e74c3c;--button-danger-hover:#c0392b;--button-danger-text:#fff;--button-edit-bg:#9b59b6;--button-edit-hover:#8e44ad;--button-edit-text:#fff;--button-disabled-bg:#95a5a6;--button-disabled-text:#fff;--button-theme-bg:#ecf0f1;--button-theme-hover:#d5dbdb;--status-success-bg:#efe;--status-success-text:#2c7a2c;--status-success-accent:#27ae60;--status-error-bg:#fee;--status-error-text:#c33;--status-error-accent:#e74c3c;--status-warning-bg:#fef5e7;--status-warning-text:#856404;--status-warning-accent:#f39c12;--status-info-bg:#e3f2fd;--status-info-text:#1976d2;--status-info-accent:#3498db;--link-primary:#3498db;--link-primary-hover:#2980b9;--link-visited:#9b59b6;--badge-bg:#3498db;--badge-text:#fff;--badge-secondary-bg:#ecf0f1;--badge-secondary-text:#2c3e50;--shadow-sm:0 2px 10px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 4px 20px #0000004d;--shadow-focus:0 0 0 3px #3498db1a;--overlay-modal:#00000080;--overlay-selected:#3498db1a;--overlay-hover:#3498db0d;--green:#27ae60;--red:#e74c3c;--yellow:#f39c12;--blue:#3498db;--text:#333;--subtext0:#7f8c8d;--surface0:#fff}body.dark-mode{--bg-primary:var(--ctp-base);--bg-secondary:var(--ctp-surface0);--bg-tertiary:var(--ctp-mantle);--bg-elevated:var(--ctp-surface0);--bg-hover:var(--ctp-surface1);--bg-active:var(--ctp-surface2);--bg-selected:#89b4fa0d;--bg-input:var(--ctp-mantle);--bg-input-disabled:var(--ctp-overlay0);--bg-code:var(--ctp-mantle);--text-primary:var(--ctp-text);--text-secondary:var(--ctp-lavender);--text-muted:var(--ctp-subtext0);--text-emphasis:var(--ctp-lavender);--text-disabled:var(--ctp-overlay0);--text-inverse:var(--ctp-crust);--border-primary:var(--ctp-surface2);--border-secondary:var(--ctp-surface1);--border-focus:var(--ctp-blue);--border-divider:var(--ctp-surface2);--accent-primary:var(--ctp-blue);--accent-primary-hover:var(--ctp-sapphire);--accent-primary-active:var(--ctp-sky);--accent-secondary:var(--ctp-mauve);--accent-secondary-hover:var(--ctp-pink);--button-primary-bg:var(--ctp-green);--button-primary-hover:var(--ctp-teal);--button-primary-text:var(--ctp-crust);--button-secondary-bg:var(--ctp-blue);--button-secondary-hover:var(--ctp-sapphire);--button-secondary-text:var(--ctp-crust);--button-tertiary-bg:var(--ctp-overlay0);--button-tertiary-hover:var(--ctp-overlay1);--button-tertiary-text:var(--ctp-text);--button-danger-bg:var(--ctp-red);--button-danger-hover:var(--ctp-maroon);--button-danger-text:var(--ctp-crust);--button-edit-bg:var(--ctp-mauve);--button-edit-hover:var(--ctp-pink);--button-edit-text:var(--ctp-crust);--button-disabled-bg:var(--ctp-surface1);--button-disabled-text:var(--ctp-overlay0);--button-theme-bg:var(--ctp-surface1);--button-theme-hover:var(--ctp-surface2);--status-success-bg:#a6e3a126;--status-success-text:var(--ctp-green);--status-success-accent:var(--ctp-green);--status-error-bg:#f38ba826;--status-error-text:var(--ctp-red);--status-error-accent:var(--ctp-red);--status-warning-bg:#f9e2af26;--status-warning-text:var(--ctp-yellow);--status-warning-accent:var(--ctp-yellow);--status-info-bg:#89b4fa26;--status-info-text:var(--ctp-blue);--status-info-accent:var(--ctp-blue);--link-primary:var(--ctp-blue);--link-primary-hover:var(--ctp-sapphire);--link-visited:var(--ctp-mauve);--badge-bg:var(--ctp-blue);--badge-text:var(--ctp-crust);--badge-secondary-bg:var(--ctp-surface1);--badge-secondary-text:var(--ctp-text);--shadow-sm:0 2px 10px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 4px 20px #00000080;--shadow-focus:0 0 0 3px #89b4fa33;--overlay-modal:#00000080;--overlay-selected:#89b4fa0d;--overlay-hover:#89b4fa1a;--green:var(--ctp-green);--red:var(--ctp-red);--yellow:var(--ctp-yellow);--blue:var(--ctp-blue);--text:var(--ctp-text);--subtext0:var(--ctp-subtext0);--surface0:var(--ctp-surface0)}body{background:#f5f5f5;background:var(--bg-primary);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}.auth-box,.category-group,.collaborators-section,.create-form,.edit-form,.export-content,.project-card,.projects-section,.sort-controls{background:#fff;background:var(--bg-secondary);border-color:#ddd;border-color:var(--border-primary);color:#333;color:var(--text-primary)}.reference-card{color:#333;color:var(--text-primary)}.ref-inline strong,.ref-meta strong,.reference-card strong,h1,h2,h3,p strong,strong{color:#2c3e50;color:var(--text-secondary)}.auth-box input,.create-form input,.create-form textarea,.edit-form input,.edit-form select,.edit-form textarea{background:#fff;background:var(--bg-input);border-color:#ddd;border-color:var(--border-primary);color:#333;color:var(--text-primary)}.format-option:hover,.project-card:hover,.reference-card:hover,.reference-checkbox:hover{background:#f9f9f9;background:var(--bg-hover)}.badge,.category-badge,.collaborator-tag{background:#3498db;background:var(--badge-bg);color:#fff;color:var(--badge-text)}body.dark-mode .badge,body.dark-mode .category-badge,body.dark-mode .collaborator-tag{background:#ecf0f1;background:var(--badge-secondary-bg);color:#2c3e50;color:var(--badge-secondary-text)}.ref-checkbox-content span,.ref-meta,.ref-order-content span{color:#7f8c8d;color:var(--text-muted)}.bibtex-code{color:#333;color:var(--text-primary)}.back-link,.doi-link{color:#3498db;color:var(--link-primary)}.back-link:hover,.doi-link:hover{text-decoration:underline}.collaborator-tag,.sort-controls button{background:#ecf0f1;background:var(--button-theme-bg);border-color:#ddd;border-color:var(--border-primary);color:#2c3e50;color:var(--text-secondary)}.sort-controls button.active:hover{border-color:#2980b9;border-color:var(--button-secondary-hover)}.group-toggle,.sort-controls span{color:#2c3e50;color:var(--text-secondary)}.category-header{border-color:#3498db;border-color:var(--accent-primary);color:#333;color:var(--text-primary)}.export-steps{border-color:#eee;border-color:var(--border-secondary)}.format-option,.reference-checkbox,.reference-order-item{background:#fff;background:var(--bg-secondary);border-color:#ddd;border-color:var(--border-primary)}.export-actions,.export-header,.selection-controls{border-color:#eee;border-color:var(--border-secondary)}.format-option span,.selection-controls span{color:#7f8c8d;color:var(--text-muted)}button:not(.theme-toggle):not(.close-btn):not(.delete-btn):not(.delete-project-btn):not(.remove-collab-btn):not(.logout-btn):not(.primary-btn):not(.cancel-new-category){background:#3498db;background:var(--button-secondary-bg);border-color:#3498db;border-color:var(--button-secondary-bg);color:#fff;color:var(--button-secondary-text)}button:not(.theme-toggle):not(.close-btn):not(.delete-btn):not(.delete-project-btn):not(.remove-collab-btn):not(.logout-btn):not(.export-btn):not(.primary-btn):not(.cancel-new-category):hover:not(:disabled){background:#2980b9;background:var(--button-secondary-hover);border-color:#2980b9;border-color:var(--button-secondary-hover)}.close-btn,.delete-btn,.delete-project-btn{background:#e74c3c;background:var(--button-danger-bg);color:#fff;color:var(--button-danger-text)}.close-btn:hover,.delete-btn:hover,.delete-project-btn:hover{background:#c0392b;background:var(--button-danger-hover)}.export-btn:hover,.primary-btn:hover:not(:disabled){background:#229954!important;background:var(--button-primary-hover)!important}.duplicate-project-btn,.edit-project-btn{background:#9b59b6;background:var(--button-edit-bg);color:var(--button-edit-text)}.duplicate-project-btn:hover,.edit-project-btn:hover{background:#8e44ad;background:var(--button-edit-hover)}.form-actions button[type=button]:not(.cancel-new-category){background:#95a5a6;background:var(--button-tertiary-bg);color:#fff;color:var(--button-tertiary-text)}.copy-bibtex-btn{background:#3498db;background:var(--button-secondary-bg);color:#fff;color:var(--button-secondary-text)}.copy-bibtex-btn:hover{background:#2980b9;background:var(--button-secondary-hover)}.edit-bibtex-btn{color:#fff;color:var(--button-edit-text)}.selected-category-display{color:#7f8c8d;color:var(--text-muted);font-size:14px;margin-top:8px}.selected-category-display strong{color:#3498db;color:var(--accent-primary)}.add-category-btn{background:#27ae60;background:var(--button-primary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-primary-text);cursor:pointer;padding:10px 15px;white-space:nowrap}.add-category-btn:hover{background:#229954;background:var(--button-primary-hover)}.back-link-btn{background:#3498db;background:var(--button-secondary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-secondary-text);cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none}.back-link-btn:hover{background:#2980b9;background:var(--button-secondary-hover)}.admin-link-btn{background:#9b59b6;background:var(--button-edit-bg);border:none;border-radius:4px;color:#fff;color:var(--button-edit-text);cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none}.admin-link-btn:hover{background:#8e44ad;background:var(--button-edit-hover)}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);padding:20px;text-align:center}.stat-card h3{color:#7f8c8d;color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:10px}.stat-number{color:#3498db;color:var(--accent-primary);font-size:36px;font-weight:700;margin:0}.admin-section{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);padding:30px}.admin-section h2{color:#2c3e50;color:var(--text-secondary);margin-bottom:20px}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-secondary);padding:12px;text-align:left}.users-table th{background:#f9f9f9;background:var(--bg-tertiary);color:#2c3e50;color:var(--text-secondary);font-weight:600}.users-table tr:hover{background:#f9f9f9;background:var(--bg-hover)}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);max-width:400px;padding:40px;width:100%}.auth-logo{border-bottom:2px solid #eee;border-bottom:2px solid var(--border-secondary);margin-bottom:30px;padding-bottom:20px;text-align:center}.auth-logo h1{color:#3498db;color:var(--accent-primary);font-size:36px;font-weight:700;margin-bottom:5px}.tagline{color:#7f8c8d;color:var(--text-muted);font-size:14px;margin:0}.auth-box h2{color:#2c3e50;color:var(--text-secondary);font-weight:700;margin-bottom:20px}.auth-box form{display:flex;flex-direction:column;gap:15px}.auth-box p{margin-top:15px;text-align:center}.admin-toggle{border-top:1px solid #eee;border-top:1px solid var(--border-secondary);margin-top:10px!important;padding-top:15px}.auth-box input{border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;font-size:14px;padding:12px}.auth-box button[type=submit]{background:#3498db;background:var(--button-secondary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-secondary-text);cursor:pointer;font-size:16px;font-weight:500;margin-bottom:20px;padding:12px;transition:background .2s}.auth-box button[type=submit]:hover:not(:disabled){background:#2980b9;background:var(--button-secondary-hover)}.auth-box button[type=submit]:disabled{background:#95a5a6;background:var(--button-disabled-bg);cursor:not-allowed}.link-button{background:none;border:none;color:#3498db;color:var(--link-primary);cursor:pointer;font-size:14px;font-weight:700;text-decoration:underline}.link-button:disabled{color:#95a5a6;color:var(--text-disabled);cursor:not-allowed}.link-button:hover:not(:disabled){color:#2980b9;color:var(--link-primary-hover)}.error{background:#fee;background:var(--status-error-bg);color:#c33;color:var(--status-error-text)}.error,.success{border-radius:4px;margin-bottom:15px;padding:10px}.success{background:#efe;background:var(--status-success-bg);color:#2c7a2c;color:var(--status-success-text);font-weight:500}.container{margin:0 auto;max-width:1200px;padding:20px}.header{align-items:center;border-bottom:2px solid #eee;border-bottom:2px solid var(--border-secondary);display:flex;gap:20px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header h1,.header h2{color:#2c3e50;color:var(--text-secondary);flex:1 1}.header-actions{align-items:center;display:flex;gap:10px}.theme-toggle{background:#ecf0f1;background:var(--button-theme-bg);border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:8px 12px;transition:background .2s}.theme-toggle:hover{background:#d5dbdb;background:var(--button-theme-hover)}.logout-btn{background:#e74c3c;background:var(--button-danger-bg);border:none;border-radius:4px;color:#fff;color:var(--button-danger-text);cursor:pointer;padding:8px 16px}.logout-btn:hover{background:#c0392b;background:var(--button-danger-hover)}.back-link{color:#3498db;color:var(--link-primary);font-size:14px;text-decoration:none}.back-link:hover{text-decoration:underline}.projects-section{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);padding:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#2c3e50;color:var(--text-secondary)}.actions-bar button,.section-header button{background:#3498db;background:var(--button-secondary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-secondary-text);cursor:pointer;font-size:14px;padding:10px 20px}.actions-bar button:hover,.section-header button:hover{background:#2980b9;background:var(--button-secondary-hover)}.create-form{background:#f9f9f9;background:var(--bg-tertiary);border-radius:4px;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px}.create-form,.create-form input,.create-form textarea{border:1px solid #ddd;border:1px solid var(--border-primary)}.create-form input,.create-form textarea{background:#fff;background:var(--bg-input);border-radius:4px;color:#333;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px}.create-form button{background:#27ae60;background:var(--button-primary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-primary-text);cursor:pointer;padding:10px}.create-form button:hover{background:#229954;background:var(--button-primary-hover)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.project-card{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;color:inherit;padding:20px;position:relative;text-decoration:none;transition:transform .2s,box-shadow .2s}.project-card-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:10px}.project-card-header h3{color:#2c3e50;color:var(--text-secondary);flex:1 1;margin:0}.delete-project-btn{align-items:center;background:#e74c3c;background:var(--button-danger-bg);border:none;border-radius:4px;color:#fff;color:var(--button-danger-text);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.delete-project-btn:hover{background:#c0392b;background:var(--button-danger-hover)}.project-actions{display:flex;gap:5px}.duplicate-project-btn,.edit-project-btn{align-items:center;background:#3498db;background:var(--button-secondary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-secondary-text);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.duplicate-project-btn:hover,.edit-project-btn:hover{background:#2980b9;background:var(--button-secondary-hover)}.project-card p{color:#7f8c8d;color:var(--text-muted);font-size:14px;margin-bottom:10px}.badge{background:#3498db;background:var(--badge-bg);border-radius:4px;color:#fff;color:var(--badge-text);display:inline-block;font-size:12px;padding:4px 8px}.actions-bar{display:flex;gap:10px;margin-bottom:20px}.collaborators-section{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.collaborators-section h3{color:#2c3e50;color:var(--text-secondary);margin-bottom:10px}.collaborators-list{display:flex;flex-wrap:wrap;gap:10px}.collaborator-tag{align-items:center;background:#ecf0f1;background:var(--badge-secondary-bg);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:20px;color:#2c3e50;color:var(--badge-secondary-text);display:inline-flex;font-size:14px;gap:8px;padding:6px 12px}.remove-collab-btn{align-items:center;background:#e74c3c;background:var(--button-danger-bg);border:none;border-radius:50%;color:#fff;color:var(--button-danger-text);cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;padding:0;transition:background .2s;width:18px}.remove-collab-btn:hover{background:#c0392b;background:var(--button-danger-hover)}.sort-controls{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.sort-actions,.sort-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sort-controls span{color:#2c3e50;color:var(--text-secondary);font-weight:500}.sort-controls button{background:#ecf0f1;background:var(--button-theme-bg);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;color:#2c3e50;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.sort-controls button:hover{background:#d5dbdb;background:var(--button-theme-hover)}.sort-controls button.active{background:#3498db;background:var(--button-secondary-bg);border-color:#3498db;border-color:var(--button-secondary-bg);color:#fff;color:var(--button-secondary-text)}.sort-controls button.active:hover{background:#2980b9;background:var(--button-secondary-hover)}.sort-divider{background:#ddd;background:var(--border-primary);height:24px;margin:0 5px;width:1px}.group-toggle{align-items:center;color:#2c3e50;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:8px}.group-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.references-list{display:flex;flex-direction:column;gap:20px}.references-grouped{display:flex;flex-direction:column;gap:30px}.category-group{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;padding:20px}.category-group .references-list{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-header{align-items:center;border-bottom:2px solid #3498db;border-bottom:2px solid var(--accent-primary);color:#2c3e50;color:var(--text-secondary);display:flex;font-size:20px;gap:10px;margin:0 0 20px;padding-bottom:10px;position:relative;transition:color .2s ease;-webkit-user-select:none;user-select:none}.category-header:hover{color:#3498db;color:var(--accent-primary)}.category-header .drag-handle{font-size:18px;margin-left:-4px;margin-right:4px}.collapse-icon{display:inline-block;font-size:16px;min-width:20px;transition:transform .3s ease}.collapse-icon.collapsed,.collapse-icon.expanded{transform:rotate(0deg)}.category-count{color:#7f8c8d;color:var(--text-muted);font-size:16px;font-weight:400;margin-left:auto}.category-badge{background:#3498db;background:var(--badge-bg);border-radius:12px;color:#fff;color:var(--badge-text);font-size:13px;font-weight:500;padding:3px 10px}.reference-card{background:#fff;background:var(--bg-secondary);border:2px solid #0000;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);color:inherit;padding:20px;position:relative;transition:all .2s}.reference-card.selected{background:#3498db1a;background:var(--bg-selected);border-color:#3498db;border-color:var(--accent-primary);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md)}.project-card:hover,.reference-card:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.ref-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:15px}.ref-header h3{color:#2c3e50;color:var(--text-secondary);flex:1 1;margin-right:20px}.ref-actions{display:flex;gap:10px}.ref-actions button{background:#3498db;background:var(--button-secondary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-secondary-text);cursor:pointer;font-size:12px;padding:6px 12px}.ref-actions button:hover{background:#2980b9;background:var(--button-secondary-hover)}.delete-btn{background:#e74c3c!important;background:var(--button-danger-bg)!important}.delete-btn:hover{background:#c0392b!important;background:var(--button-danger-hover)!important}.ref-meta{color:#7f8c8d;color:var(--text-muted);font-size:14px;margin-bottom:15px}.ref-meta strong{color:#2c3e50;color:var(--text-secondary);margin-left:10px}.ref-meta strong:first-child{margin-left:0}.ref-inline{line-height:1.6;margin-bottom:10px}.ref-inline,.ref-inline .separator{color:#7f8c8d;color:var(--text-muted)}.ref-inline .separator{margin:0 5px}.reference-card p{line-height:1.6;margin-bottom:10px}.reference-card p strong{color:#2c3e50;color:var(--text-secondary);margin-right:5px}.doi-link{color:#3498db;color:var(--link-primary);font-weight:500;text-decoration:none}.doi-link:hover{text-decoration:underline}.bibtex-container{animation:bibtex-slide-in .3s ease-out;border-top:1px solid #eee;border-top:1px solid var(--border-secondary);margin-top:15px;padding-top:15px;position:relative}@keyframes bibtex-slide-in{0%{margin-top:0;max-height:0;opacity:0;padding-top:0;transform:translateY(-10px)}to{margin-top:15px;max-height:2000px;opacity:1;padding-top:15px;transform:translateY(0)}}.bibtex-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:10px}.copy-bibtex-btn,.edit-bibtex-btn{align-items:center;background:#3498db;background:var(--button-secondary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-secondary-text);cursor:pointer;display:flex;font-size:14px;gap:5px;padding:6px 12px;transition:background .2s}.copy-bibtex-btn:hover,.edit-bibtex-btn:hover{background:#2980b9;background:var(--button-secondary-hover)}.copy-bibtex-btn:active{background:#21618c;background:var(--accent-primary-active)}.edit-bibtex-btn{background:#9b59b6;background:var(--button-edit-bg)}.edit-bibtex-btn:hover{background:#8e44ad;background:var(--button-edit-hover)}.bibtex-code{background:#f4f4f4;background:var(--bg-code);border-radius:4px;font-family:Courier New,monospace;font-size:12px;margin-top:10px;overflow-x:auto;padding:15px}.bibtex-edit-form h4{color:#2c3e50;color:var(--text-secondary);font-size:16px;margin:0 0 15px}.bibtex-edit-textarea{background:#f9f9f9;background:var(--bg-tertiary);border:2px solid #3498db;border:2px solid var(--border-focus);border-radius:4px;color:#333;color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;min-height:200px;padding:12px;resize:vertical;width:100%}.bibtex-edit-textarea:focus{border-color:#2980b9;border-color:var(--accent-primary-hover);box-shadow:0 0 0 3px #3498db1a;box-shadow:var(--shadow-focus);outline:none}.bibtex-editor-wrapper{margin:10px 0;width:100%}.bibtex-editor-wrapper .cm-editor{border-radius:4px}.bibtex-editor-wrapper .cm-scroller{font-family:Courier New,monospace;font-size:13px}.bibtex-edit-editor{margin-bottom:10px}.bibtex-editor-wrapper .cm-editor.cm-focused{outline:none}.bibtex-editor-wrapper .cm-content{padding:8px 0}body.dark-mode .bibtex-editor-wrapper .cm-gutters{background-color:#f4f4f4;background-color:var(--bg-code);border-right:1px solid #ddd;border-right:1px solid var(--border-primary)}body.dark-mode .bibtex-editor-wrapper .cm-activeLineGutter{background-color:#fff;background-color:var(--bg-secondary)}.bibtex-edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:10px}.save-bibtex-btn{align-items:center;background:#27ae60;background:var(--button-primary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-primary-text);cursor:pointer;display:flex;font-size:14px;gap:5px;padding:6px 12px;transition:background .2s}.save-bibtex-btn:hover{background:#229954;background:var(--button-primary-hover)}.cancel-bibtex-btn{align-items:center;background:#95a5a6;background:var(--button-tertiary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-tertiary-text);cursor:pointer;display:flex;font-size:14px;gap:5px;padding:6px 12px;transition:background .2s}.cancel-bibtex-btn:hover{background:#7f8c8d;background:var(--button-tertiary-hover)}.bibtex-edit-note{color:#7f8c8d;color:var(--text-muted);font-size:13px;font-style:italic;margin-top:10px}.edit-form{animation:edit-form-slide-in .3s ease-out;background:#f9f9f9;background:var(--bg-tertiary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;margin-top:15px;padding:20px}@keyframes edit-form-slide-in{0%{margin-top:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateY(-10px)}to{margin-top:15px;max-height:2000px;opacity:1;padding-bottom:20px;padding-top:20px;transform:translateY(0)}}.form-group{margin-bottom:15px}.form-group label{color:#2c3e50;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group textarea{background:#fff;background:var(--bg-input);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;color:#333;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px;width:100%}.rating-radio-group{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.rating-radio-label{align-items:center;background:#fff;background:var(--bg-secondary);border:2px solid #ddd;border:2px solid var(--border-primary);border-radius:20px;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s}.rating-radio-label:hover{background:#f9f9f9;background:var(--bg-hover);border-color:#3498db;border-color:var(--accent-primary)}.rating-radio-label input[type=radio]{display:none}.rating-radio-label input[type=radio]:checked+.rating-clear,.rating-radio-label input[type=radio]:checked+.rating-star{font-weight:700}.rating-radio-label input[type=radio]:checked~*{color:#3498db;color:var(--accent-primary)}.rating-radio-label:has(input[type=radio]:checked){background:#3498db1a;background:var(--bg-selected);border-color:#3498db;border-color:var(--accent-primary)}.rating-star{color:#2c3e50;color:var(--text-secondary);font-size:16px}.rating-clear{color:#7f8c8d;color:var(--text-muted);font-size:14px}.category-input-group{align-items:center;display:flex;gap:10px}.category-input-group input,.category-input-group select{flex:1 1}.cancel-new-category{background:#95a5a6;background:var(--button-tertiary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-tertiary-text);cursor:pointer;padding:10px 15px;white-space:nowrap}.cancel-new-category:hover{background:#7f8c8d;background:var(--button-tertiary-hover)}.form-actions{display:flex;gap:10px;margin-top:15px}.form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.form-actions button[type=submit]{background:#27ae60;background:var(--button-primary-bg);color:#fff;color:var(--button-primary-text)}.form-actions button[type=submit]:hover{background:#229954;background:var(--button-primary-hover)}.form-actions button[type=button]{background:#95a5a6;background:var(--button-tertiary-bg);color:#fff;color:var(--button-tertiary-text)}.form-actions button[type=button]:hover{background:#7f8c8d;background:var(--button-tertiary-hover)}.export-modal{align-items:center;background:#00000080;background:var(--overlay-modal);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-content{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.export-header{align-items:center;border-bottom:2px solid #eee;border-bottom:2px solid var(--border-secondary);display:flex;justify-content:space-between;padding:20px}.export-header h2{color:#2c3e50;color:var(--text-secondary);margin:0}.close-btn{align-items:center;background:#e74c3c;background:var(--button-danger-bg);border:none;border-radius:4px;color:#fff;color:var(--button-danger-text);cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;width:30px}.close-btn:hover{background:#c0392b;background:var(--button-danger-hover)}.export-steps{background:#f9f9f9;background:var(--bg-tertiary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-around;padding:20px}.step{background:#ecf0f1;background:var(--button-theme-bg);border-radius:4px;color:#7f8c8d;color:var(--text-muted);font-weight:500;padding:10px 20px}.step.active{background:#3498db;background:var(--button-secondary-bg);color:#fff;color:var(--button-secondary-text)}.export-step{flex:1 1;overflow-y:auto;padding:20px}.selection-controls{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border-secondary);display:flex;gap:10px;margin-bottom:15px;padding-bottom:15px}.selection-controls button{background:#3498db;background:var(--button-secondary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-secondary-text);cursor:pointer;font-size:14px;padding:8px 16px}.selection-controls button:hover{background:#2980b9;background:var(--button-secondary-hover)}.selection-controls span{color:#2c3e50;color:var(--text-secondary);font-weight:500;margin-left:auto}.reference-selection-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:400px;overflow-y:auto}.reference-checkbox{align-items:start;border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.reference-checkbox:hover{background:#f9f9f9;background:var(--bg-hover)}.reference-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin-top:4px;width:18px}.ref-checkbox-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.ref-checkbox-content strong{color:#2c3e50;color:var(--text-secondary);font-size:14px}.ref-checkbox-content span{color:#7f8c8d;color:var(--text-muted);font-size:13px}.reference-order-list{display:flex;flex-direction:column;gap:10px;margin:20px 0;max-height:400px;overflow-y:auto}.reference-order-item{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;display:flex;gap:12px;padding:12px}.order-controls{display:flex;flex-direction:column;gap:5px}.order-controls button{align-items:center;background:#3498db;background:var(--button-secondary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-secondary-text);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;padding:0;width:30px}.order-controls button:hover:not(:disabled){background:#2980b9;background:var(--button-secondary-hover)}.order-controls button:disabled{background:#95a5a6;background:var(--button-disabled-bg);color:#fff;color:var(--button-disabled-text);cursor:not-allowed}.ref-order-content{align-items:start;display:flex;flex:1 1;gap:12px}.order-number{color:#3498db;color:var(--accent-primary);font-weight:700;min-width:30px}.ref-order-content>div{display:flex;flex-direction:column;gap:4px}.ref-order-content strong{color:#2c3e50;color:var(--text-secondary);font-size:14px}.ref-order-content span{color:#7f8c8d;color:var(--text-muted);font-size:13px}.format-selection{display:flex;flex-direction:column;gap:12px;margin:20px 0;max-height:400px;overflow-y:auto}.format-option{align-items:start;border:2px solid #ddd;border:2px solid var(--border-primary);border-radius:4px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .2s}.format-option:hover{background:#f9f9f9;background:var(--bg-hover);border-color:#3498db;border-color:var(--accent-primary)}.format-option input[type=radio]{cursor:pointer;height:18px;margin-top:4px;width:18px}.format-option input[type=radio]:checked+div{color:#3498db;color:var(--accent-primary)}.format-option>div{display:flex;flex-direction:column;gap:4px}.format-option strong{color:#2c3e50;color:var(--text-secondary);font-size:15px}.format-option span{color:#7f8c8d;color:var(--text-muted);font-size:13px}.export-actions{border-top:1px solid #eee;border-top:1px solid var(--border-secondary);display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.export-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.export-actions button:not(.primary-btn){background:#95a5a6;background:var(--button-tertiary-bg);color:#fff;color:var(--button-tertiary-text)}.export-actions button:not(.primary-btn):hover{background:#7f8c8d;background:var(--button-tertiary-hover)}.primary-btn{background:#27ae60!important;background:var(--button-primary-bg)!important;color:#fff;color:var(--button-primary-text)}.primary-btn:hover{background:#229954!important;background:var(--button-primary-hover)!important}.primary-btn:disabled{background:#95a5a6!important;background:var(--button-disabled-bg)!important;cursor:not-allowed}.bulk-actions-panel{animation:bulk-panel-slide-down .3s ease-out;background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden;padding:16px;transform-origin:top}@keyframes bulk-panel-slide-down{0%{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateY(-20px)}to{margin-bottom:16px;max-height:500px;opacity:1;padding-bottom:16px;padding-top:16px;transform:translateY(0)}}@keyframes bulk-panel-slide-up{0%{margin-bottom:16px;max-height:500px;opacity:1;padding-bottom:16px;padding-top:16px;transform:translateY(0)}to{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateY(-20px)}}.bulk-actions-panel.exiting{animation:bulk-panel-slide-up .3s ease-in forwards}.bulk-action-section{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-secondary);margin-bottom:20px;padding-bottom:16px}.bulk-action-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.bulk-action-section h4{color:#333;color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 12px}.bulk-danger-zone{border-bottom-color:#e74c3c;border-bottom-color:var(--button-danger-bg)}.bulk-danger-zone h4{color:#e74c3c;color:var(--button-danger-bg)}.bulk-category-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bulk-category-controls input[type=text]{background:#fff;background:var(--bg-input);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;color:#333;color:var(--text-primary);flex:1 1;font-size:14px;min-width:200px;padding:8px 12px}.bulk-category-controls input[type=text]:focus{border-color:#3498db;border-color:var(--border-focus);box-shadow:0 0 0 3px #3498db1a;box-shadow:var(--shadow-focus);outline:none}.bulk-category-controls select{background:#fff;background:var(--bg-input);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;color:#333;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;min-width:200px;padding:8px 12px}.bulk-category-controls select:focus{border-color:#3498db;border-color:var(--border-focus);box-shadow:0 0 0 3px #3498db1a;box-shadow:var(--shadow-focus);outline:none}.bulk-apply-btn{background:#27ae60;background:var(--button-primary-bg);border:none;border-radius:4px;color:#fff;color:var(--button-primary-text);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.bulk-apply-btn:hover{background:#229954;background:var(--button-primary-hover);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.bulk-apply-btn:disabled{background:#95a5a6;background:var(--button-disabled-bg);box-shadow:none;color:#fff;color:var(--button-disabled-text);cursor:not-allowed;transform:none}.bulk-cancel-btn{background:#ecf0f1;background:var(--button-theme-bg);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;color:#333;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.bulk-cancel-btn:hover{background:#d5dbdb;background:var(--button-theme-hover);border-color:#ddd;border-color:var(--border-primary)}.bulk-delete-btn{background:#e74c3c;background:var(--button-danger-bg);border:none;border-radius:4px;color:#fff;color:var(--button-danger-text);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.bulk-delete-btn:hover{background:#c0392b;background:var(--button-danger-hover);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.bulk-action-btn{background:#ecf0f1;background:var(--button-theme-bg);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;color:#2c3e50;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.bulk-action-btn:hover{background:#d5dbdb;background:var(--button-theme-hover)}.bulk-action-btn.primary{background:#3498db;background:var(--button-secondary-bg);border-color:#3498db;border-color:var(--button-secondary-bg);color:#fff;color:var(--button-secondary-text)}.bulk-action-btn.primary:hover{background:#2980b9;background:var(--button-secondary-hover)}.bulk-selection-count{color:#2c3e50;color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.bulk-selection-count strong{color:#3498db;color:var(--accent-primary);font-weight:600}.select-category-btn{background:#ecf0f1;background:var(--button-theme-bg);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:4px;color:#7f8c8d;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s;white-space:nowrap}.select-category-btn:hover{background:#3498db;background:var(--button-secondary-bg);border-color:#3498db;border-color:var(--button-secondary-bg);color:#fff;color:var(--button-secondary-text)}.category-header-container{align-items:center;border-bottom:2px solid #eee;border-bottom:2px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.category-header-container h3{color:#333;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.ref-header-left{flex:1 1;gap:12px}.ref-checkbox,.ref-header-left{align-items:center;display:flex}.ref-checkbox{border-radius:4px;cursor:pointer;padding:4px;transition:background .2s}.ref-checkbox:hover{background:#3498db0d;background:var(--overlay-hover)}.ref-checkbox input[type=checkbox]{accent-color:#3498db;accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.drag-handle{color:#95a5a6;color:var(--text-disabled);cursor:grab;font-size:16px;margin-right:8px;opacity:0;padding:4px 8px;transition:opacity .2s;-webkit-user-select:none;user-select:none}.category-header:hover .drag-handle,.reference-card:hover .drag-handle{opacity:.6}.drag-handle:hover{opacity:1!important}.drag-handle:active{cursor:grabbing}.sortable-item{transition:transform .2s ease}.sortable-item.dragging{opacity:.5;z-index:999}@media (max-width:768px){.sort-controls{align-items:stretch;flex-direction:column;gap:12px}.sort-actions,.sort-buttons{justify-content:center;width:100%}.bulk-category-controls{align-items:stretch;flex-direction:column}.bulk-category-controls input[type=text],.bulk-category-controls select{min-width:100%}.category-header-container{align-items:flex-start;flex-direction:column;gap:8px}.bulk-action-btn,.select-category-btn{width:100%}}.logo-text{color:#3498db}body.dark-mode .logo-text{color:#b4befe;color:var(--ctp-lavender)}.guides-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.guides-header{margin-bottom:3rem;padding-top:2rem;text-align:center}.guides-back-link{border-radius:6px;color:#333;color:var(--text-primary);display:inline-block;margin-bottom:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.guides-back-link:hover{background:#fff;background:var(--bg-secondary);color:#3498db;color:var(--accent-primary)}.guides-title{color:#333;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.guides-subtitle{color:#2c3e50;color:var(--text-secondary);font-size:1.2rem}.guides-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.guides-search{width:100%}.guides-search-input{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;color:#333;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.guides-search-input:focus{border-color:#3498db;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3498db1a;outline:none}.guides-categories{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-button{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:6px;color:#333;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.category-button:hover{background:#f9f9f9;background:var(--bg-hover)}.category-button.active,.category-button:hover{border-color:#3498db;border-color:var(--accent-primary)}.category-button.active{background:#3498db;background:var(--accent-primary);color:#fff}.guides-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.guide-card{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:10px;color:#333;color:var(--text-primary);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.guide-card:hover{border-color:#3498db;border-color:var(--accent-primary);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.guide-card-icon{font-size:3rem;margin-bottom:.5rem}.guide-card-title{color:#333;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.guide-card-description{color:#2c3e50;color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.5;margin:0}.guide-card-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.guide-category,.guide-difficulty,.guide-time{background:#f5f5f5;background:var(--bg-primary);border-radius:4px;color:#2c3e50;color:var(--text-secondary);padding:.25rem .75rem}.guides-no-results{color:#2c3e50;color:var(--text-secondary);padding:3rem;text-align:center}.guides-no-results button{background:#3498db;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.guides-no-results button:hover{background:var(--accent-hover)}.guides-footer-section{background:#fff;background:var(--bg-secondary);border-radius:10px;margin-top:3rem;padding:2rem;text-align:center}.guides-footer-section h2{color:#333;color:var(--text-primary);margin-bottom:.5rem}.guides-footer-section a{color:#3498db;color:var(--accent-primary);text-decoration:none}.guides-footer-section a:hover{text-decoration:underline}.guide-detail-container{margin:0 auto;max-width:900px;min-height:100vh;padding:2rem}.guide-breadcrumb{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem}.guide-breadcrumb a{color:#2c3e50;color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.guide-breadcrumb a:hover{color:#3498db;color:var(--accent-primary)}.breadcrumb-separator{color:var(--text-tertiary)}.breadcrumb-current{color:#333;color:var(--text-primary)}.guide-detail-content{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:10px;padding:2rem}.guide-header{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-primary);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.guide-header-icon{flex-shrink:0;font-size:4rem}.guide-header-text{flex-grow:1}.guide-detail-title{color:#333;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.guide-meta-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.guide-category-badge,.guide-difficulty-badge,.guide-time-badge{border-radius:4px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.guide-category-badge{background:#3498db;background:var(--accent-primary);color:#fff}.guide-difficulty-badge{border:1px solid #ddd;border:1px solid var(--border-primary)}.guide-difficulty-badge,.guide-time-badge{background:#f5f5f5;background:var(--bg-primary);color:#2c3e50;color:var(--text-secondary)}.guide-detail-description{color:#2c3e50;color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin:0}.guide-markdown-content{color:#333;color:var(--text-primary);line-height:1.8}.guide-markdown-content h1{border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-primary);color:#333;color:var(--text-primary);font-size:2rem;margin:2rem 0 1rem;padding-bottom:.5rem}.guide-markdown-content h2{color:#333;color:var(--text-primary);font-size:1.5rem;margin:1.75rem 0 .75rem}.guide-markdown-content h3{color:#333;color:var(--text-primary);font-size:1.25rem;margin:1.5rem 0 .5rem}.guide-markdown-content p{color:#333;color:var(--text-primary);margin:1rem 0}.guide-markdown-content a{border-bottom:1px solid #0000;color:#3498db;color:var(--accent-primary);text-decoration:none;transition:border-color .3s ease}.guide-markdown-content a:hover{border-bottom-color:#3498db;border-bottom-color:var(--accent-primary)}.guide-markdown-content ol,.guide-markdown-content ul{margin:1rem 0;padding-left:2rem}.guide-markdown-content li{margin:.5rem 0}.guide-markdown-content code{background:#f5f5f5;background:var(--bg-primary);border-radius:4px;color:#333;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.guide-markdown-content pre{background:#f5f5f5;background:var(--bg-primary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:6px;margin:1rem 0;overflow-x:auto;padding:1rem}.guide-markdown-content pre code{background:none;border-radius:0;padding:0}.guide-markdown-content table{border-collapse:collapse;margin:1.5rem 0;width:100%}.guide-markdown-content td,.guide-markdown-content th{border:1px solid #ddd;border:1px solid var(--border-primary);padding:.75rem;text-align:left}.guide-markdown-content th{background:#f5f5f5;background:var(--bg-primary);font-weight:600}.guide-markdown-content blockquote{border-left:4px solid #3498db;border-left:4px solid var(--accent-primary);color:#2c3e50;color:var(--text-secondary);font-style:italic;margin:1.5rem 0;padding-left:1rem}.guide-related-section{border-top:1px solid #ddd;border-top:1px solid var(--border-primary);margin-top:3rem;padding-top:2rem}.guide-related-section h2{color:#333;color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.guide-related-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.guide-related-card{background:#f5f5f5;background:var(--bg-primary);border:1px solid #ddd;border:1px solid var(--border-primary);border-radius:8px;color:#333;color:var(--text-primary);display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-decoration:none;transition:all .3s ease}.guide-related-card:hover{border-color:#3498db;border-color:var(--accent-primary);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.guide-related-icon{font-size:2rem}.guide-related-card h3{color:#333;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.guide-related-card p{color:#2c3e50;color:var(--text-secondary);font-size:.85rem;margin:0}.guide-navigation-footer{border-top:1px solid #ddd;border-top:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:2rem}.button-primary,.button-secondary{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.button-primary{background:#3498db;background:var(--accent-primary);color:#fff}.button-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.button-secondary{background:#f5f5f5;background:var(--bg-primary);border:1px solid #ddd;border:1px solid var(--border-primary);color:#333;color:var(--text-primary)}.button-secondary:hover{background:#f9f9f9;background:var(--bg-hover)}.guide-error,.guide-loading{padding:4rem 2rem;text-align:center}.guide-error h1{color:#333;color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.guide-error p{color:#2c3e50;color:var(--text-secondary);margin-bottom:2rem}@media (max-width:768px){.guides-container{padding:1rem}.guides-title{font-size:2rem}.guides-grid{grid-template-columns:1fr}.guide-detail-container{padding:1rem}.guide-detail-content{padding:1.5rem}.guide-header{flex-direction:column;gap:1rem}.guide-detail-title{font-size:1.5rem}.guide-navigation-footer{flex-direction:column}.button-primary,.button-secondary{text-align:center;width:100%}}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{animation:toast-slide-in .3s ease-out;background:var(--surface0);border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:500px;min-width:300px;overflow:hidden;pointer-events:auto}.toast-exit{animation:toast-slide-out .3s ease-in forwards}.toast-content{gap:12px;padding:14px 16px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{flex-shrink:0;font-size:20px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{word-wrap:break-word;color:var(--text);flex:1 1;font-size:14px;line-height:1.5;white-space:pre-line}.toast-close{align-items:center;background:none;border:none;color:var(--subtext0);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:var(--text)}.toast-progress-bar{background:#0000001a;height:4px;overflow:hidden}.toast-progress-fill{height:100%;transition:width .05s linear}.toast-success{border-left-color:var(--green)}.toast-success .toast-icon{color:var(--green)}.toast-success .toast-progress-fill{background:var(--green)}.toast-error{border-left-color:var(--red)}.toast-error .toast-icon{color:var(--red)}.toast-error .toast-progress-fill{background:var(--red)}.toast-warning{border-left-color:var(--yellow)}.toast-warning .toast-icon{color:var(--yellow)}.toast-warning .toast-progress-fill{background:var(--yellow)}.toast-info{border-left-color:var(--blue)}.toast-info .toast-icon{color:var(--blue)}.toast-info .toast-progress-fill{background:var(--blue)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(calc(100% + 20px))}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(100% + 20px))}}body:not(.dark-mode) .toast{background:#fff;box-shadow:0 4px 12px #00000026}body:not(.dark-mode) .toast-progress-bar{background:#0000000d}@media (max-width:600px){.toast-container{left:10px;right:10px;top:10px}.toast{min-width:auto;width:100%}}.toast-container>.toast:not(:last-child){margin-bottom:0}
/*# sourceMappingURL=main.ed792ab4.css.map*/