:root{--primary-bg:#fff;--secondary-bg:#f5f5f5;--tertiary-bg:#f9f9f9;--surface-bg:#fff;--text-primary:#333;--text-secondary:#555;--text-tertiary:#999;--border-color:#e0e0e0;--border-light:#f0f0f0;--hover-bg:#e8e8e8;--primary-blue:#2196f3;--primary-blue-dark:#1976d2;--danger-red:#f44336;--danger-red-dark:#d32f2f;--success-green:#4caf50;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 20px #0000004d}:root[data-theme=dark]{--primary-bg:#1a1a1a;--secondary-bg:#2a2a2a;--tertiary-bg:#1f1f1f;--surface-bg:#252525;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-tertiary:grey;--border-color:#404040;--border-light:#333;--hover-bg:#3a3a3a;--primary-blue:#2196f3;--primary-blue-dark:#1976d2;--danger-red:#f44336;--danger-red-dark:#d32f2f;--success-green:#4caf50;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 20px #000000b3}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--secondary-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background-color:#fff;background-color:var(--primary-bg);border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:500px;padding:30px;width:90%}.modal-content h2{color:#333;color:var(--text-primary);margin:0 0 20px}.modal-content button{background-color:#f5f5f5;background-color:var(--secondary-bg);color:#333;color:var(--text-primary)}.modal-content button:hover{background-color:#e0e0e0;background-color:var(--border-color)}.list-type-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.list-type-option{align-items:center;background-color:#f5f5f5;background-color:var(--secondary-bg);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:15px;transition:all .2s}.list-type-option:hover{background-color:#e8e8e8;background-color:var(--hover-bg);border-color:#2196f3;border-color:var(--primary-blue);transform:translateY(-2px)}.list-icon{align-items:center;display:inline-flex;font-size:24px;justify-content:center;margin-right:5px}.list-icon img{height:33px;object-fit:contain;width:33px}.list-type-name{color:#333;color:var(--text-primary)}.comment-dialog{display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;padding:0}.comment-header{align-items:center;background-color:#f9f9f9;background-color:var(--tertiary-bg);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;gap:15px;padding:20px}.comment-header-image{border-radius:4px;flex-shrink:0;height:45px;object-fit:cover;width:60px}.comment-header h2{flex:1 1;font-size:18px;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.btn-close:hover{background-color:#f0f0f0;background-color:var(--border-light);color:#333;color:var(--text-primary)}.comments-list{flex:1 1;max-height:400px;overflow-y:auto;padding:20px}.no-comments{color:#999;color:var(--text-tertiary);padding:40px 20px;text-align:center}.comment-item{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:15px}.comment-item:last-child{border-bottom:none}.comment-meta{align-items:center;display:flex;gap:10px;margin-bottom:8px}.comment-author{font-size:14px;font-weight:600}.comment-date{color:#999;color:var(--text-tertiary);font-size:12px}.comment-text{word-wrap:break-word;color:#333;color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.comment-input-area{background-color:#f9f9f9;background-color:var(--tertiary-bg);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;padding:20px}.comment-input{background-color:#f5f5f5;background-color:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.comment-input:focus{border-color:#2196f3;border-color:var(--primary-blue);outline:none}.app{min-height:100vh;padding:20px 20px 120px}.tabs-bar{background-color:#fff;background-color:var(--primary-bg);border-top:2px solid #e0e0e0;border-top:2px solid var(--border-color);bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;flex-direction:column;left:0;padding:0;position:fixed;right:0;z-index:1000}.horizontal-scroll-wrapper{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);height:50px;margin-bottom:8px;width:100%}.horizontal-scroll-content{height:50px}.horizontal-scroll-wrapper::-webkit-scrollbar{height:48px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb{border-radius:4px}.horizontal-scroll-wrapper{scrollbar-color:#666 #e8e8e8;scrollbar-color:#666 var(--hover-bg)}.tabs-content{display:flex;gap:10px;overflow-x:auto;padding:10px 20px}.tab{align-items:center;background-color:#f5f5f5;background-color:var(--secondary-bg);border-radius:6px;color:#999;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.tab:hover{background-color:#e8e8e8;background-color:var(--hover-bg)}.tab.active{background-color:#2196f3;background-color:var(--primary-blue);color:#fff}.tab-name{flex:1 1;font-size:14px}.tab span{cursor:pointer}.tab-menu-trigger,.tab-rename{background:none;border:none;cursor:pointer;font-size:10px;margin-left:4px;opacity:.6;padding:2px 4px;transition:opacity .2s}.tab-menu-trigger:hover{opacity:1}.tab.active .tab-menu-trigger{color:#fff}.btn-add-tab{background-color:#f5f5f5;background-color:var(--secondary-bg);border:2px dashed #ccc;border-radius:6px;color:#666;cursor:pointer;padding:10px 16px;transition:all .2s;white-space:nowrap}.btn-add-tab:hover{background-color:#e8e8e8;background-color:var(--hover-bg);border-color:#2196f3;border-color:var(--primary-blue);color:#2196f3}.menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.dropdown-menu{background-color:#fff;background-color:var(--primary-bg);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;z-index:2000}.dropdown-menu button{background:none;border:none;color:#333;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.dropdown-menu button:hover{background-color:#f5f5f5;background-color:var(--secondary-bg)}.dropdown-menu .menu-danger{color:#d32f2f;color:var(--danger-red-dark)}.dropdown-menu .menu-danger:hover{background-color:#ffebee}.rename-dialog{max-width:400px}.rename-input{background-color:#f5f5f5;background-color:var(--secondary-bg);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:20px;padding:10px;width:100%}.rename-input:focus{border-color:#2196f3;border-color:var(--primary-blue);outline:none}.prompt-dialog{max-width:400px}.prompt-dialog p{color:#555;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.prompt-input{background-color:#f5f5f5;background-color:var(--secondary-bg);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:20px;padding:10px;width:100%}.prompt-input:focus{border-color:#2196f3;border-color:var(--primary-blue);outline:none}.delete-confirm-dialog{max-width:450px}.delete-confirm-dialog p{color:#555;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.delete-confirm-dialog strong{color:#333;color:var(--text-primary)}.dropdown-menu.user-menu{min-width:180px}.dialog-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.lists-wrapper{margin-bottom:20px;position:relative}.lists-container{-ms-overflow-style:none;display:flex;gap:30px;overflow-x:auto;overflow-y:visible;padding-bottom:20px;scrollbar-width:none}.lists-container::-webkit-scrollbar{display:none}.horizontal-scroll-wrapper{background-color:initial;border:none;bottom:60px;box-shadow:none;cursor:pointer;height:100px;left:20px;overflow-x:scroll;overflow-y:hidden;position:fixed;right:20px;z-index:999}.horizontal-scroll-content{background:#0000;height:100px}.horizontal-scroll-wrapper::-webkit-scrollbar{-webkit-appearance:none;height:100px}.horizontal-scroll-wrapper::-webkit-scrollbar-track{background-color:#e8e8e8;background-color:var(--hover-bg);border-radius:8px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#666;border:none;border-radius:8px;min-width:150px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#444}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:active{background-color:#2196f3;background-color:var(--primary-blue)}.horizontal-scroll-wrapper{scrollbar-color:#888 #f5f5f5;scrollbar-color:#888 var(--secondary-bg);scrollbar-width:auto}.list-column{flex-shrink:0;min-width:750px}.list-header{background-color:#fff;background-color:var(--primary-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:20px;padding:20px}.list-header,.list-header h2{align-items:center;display:flex}.list-header h2{color:#333;color:var(--text-primary);font-size:24px;gap:10px;margin:0}.list-header-actions{display:flex;gap:10px}.btn-sm{font-size:14px;padding:6px 12px}.list-add-column{align-items:flex-start;display:flex;min-width:200px;padding-top:20px}.btn-add-list{background-color:#f5f5f5;background-color:var(--secondary-bg);border:2px dashed #ccc;border-radius:8px;color:#666;cursor:pointer;font-size:18px;padding:60px 20px;transition:all .2s;width:100%}.btn-add-list:hover{background-color:#e8e8e8;background-color:var(--hover-bg);border-color:#2196f3;border-color:var(--primary-blue);color:#2196f3}.header{align-items:center;background-color:#fff;background-color:var(--primary-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header h1{color:#333;color:var(--text-primary);font-size:28px}.header-actions{gap:15px}.btn-history,.header-actions{align-items:center;display:flex}.btn-history{background-color:#f5f5f5;background-color:var(--secondary-bg);border:none;border-radius:6px;color:#555;color:var(--text-secondary);cursor:pointer;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .2s}.btn-history:hover{background-color:#e0e0e0;background-color:var(--border-color)}.filter-switch-container{align-items:center;background-color:#f5f5f5;background-color:var(--secondary-bg);border-radius:8px;display:flex;gap:10px;padding:4px 12px}.filter-label{color:#666;font-size:14px;font-weight:500;transition:color .2s}.filter-switch-container:has(input:checked) .filter-label:last-of-type{color:#2196f3;color:var(--primary-blue)}.filter-switch-container:has(input:not(:checked)) .filter-label:first-of-type{color:#2196f3;color:var(--primary-blue)}.switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#999;background-color:var(--text-tertiary);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#e0e0e0;background-color:var(--border-color);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#999;background-color:var(--text-tertiary)}input:checked+.slider:before{transform:translateX(20px)}.username-display{background-color:#f5f5f5;background-color:var(--secondary-bg);border-radius:6px;color:#555;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.username-display:hover{background-color:#e0e0e0;background-color:var(--border-color)}button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#2196f3;background-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:#1976d2;background-color:var(--primary-blue-dark)}.btn-secondary{background-color:#e0e0e0;background-color:var(--border-color);color:#333;color:var(--text-primary)}.btn-secondary:hover{background-color:#d0d0d0}.btn-danger{background-color:#f44336;background-color:var(--danger-red);color:#fff}.btn-danger:hover{background-color:#d32f2f;background-color:var(--danger-red-dark)}.btn-back{background-color:#757575;color:#fff;margin-bottom:20px}.btn-back:hover{background-color:#616161}.entries-grid{display:flex;flex-direction:column;gap:20px}.entry-card-wrapper{position:relative}.entry-card-wrapper:hover .btn-add-below,.entry-card-wrapper:hover .entry-hover-actions{opacity:1;pointer-events:auto}.entry-card{background-color:#fff;background-color:var(--primary-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.entry-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.entry-card-hidden{align-items:center;background-color:#f0f0f0;background-color:var(--border-light);border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:all .2s}.entry-card-hidden:hover{background-color:#e5e5e5}.hidden-eye-icon{font-size:16px;opacity:0;transition:opacity .2s}.entry-card-hidden:hover .hidden-eye-icon{opacity:1}.entry-hover-actions{display:flex;gap:5px;opacity:0;pointer-events:none;position:absolute;right:8px;top:8px;transition:opacity .2s;z-index:20}.btn-hover-action{background-color:#f5f5f5;background-color:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#555;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:6px 12px;transition:all .2s}.btn-hover-action:hover{background-color:#e0e0e0;background-color:var(--border-color);border-color:#2196f3;border-color:var(--primary-blue);transform:scale(1.1)}.btn-add-below{align-items:center;background-color:#2196f3;background-color:var(--primary-blue);border:2px solid #fff;border-radius:50%;bottom:-12px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;left:50%;opacity:0;padding:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s;width:32px;z-index:10}.btn-add-below:hover{background-color:var(--);transform:translateX(-50%) scale(1.15)}.entry-author-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border-radius:4px;color:#fff;font-size:7px;font-weight:500;left:5px;padding:2px 5px;position:absolute;top:5px;z-index:10}.entry-preview{background-color:#f0f0f0;background-color:var(--border-light);flex-shrink:0;height:135px;overflow:hidden;width:180px}.entry-preview img{height:100%;object-fit:cover;width:100%}.entry-content{flex:0 1 auto;max-width:300px;min-width:150px;padding:15px}.entry-explanation-images{align-items:center;display:flex;flex-shrink:0;gap:0}.explanation-image-with-arrow{gap:0}.entry-explanation-preview{background-color:#e8e8e8;background-color:var(--hover-bg);flex-shrink:0;height:135px;overflow:hidden;width:180px}.entry-explanation-preview img{height:100%;object-fit:cover;width:100%}.instagram-embed-small,.youtube-embed-small{border:none;border-radius:0;height:100%;width:100%}.image-arrow{color:#666;flex-shrink:0;font-size:20px;margin:0;padding:0 2px}.entry-content h3{color:#333;color:var(--text-primary);font-size:18px;margin-bottom:8px}.category-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-bottom:8px;padding:4px 12px}.entry-description{word-wrap:break-word;color:#555;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-top:8px}.empty-state{border-radius:8px;color:#999;color:var(--text-tertiary);padding:60px 20px}.empty-state,.my-entries-empty-state{background-color:#fff;background-color:var(--primary-bg);text-align:center}.my-entries-empty-state{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:40px auto;max-width:500px;padding:80px 40px}.empty-state-icon{font-size:64px;margin-bottom:20px}.my-entries-empty-state h2{color:#333;color:var(--text-primary);font-size:24px;margin-bottom:10px}.my-entries-empty-state p{color:#555;color:var(--text-secondary);font-size:16px;margin-bottom:30px}.my-entries-empty-state button{font-size:16px;padding:12px 24px}.detail-view{background-color:#fff;background-color:var(--primary-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.detail-header h1{color:#333;color:var(--text-primary);font-size:32px}.entry-meta{background-color:#f9f9f9;background-color:var(--tertiary-bg);border-radius:6px;color:#555;color:var(--text-secondary);font-size:14px;margin-bottom:15px;padding:10px}.entry-meta p{margin:5px 0}.detail-description{color:#555;color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:20px}.detail-preview-image{margin-bottom:20px;text-align:center}.detail-preview-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:400px;max-width:100%}.detail-actions{display:flex;gap:10px;margin-bottom:30px}.explanation-images{display:flex;flex-direction:column;gap:5px}.explanation-image-with-arrow{align-items:center;display:flex;gap:5px}.explanation-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;max-width:100%;overflow:hidden;width:100%}.explanation-image img{display:block;height:auto;width:100%}.youtube-embed-large{aspect-ratio:16/9;border:none;border-radius:8px;width:100%}.instagram-embed-large{aspect-ratio:4/5;border:none;border-radius:8px;min-height:500px;width:100%}.youtube-embed-preview{aspect-ratio:16/9;border:none;border-radius:6px;width:100%}.instagram-embed-preview{aspect-ratio:4/5;border:none;border-radius:6px;min-height:400px;width:100%}.image-arrow-large{color:#2196f3;color:var(--primary-blue);flex-shrink:0;font-size:48px;font-weight:700;margin:0 5px}.detail-comments-section{border-top:2px solid #e0e0e0;border-top:2px solid var(--border-color);margin-top:40px;padding-top:30px}.detail-comments-section h2{color:#333;color:var(--text-primary);font-size:24px;margin-bottom:20px}.detail-comments-list{margin-bottom:20px}.detail-comment-input-area{display:flex;flex-direction:column;gap:10px}.detail-comment-input-area .comment-input{background-color:#f5f5f5;background-color:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.detail-comment-input-area .comment-input:focus{border-color:#2196f3;border-color:var(--primary-blue);outline:none}.detail-comment-input-area button{align-self:flex-start}.detail-comment-input-area textarea{background-color:#f5f5f5;background-color:var(--secondary-bg);color:#333;color:var(--text-primary)}.edit-panel{background-color:#fff;background-color:var(--primary-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px;padding:30px}.edit-panel h2{color:#333;color:var(--text-primary);margin-bottom:25px}.edit-panel label{color:#555;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:20px}.edit-panel input[type=text],.edit-panel select,.edit-panel textarea{background-color:#f5f5f5;background-color:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);display:block;font-family:inherit;font-size:14px;margin-top:5px;padding:10px;width:100%}.edit-panel input[type=text]:focus,.edit-panel select:focus,.edit-panel textarea:focus{border-color:#2196f3;border-color:var(--primary-blue);outline:none}.images-section{margin-bottom:20px}.images-section>label{display:block;margin-bottom:10px}.images-section button{background-color:#f5f5f5;background-color:var(--secondary-bg);color:#333;color:var(--text-primary)}.images-section button:hover{background-color:#e0e0e0;background-color:var(--border-color)}.image-input-group{margin-bottom:15px}.image-input{align-items:center;display:flex;gap:10px;margin-bottom:10px}.image-input input{flex:1 1;margin-top:0}.image-preview-container{align-items:flex-start;display:flex;gap:10px;margin-top:10px}.image-preview{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;max-width:300px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.btn-crop{background-color:#f5f5f5;background-color:var(--secondary-bg);border:none;border-radius:6px;color:#333;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-crop:hover{background-color:#e0e0e0;background-color:var(--border-color)}.btn-remove{background-color:#f44336;background-color:var(--danger-red);color:#fff;flex-shrink:0;padding:8px 12px}.form-actions{display:flex;gap:10px;margin-top:30px}.form-actions-cancel{background-color:#f5f5f5;background-color:var(--secondary-bg);color:#333;color:var(--text-primary)}.form-actions-cancel:hover{background-color:#e0e0e0;background-color:var(--border-color)}@media (max-width:768px){.entries-grid{grid-template-columns:1fr}.entry-card{flex-direction:column}.entry-preview{height:150px;width:100%}.entry-explanation-images{width:100%}.entry-explanation-preview{height:120px;width:50%}.header{flex-direction:column;gap:15px;text-align:center}.header-actions{flex-direction:column;width:100%}.detail-view{padding:20px}.detail-header h1{font-size:24px}}.error,.loading{border-radius:8px;margin:20px;padding:60px 20px;text-align:center}.error,.loading,.tab-info-bar{background-color:#fff;background-color:var(--primary-bg)}.tab-info-bar{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);gap:10px;margin-bottom:0;padding:18px 20px}.tab-icon-box,.tab-info-bar{align-items:center;display:flex}.tab-icon-box{border:2px solid #f0f0f0;border:2px solid var(--border-light);border-radius:6px;cursor:pointer;flex-shrink:0;height:50px;justify-content:center;transition:all .2s;width:50px}.tab-icon-box:hover{background-color:#f0f7ff;border-color:#2196f3;border-color:var(--primary-blue);transform:scale(1.05)}.tab-icon-box.empty{background-color:#f9f9f9;background-color:var(--tertiary-bg);border-style:dashed}.tab-icon-box img{border-radius:4px;height:100%;object-fit:contain;width:100%}.tab-icon-box .placeholder-text{color:#999;color:var(--text-tertiary);font-size:24px;font-weight:700}.tab-info-bar .tab-name{color:#333;color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.icon-upload-dialog{max-width:500px;width:90%}.icon-upload-dialog h2{color:#333;color:var(--text-primary);margin-bottom:20px}.icon-upload-dialog input{background-color:#f5f5f5;background-color:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#333;color:var(--text-primary)}.preset-icons h3{color:#555;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:10px}.preset-grid{display:flex;gap:15px;margin-bottom:25px}.badge-icon-grid{display:grid;grid-template-columns:auto auto auto auto auto;padding:10px}.preset-item{align-items:center;background-color:#f5f5f5;background-color:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:80px;padding:12px;transition:all .2s}.preset-item:hover{background-color:#e0e0e0;background-color:var(--border-color);transform:translateY(-2px)}.preset-item img{height:50px;object-fit:contain;width:50px}.preset-item span{color:#333;color:var(--text-primary);font-size:12px;font-weight:500}.url-input-section{margin-bottom:25px}.url-input-section label{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.url-input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;margin-bottom:10px;padding:10px;transition:border-color .2s;width:100%}.url-input:focus{border-color:#2196f3;outline:none}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.entry-menu-button{font-size:18px!important;font-weight:700;line-height:1}.menu-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.entry-menu-popover{background-color:#fff;background-color:var(--primary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:grid;min-width:180px;padding:8px 0;z-index:2000}.menu-item{align-items:center;background:none;border:none;color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background-color:#f5f5f5;background-color:var(--secondary-bg)}.menu-item span{font-size:16px}.duplicate-modal{max-width:500px;width:90%}.modal-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:20px}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.modal-tab:hover{color:#2196f3}.modal-tab.active{border-bottom-color:#2196f3;color:#2196f3}.duplicate-modal-content{margin-bottom:25px}.modal-subtitle{color:#666;font-size:14px;margin-bottom:15px}.modal-label{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.tab-selector{background:#f5f5f5;background:var(--secondary-bg);border:2px solid #e0e0e0;border-radius:6px;color:#333;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px;transition:border-color .2s;width:100%}.tab-selector:focus{border-color:#2196f3;outline:none}.list-selector{display:flex;flex-direction:column;gap:8px}.radio-option{align-items:center;border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);cursor:pointer;display:flex;padding:12px;transition:all .2s}.radio-option,.radio-option:hover{background-color:#f5f5f5;background-color:var(--secondary-bg)}.radio-option:hover{border-color:1px solid #e0e0e0;border-color:1px solid var(--border-color)}.radio-option input[type=radio]{cursor:pointer;margin-right:10px}.radio-label{color:#333;color:var(--text-primary);flex:1 1;font-size:14px}.current-badge{color:#555;color:var(--text-secondary);font-size:12px;font-style:italic;margin-left:8px}.error{color:#f44336;color:var(--danger-red)}.history-dialog{display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;padding:0}.history-header{align-items:center;background-color:#f9f9f9;background-color:var(--tertiary-bg);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.history-header h2{color:#333;color:var(--text-primary);font-size:24px;margin:0}.history-list{flex:1 1;overflow-y:auto;padding:20px}.no-history{color:#999;color:var(--text-tertiary);font-size:16px;padding:40px 20px;text-align:center}.history-item{background-color:#f9f9f9;background-color:var(--tertiary-bg);border-radius:6px;font-size:14px;line-height:1.5;margin-bottom:8px;padding:12px}.history-user{font-weight:600}.history-action{color:#555;color:var(--text-secondary)}.history-entity{color:#333;color:var(--text-primary);font-weight:500}.history-name{color:#2196f3;color:var(--primary-blue);font-weight:500}.history-context{color:#555;color:var(--text-secondary);font-size:13px}.history-time{color:#999;color:var(--text-tertiary);font-size:13px}.cropper-modal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cropper-content{background-color:var(--primary-bg);border-radius:8px;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;width:100%}.cropper-content h3{color:var(--text-primary);margin-bottom:20px;text-align:center}.cropper-canvas-container{display:flex;justify-content:center;margin-bottom:20px;overflow:auto}.cropper-canvas-container canvas{border:1px solid var(--border-color);display:block}.cropper-controls{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.cropper-hint{color:var(--text-secondary);font-size:13px;margin-bottom:20px;text-align:center}.cropper-actions{display:flex;gap:10px;justify-content:center}.cropper-actions button{background-color:var(--secondary-bg);color:var(--text-primary)}.cropper-actions button:disabled,.cropper-actions button:hover{background-color:var(--border-color)}.cropper-actions button:disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.cropper-actions button:disabled:hover{background-color:var(--border-color);transform:none}@media (max-width:768px){.cropper-content{padding:20px}.cropper-canvas-container canvas{height:auto;max-width:100%}}
/*# sourceMappingURL=main.3228ab3b.css.map*/