body{font-family:Arial,sans-serif;background-color:#f4f4f9;margin:0;padding:20px;transition:background-color .3s,color .3s}h1{text-align:center;color:#333}#nav-list{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center}#nav-list li{background-color:#f9f9f9;color:#333;border:1px solid #ddd;border-radius:8px;margin:10px;padding:15px;width:200px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,background-color .3s;text-align:center;cursor:pointer}#nav-list li:hover{background-color:#fff}#nav-list a{text-decoration:none;color:inherit;display:block}#nav-list p{font-size:.9em;color:#666;margin:0}#tag-cloud{display:block;max-width:220px;overflow-wrap:break-word}.tag-button{margin:5px;padding:8px 12px;border:none;border-radius:20px;background-color:#007bff33;color:#007bff;box-shadow:0 2px 4px #0003;cursor:pointer;transition:background-color .3s,transform .2s;text-align:center}.tag-button.active{background-color:#007bff80;color:#fff}.tag-button:hover{background-color:#007bff4d;transform:scale(1.05)}#clear-selection{margin:5px;padding:8px 12px;border:none;border-radius:20px;background-color:#ff00004d;color:red;cursor:pointer;transition:background-color .3s,transform .2s}#clear-selection:hover{background-color:#ff000080;transform:scale(1.05)}.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#f8f9fa;overflow-x:hidden;overflow-y:hidden;transition:width .3s;z-index:1000}.sidebar:hover{overflow-y:auto}.sidebar-content{max-height:calc(100vh - 20px);overflow-y:auto;scrollbar-width:none}.sidebar-content::-webkit-scrollbar{display:none}.toggle-button,.toggle-sidebar{margin:10px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}.toggle-button:hover,.toggle-sidebar:hover{background-color:#0056b3;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.toggle-button:active,.toggle-sidebar:active{background-color:#004494;box-shadow:0 2px 4px #0003;transform:translateY(0)}.tag-cloud{text-align:left;margin:20px;max-width:220px;overflow-wrap:break-word}.clear-selection{margin-left:10px}.toggle-sidebar{display:block;position:absolute;top:10px;left:260px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;padding:10px 20px;font-size:16px}.nav-list{margin-left:270px}.sidebar-button{display:block;width:100%;margin:10px 0;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}.sidebar-button:hover{background-color:#0056b3;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.file-input-container{width:100%;margin:10px 0;display:flex;flex-direction:column;align-items:flex-start}.file-input-container input[type=file]{width:100%;cursor:pointer}.file-input-wrapper{width:100%;display:flex;justify-content:center;margin:10px 0}.file-input-wrapper button,.file-input-wrapper input[type=file]{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s}.file-input-wrapper button:hover,.file-input-wrapper input[type=file]:hover{background-color:#0056b3}.file-input-wrapper.full-view{display:block}.file-input-wrapper.icon-view,.file-input-wrapper input[type=file]{display:none}.file-input-wrapper button{background-color:#0056b3;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;margin-bottom:5px}.file-input-wrapper span{margin-top:5px}#nav-list a div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:inline-block}.icon-view{background-color:#add8e6;border:none;color:#fff;font-size:24px;padding:10px;margin:5px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.icon-view:hover{background-color:#87ceeb}.sidebar-button:active,.toggle-button:active,.icon-view:active{background-color:#004494;box-shadow:0 2px 4px #0003;transform:translateY(0)}#bookmark-display{margin-left:270px;transition:margin-left .3s}.reset-button{background-color:red;color:#fff}.reset-button:hover{background-color:#c00}.export-button{background-color:#add8e6;color:#333;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}.export-button:hover{background-color:#87ceeb;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.nav-list-item{position:relative;margin-bottom:10px;padding:10px;border-radius:4px;transition:all .3s ease;background-color:#fff}.nav-list-link{display:block;text-decoration:none}.nav-list-title{font-weight:700;color:#007bff;transition:color .3s ease}.nav-list-description{font-size:.9em;color:#666;margin-bottom:20px}.nav-list-tag-container{position:absolute;bottom:10px;right:10px;display:none;flex-wrap:wrap;gap:5px}.nav-list-item:hover .nav-list-tag-container{display:flex}.nav-list-item:hover .nav-list-title{color:#0056b3}.nav-list-item:hover .nav-list-tag-container span{background-color:#d0d0d0;color:#000}.github-link{position:fixed;top:20px;right:20px;z-index:1000}.github-icon{font-size:24px;color:#333;transition:color .3s ease}.github-link:hover .github-icon{color:#007bff}.hidden{display:none}.other-button{background-color:#add8e6;color:#333;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}.other-button:hover{background-color:#87ceeb;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}#reset-bookmarks-other{background-color:red;color:#fff;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}#reset-bookmarks-other:hover{background-color:#c00;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}#merge-bookmarks{background-color:#add8e6;color:#333;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}#merge-bookmarks:hover{background-color:#87ceeb;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}#export-options{background-color:#add8e6;color:#333;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}#export-options:hover{background-color:#87ceeb;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.button-group{display:flex;justify-content:space-between}.button-group .sidebar-button,.button-group .toggle-button{flex:1;margin:5px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.delete-icon{position:absolute;top:5px;right:5px;width:20px;height:20px;background-color:red;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;line-height:1;transition:background-color .3s}.delete-icon:hover{background-color:#8b0000}body.dark-mode{background-color:#2e2e2e;color:#fff}.theme-toggle{position:fixed;top:20px;right:60px;z-index:1001;font-size:24px;cursor:pointer;transition:color .3s}.sidebar.dark-mode{background-color:#3e3e3e}body.dark-mode .tag-button{background-color:#555;color:#fff}body.dark-mode .nav-list-description{color:#fff}#nav-list li.dark-mode{background-color:#4e4e4e;color:#fff}.tag-button{background-color:#555;color:#fff}.tag-button:hover{background-color:#0056b3;color:#fff}body.dark-mode #nav-list li{background-color:#1a1a1a;color:#fff}body.dark-mode #nav-list li:hover{background-color:#555}body.dark-mode .tag-button:hover{background-color:#555;color:#fff}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{font-size:2em;font-weight:700;color:#333;margin:0}.toggle-button{position:absolute;top:10px;left:250px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0003}.toggle-tags-button{display:inline-block;margin:5px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s}.toggle-tags-button:hover{background-color:#0056b3;transform:translateY(-2px)}.sidebar-button,.toggle-tags-button{display:inline-block;width:100px;height:40px;margin:5px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s}.sidebar-button:hover,.toggle-tags-button:hover{background-color:#0056b3}body.dark-mode .tag-button{background-color:#1a1a1a;color:#fff}body:not(.dark-mode) .tag-button{background-color:#f9f9f9;color:#333}.icon-red{color:#333}body.dark-mode .icon-red{color:#fff}#other-options{width:100%;margin:10px 0;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s}.other-button{flex:1 0 100%;margin:5px 0;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#other-menu{display:flex;flex-wrap:wrap;margin:10px 0}.other-button{flex:0 1 calc(50% - 10px);margin:5px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.other-button:hover{background-color:#0056b3}.sidebar.collapsed .sidebar-button{display:none}.icon-view{display:block}.sidebar.collapsed .icon-view{display:inline-block}.header{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.header h1{margin:0;color:#333;text-align:center;font-size:2em}